@import "https://fonts.googleapis.com/css2?family=Onest:wght@300..800&display=swap";
:root,[data-theme=sky]{--color-bg:#ecf1f8;--color-text:#14213a;--color-body:#48566e;--color-meta:#8798b8;--color-accent:#2f5fd0;--color-wash:#d4e2fb;--color-wash-strong:#bfd3f7;--color-warm:#ffc83d;--color-warm-hover:#ffd466;--color-warm-tint:#fff6dc;--color-surface-muted:#f6f8fc;--color-control:#adc2e6}[data-theme=lilac]{--color-bg:#eeecf6;--color-text:#1c1a33;--color-body:#4d4a66;--color-meta:#8e88bd;--color-accent:#5b4bc4;--color-wash:#ddd6fb;--color-wash-strong:#c9bff7;--color-warm:#ff8a3d;--color-warm-hover:#ff9f5f;--color-warm-tint:#fff1e6;--color-surface-muted:#f7f6fb;--color-control:#b9b3e6}[data-theme=sage]{--color-bg:#edf1ec;--color-text:#17241d;--color-body:#4a5a50;--color-meta:#8aa596;--color-accent:#2f7a5a;--color-wash:#d3e6da;--color-wash-strong:#bfdacb;--color-warm:#ff7a59;--color-warm-hover:#ff9378;--color-warm-tint:#ffeee8;--color-surface-muted:#f6f8f5;--color-control:#b3cbbd}:root{--color-surface:#fff;--color-accent-on:#fff;--color-warm-on:var(--color-text);--color-divider:var(--color-wash);--color-accent-soft:var(--color-wash-strong);--color-idle-bg:var(--color-surface-muted);--color-idle-fg:var(--color-meta);--color-error:#9b2c2c;--color-success:#2f6b3a;--font-body:"Onest", system-ui, sans-serif;--font-display:"Onest", system-ui, sans-serif;--font-mono:"Onest", system-ui, sans-serif;--font-code:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--color-code-keyword:#cf222e;--color-code-string:#0a6e6e;--color-code-comment:#6e7781;--color-code-literal:#0550ae;--color-code-title:#8250df;--color-code-type:#953800;--color-code-tag:#116329;--color-code-deletion:#82071e;--color-code-deletion-bg:#ffebe9;--color-code-addition:#116329;--color-code-addition-bg:#dafbe1}
:root{--color-neutral-100:color-mix(in srgb, var(--color-text) 4%, var(--color-bg));--color-neutral-200:color-mix(in srgb, var(--color-text) 9%, var(--color-bg));--color-neutral-300:color-mix(in srgb, var(--color-text) 18%, var(--color-bg));--color-neutral-400:color-mix(in srgb, var(--color-text) 30%, var(--color-bg));--color-neutral-500:color-mix(in srgb, var(--color-text) 44%, var(--color-bg));--color-neutral-600:color-mix(in srgb, var(--color-text) 57%, var(--color-bg));--color-neutral-700:color-mix(in srgb, var(--color-text) 69%, var(--color-bg));--color-neutral-800:color-mix(in srgb, var(--color-text) 80%, var(--color-bg));--color-neutral-900:color-mix(in srgb, var(--color-text) 90%, var(--color-bg));--color-accent-100:color-mix(in srgb, var(--color-accent) 10%, var(--color-bg));--color-accent-200:color-mix(in srgb, var(--color-accent) 22%, var(--color-bg));--color-accent-300:color-mix(in srgb, var(--color-accent) 40%, var(--color-bg));--color-accent-400:color-mix(in srgb, var(--color-accent) 65%, var(--color-bg));--color-accent-500:var(--color-accent);--color-accent-600:color-mix(in srgb, var(--color-accent) 85%, var(--color-text));--color-accent-700:color-mix(in srgb, var(--color-accent) 70%, var(--color-text));--color-accent-800:color-mix(in srgb, var(--color-accent) 55%, var(--color-text));--color-accent-900:color-mix(in srgb, var(--color-accent) 40%, var(--color-text));--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:48px;--space-12:64px;--space-14:112px;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--radius-xl:32px;--radius-2xl:36px;--radius-pill:999px;--shadow-sm:0 4px 20px color-mix(in srgb, var(--color-text) 8%, transparent);--shadow-md:0 10px 30px -18px color-mix(in srgb, var(--color-text) 18%, transparent);--shadow-lg:0 20px 50px -24px color-mix(in srgb, var(--color-text) 30%, transparent);--text-xs:13px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--title-page:clamp(32px, 4.4vw, 48px);--title-page-long:clamp(24px, 3vw, 32px);--title-step:clamp(30px, 4.2vw, 44px);--title-auth:40px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{height:100%}html,body{max-width:100vw}html{overflow-x:hidden}body{min-height:100%;color:var(--color-text);background:var(--color-bg);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin:0;line-height:1.55;display:flex;overflow-x:clip}*{box-sizing:border-box}main{width:100%;max-width:1000px;padding:var(--space-10) var(--space-7) var(--space-12);flex:1;margin:0 auto}@media (max-width:640px){main{padding:var(--space-7) var(--space-4) var(--space-10)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 var(--space-2);text-wrap:balance;font-weight:600;line-height:1.08}h1{font-size:var(--title-page)}h2{font-size:var(--text-xl);letter-spacing:-.01em}h3{font-size:var(--text-lg);letter-spacing:-.01em}p{margin:0 0 var(--space-3);text-wrap:pretty}a{color:var(--color-accent);text-underline-offset:3px;font-weight:600;text-decoration:none;transition:color .15s}a:hover{color:var(--color-text)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 25%, transparent)}.kick{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);font-weight:600}.disp{font-family:var(--font-display);letter-spacing:-.03em;font-weight:600;line-height:1.08}.ghost{border-radius:var(--radius-sm);background:var(--color-wash);min-width:36px;height:36px;color:var(--color-text);font-family:var(--font-body);font-weight:600;font-size:var(--text-xs);font-feature-settings:"tnum";flex:none;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.num{font-feature-settings:"tnum"}.measure{max-width:62ch;line-height:1.65}.textMuted{color:var(--color-body)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8)}@media (max-width:640px){.card{padding:22px}}.indication{border:2px solid var(--color-wash);border-top-color:var(--color-accent);border-radius:50%;width:16px;height:16px;animation:.95s linear infinite indication-spin}@keyframes indication-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.indication{animation:none;transform:rotate(-45deg)}}.indication-dots{align-items:center;gap:5px;height:6px;display:flex}.indication-dots span{background:var(--color-accent);opacity:.35;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite indication-dot}.indication-dots span:nth-child(2){animation-delay:.15s}.indication-dots span:nth-child(3){animation-delay:.3s}.indication-inline-dots{--indication-dot-size:clamp(3px, .2em, 6px);--indication-dot-rise:clamp(1.5px, .1em, 3px);align-items:flex-end;gap:calc(var(--indication-dot-size) * .7);vertical-align:baseline;margin-left:.34em;display:inline-flex}.indication-inline-dots span{width:var(--indication-dot-size);height:var(--indication-dot-size);background:var(--color-accent);opacity:.35;border-radius:50%;animation:1.1s ease-in-out infinite indication-inline-dot}.indication-inline-dots span:nth-child(2){animation-delay:.15s}.indication-inline-dots span:nth-child(3){animation-delay:.3s}@keyframes indication-dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes indication-inline-dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(calc(-1 * var(--indication-dot-rise)))}}@media (prefers-reduced-motion:reduce){.indication-dots span,.indication-inline-dots span{opacity:.4;animation:none;transform:none}}.hr{height:1px;margin:var(--space-6) 0;background:var(--color-divider);border:0}.notice{padding:var(--space-8);border-radius:var(--radius-lg);background:var(--color-surface);margin-bottom:var(--space-6)}@media (max-width:640px){.notice{padding:22px}}.notice-kick{margin-bottom:var(--space-2)}.notice-text{font-size:var(--text-md);color:var(--color-body);margin:0}.notice-indication{margin-bottom:var(--space-3)}.ai-caption{max-width:62ch;font-size:var(--text-xs);color:var(--color-body);margin:0;line-height:1.5}.ai-caption+.ai-caption{margin-top:var(--space-2)}.ai-caption:before{content:"";width:6px;height:6px;margin-right:var(--space-2);background:var(--color-accent);vertical-align:.1em;border-radius:50%;display:inline-block}.btn{justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;min-height:48px;font-family:var(--font-body);font-weight:600;font-size:var(--text-md);color:var(--color-text);border-radius:var(--radius-pill);background:0 0;border:0;padding:14px 24px;line-height:1.2;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.btn-primary,.btn-primary:hover{color:var(--color-warm-on)}.btn-primary{background:var(--color-warm)}.btn-primary:hover{background:var(--color-warm-hover)}.btn-primary:active{background:color-mix(in srgb, var(--color-warm) 85%, var(--color-text))}.btn-dark,.btn-dark:hover{color:var(--color-accent-on)}.btn-dark{background:var(--color-text)}.btn-dark:hover{background:var(--color-accent)}.btn-secondary,.btn-secondary:hover{color:var(--color-text)}.btn-secondary{background:var(--color-wash)}.btn-secondary:hover{background:var(--color-wash-strong)}.btn-secondary:active{background:color-mix(in srgb, var(--color-wash-strong) 85%, var(--color-text))}.btn-ghost{min-height:0;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text)}.btn-ghost:hover{color:var(--color-accent)}.btn-sm{min-height:40px;font-size:var(--text-sm);padding:10px 16px}.btn:disabled,.btn:disabled:hover,.btn:disabled:active{cursor:not-allowed;color:var(--color-idle-fg);background:var(--color-idle-bg)}.btn-ghost:disabled,.btn-ghost:disabled:hover,.btn-ghost:disabled:active{background:0 0}.btn-block{width:100%;margin-top:var(--space-2)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field>label{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.input{width:100%;min-height:54px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-bg);border-radius:var(--radius-pill);border:2px solid #0000;padding:15px 20px;font-size:17px;font-weight:400;transition:border-color .15s,background-color .15s}.input::placeholder{color:var(--color-meta);opacity:1}.input:hover{border-color:var(--color-wash)}.input:focus-visible{border-color:var(--color-accent);background:var(--color-surface);outline:none}.tag{font-size:var(--text-xs);letter-spacing:0;border-radius:var(--radius-pill);white-space:nowrap;align-items:center;padding:4px 10px;font-weight:600;display:inline-flex}.tag-accent,.tag-neutral{background:var(--color-wash);color:var(--color-text)}.tag-outline{border:1px solid var(--color-control);color:var(--color-body)}.tag-current{background:var(--color-text);color:var(--color-accent-on)}.tag-warm{background:var(--color-warm);color:var(--color-warm-on)}.dialog-backdrop{z-index:20;padding:var(--space-4);background:color-mix(in srgb, var(--color-text) 40%, transparent);place-items:center;display:grid;position:fixed;inset:0}.dialog{gap:var(--space-4);width:min(460px,100%);padding:var(--space-8);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}@media (max-width:640px){.dialog{padding:22px}}.dialog-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:24px;font-weight:600}.dialog-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}