:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffeb;background-color:#0b0f14;--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .65);--surface: rgba(255, 255, 255, .06);--surface-2: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .14);--primary: #8de5ff;--danger: #ff6b7a;--radius: 16px;--shadow: 0 16px 40px rgba(0, 0, 0, .35);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(1200px 700px at 20% -10%,rgba(141,229,255,.18),transparent 60%),radial-gradient(900px 600px at 95% 5%,rgba(141,255,191,.1),transparent 55%),radial-gradient(900px 700px at 50% 110%,rgba(255,174,221,.1),transparent 60%),var(--bg, #0b0f14)}button{font-family:inherit}input{font-family:inherit;min-width:0}::selection{background:#8de5ff40}.app{max-width:820px;margin:0 auto;padding:18px}.app__header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.app__titleWrap{display:flex;flex-direction:column;gap:4px}.app__title{margin:0;font-size:18px;letter-spacing:.2px}.app__subtitle{margin:0;color:var(--muted);font-size:13px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.label{font-weight:700;font-size:13px;letter-spacing:.2px}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);max-width:100%}.input:focus-visible{outline:3px solid color-mix(in oklab,var(--primary) 50%,white);outline-offset:2px}.hint{font-size:13px;color:var(--muted)}.recentRow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:#ffffff08}.list{border:1px solid var(--border);border-radius:14px;overflow:hidden}.listItem{width:100%;text-align:left;padding:12px;border:none;background:transparent;cursor:pointer;color:var(--text)}.listItem:focus-visible{outline:3px solid color-mix(in oklab,var(--primary) 55%,white);outline-offset:-3px}@media(max-width:520px){.app{padding:14px}.app__header{align-items:flex-start}.row{gap:8px}}.listItem:hover{background:#ffffff0d}.listItem__title{font-weight:700}.listItem__subtitle{opacity:.75;font-size:13px}.ui-card{background:color-mix(in oklab,var(--surface) 100%,transparent);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 30px #0000002e}.ui-card__header{margin-bottom:12px}.ui-card__title{margin:0;font-size:16px;letter-spacing:.2px}.ui-card__subtitle{margin:4px 0 0;color:var(--muted);font-size:13px}.ui-card__body{display:block}.ui-button{border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-weight:600;letter-spacing:.2px;cursor:pointer;transition:transform .05s ease,background .15s ease,border-color .15s ease}.ui-button--sm{padding:8px 10px;font-size:14px}.ui-button--md{padding:10px 14px;font-size:15px}.ui-button--primary{background:linear-gradient(180deg,color-mix(in oklab,var(--primary) 92%,white),var(--primary));border-color:color-mix(in oklab,var(--primary) 65%,black);color:#0b0f14}.ui-button--secondary{background:var(--surface-2)}.ui-button--ghost{background:transparent}.ui-button--danger{background:color-mix(in oklab,var(--danger) 20%,var(--surface-2));border-color:color-mix(in oklab,var(--danger) 45%,var(--border))}.ui-button:hover{border-color:color-mix(in oklab,var(--primary) 55%,var(--border))}.ui-button:active{transform:translateY(1px)}.ui-button:focus-visible{outline:3px solid color-mix(in oklab,var(--primary) 55%,white);outline-offset:2px}.ui-button[disabled]{opacity:.55;cursor:not-allowed}.ui-spinner{display:inline-flex;align-items:center;gap:10px;color:var(--muted)}.ui-spinner__dot{width:10px;height:10px;border-radius:999px;background:var(--primary);animation:ui-pulse 1.1s ease-in-out infinite}.ui-spinner__label{font-size:14px}.ui-progress{width:100%}.ui-progress__label{font-size:13px;color:var(--muted);margin-bottom:8px}.ui-progress__track{height:10px;border-radius:999px;background:#ffffff14;border:1px solid var(--border);overflow:hidden}.ui-progress__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),color-mix(in oklab,var(--primary) 35%,white));transition:width .2s ease}@keyframes ui-pulse{0%,to{transform:scale(.9);opacity:.6}50%{transform:scale(1.15);opacity:1}}