html{--surface:#fff;--surface-muted:#fafafa;--text:#111827;--label-text:#18181b;--muted-text:#52525b;--placeholder-text:#a1a1aa;--border:#d4d4d8;--shadow:#11182714;--accent-gradient:linear-gradient(135deg, #2f6df6 0%, #25c2ff 40%, #9b5cff 72%, #ff5fa2 100%);--accent-strong:#4c59e6;--accent-soft:#6366f11f;--accent-shadow:#6366f147;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--surface:#09090b;--surface-muted:#18181b;--text:#f4f4f5;--label-text:#fafafa;--muted-text:#a1a1aa;--placeholder-text:#71717a;--border:#3f3f46;--shadow:#00000059;--accent-gradient:linear-gradient(135deg, #60a5fa 0%, #22d3ee 38%, #a78bfa 70%, #fb7185 100%);--accent-strong:#8ea2ff;--accent-soft:#818cf82e;--accent-shadow:#60a5fa38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100vh;color:var(--text);background:var(--surface);margin:0;font-family:Arial,Helvetica,sans-serif}#root{place-items:start center;min-height:100vh;display:grid}.page-shell{gap:32px;width:min(1040px,100vw - 32px);padding:56px 0 72px;display:grid}.top-fold{align-content:start;gap:32px;min-height:calc(100svh - 88px);display:grid}.theme-switcher{justify-content:flex-end;align-items:center;margin-top:8px;display:flex}.closing-subtitle{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-text);opacity:.82;margin:-8px 0 0;font-size:.6rem}.theme-menu{position:relative}.theme-icon-button{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text);box-shadow:0 10px 24px var(--shadow);cursor:pointer;border-radius:999px;place-items:center;display:inline-grid}.theme-icon-button svg{fill:currentColor;width:18px;height:18px}.theme-icon-button:hover,.theme-icon-button:focus-visible{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--accent-gradient) border-box;border-color:#0000;outline:none}.theme-dropdown{border:1px solid var(--border);background:var(--surface);min-width:170px;box-shadow:0 16px 32px var(--shadow);opacity:0;visibility:hidden;pointer-events:none;border-radius:16px;padding:6px;transition:opacity .18s,visibility .18s,transform .18s;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(-4px)}.theme-dropdown.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.theme-option{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.theme-option:hover,.theme-option:focus-visible{background:var(--surface-muted);outline:none}.theme-option.active{background:var(--surface-muted);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.info-card{border:1px solid var(--border);background:var(--surface)}.hero-section{text-align:center;justify-items:center;gap:8px;display:grid}.hero-section h1{letter-spacing:.02em;background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.5rem,7vw,4.75rem);font-weight:500;line-height:1}.hero-mark{background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;padding-left:.35em;font-size:2.5rem;font-weight:500;line-height:1}.subtitle{color:var(--muted-text);margin:0;font-size:.8rem}.input-section{justify-self:center;width:min(720px,100%)}.input-form{gap:20px;display:grid}.input-view-stage{min-height:250px;position:relative}.input-view-stage-question{min-height:156px}.input-view-panel,.question-focus{transition:opacity .32s,transform .42s cubic-bezier(.22,1,.36,1),filter .32s,visibility .32s}.input-view-panel{opacity:1;filter:blur();gap:20px;display:grid;transform:translateY(0)scale(1)}.input-view-panel-hidden{opacity:0;filter:blur(4px);visibility:hidden;pointer-events:none;transform:translateY(-16px)scale(.985)}.action-row{justify-content:flex-end;display:flex}.field{gap:12px;display:grid}.question-focus{border:1px solid var(--border);background:linear-gradient(180deg, var(--surface) 0%, var(--surface-muted) 100%);box-shadow:0 18px 36px var(--shadow);border-radius:20px;align-content:center;gap:12px;padding:20px 26px;display:grid;position:absolute;inset:0}.question-focus-hidden{opacity:0;filter:blur(8px);visibility:hidden;pointer-events:none;transform:translateY(22px)scale(.97)}.question-focus-visible{opacity:1;filter:blur();visibility:visible;transform:translateY(0)scale(1)}.question-focus-label,.question-focus-value{margin:0}.question-focus-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-text);font-size:.82rem}.question-focus-value{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1.4rem,3vw,2rem);font-weight:600;line-height:1.2;overflow:hidden}.field span,.label-row{color:var(--label-text);font-size:.95rem}.field input,.field textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;font:inherit;color:var(--text);resize:none;border-radius:14px;padding:14px 16px;transition:border-color .24s,background .24s,box-shadow .24s,opacity .24s}.field input::placeholder,.field textarea::placeholder{color:var(--placeholder-text)}.field input:focus,.field textarea:focus,.hint-button:focus{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--accent-gradient) border-box;box-shadow:0 0 0 4px var(--accent-soft);border-color:#0000;outline:none}.field input:disabled,.field textarea:disabled{opacity:.78;cursor:not-allowed}.label-row{z-index:1;align-items:center;gap:8px;display:flex;position:relative}.tooltip-wrap{align-items:center;display:inline-flex;position:static}.hint-button{border:1px solid var(--border);background:var(--surface);width:24px;height:24px;color:var(--accent-strong);font:inherit;cursor:help;border-radius:999px;line-height:1}.hint-button:hover,.hint-button:focus-visible{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--accent-gradient) border-box;border-color:#0000}.action-button{min-width:112px;font:inherit;cursor:pointer;will-change:transform, opacity;border:1px solid #0000;border-radius:999px;padding:12px 22px;font-weight:600;transition:color .24s,background-color .24s,border-color .24s,box-shadow .24s,transform .24s,opacity .24s}.action-button:not(:disabled):hover,.action-button:focus-visible{outline:none;transform:translateY(-1px)}.action-button-ask{color:var(--accent-strong);border-color:var(--border);background:0 0}.action-button-ask:disabled{color:var(--placeholder-text);border-color:var(--border);box-shadow:none;cursor:not-allowed}.action-button-ask:not(:disabled):hover,.action-button-ask:focus-visible{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--accent-gradient) border-box;box-shadow:0 10px 22px var(--accent-soft);border-color:#0000}.action-button-asking{background:var(--surface-muted);border-color:var(--border);box-shadow:none;color:#71717a;cursor:not-allowed;transform:none}.action-button-asking:hover,.action-button-asking:focus-visible{background:var(--surface-muted);border-color:var(--border);box-shadow:none;transform:none}.action-button-clear{color:#dc2626;background:0 0;border-color:#dc262659}.action-button-clear:hover,.action-button-clear:focus-visible{background:#dc26260f;border-color:#dc2626;box-shadow:0 10px 22px #dc26261f}.action-button-animating{animation:.24s action-button-swap}.answer-panel{border:1px solid var(--border);background:var(--surface-muted);border-radius:18px;justify-items:start;gap:10px;padding:18px 20px;animation:.28s answer-panel-enter;display:grid}.answer-loader{align-items:center;gap:8px;display:inline-flex}.answer-loader span{background:var(--accent-strong);width:9px;height:9px;box-shadow:0 0 0 6px var(--accent-soft);border-radius:999px;animation:1s ease-in-out infinite answer-pulse}.answer-loader span:nth-child(2){animation-delay:.15s}.answer-loader span:nth-child(3){animation-delay:.3s}.answer-status,.answer-label,.answer-value{margin:0}.answer-status,.answer-label{color:var(--muted-text)}.answer-label{letter-spacing:.06em;text-transform:uppercase;font-size:.82rem}.answer-value{background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:600}.answer-value-muted{color:var(--muted-text);background:0 0}@keyframes action-button-swap{0%{opacity:.6;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes answer-pulse{0%,to{opacity:.45;transform:scale(.72)}50%{opacity:1;transform:scale(1)}}@keyframes answer-panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hint-tooltip{border:1px solid var(--border);background:var(--surface-muted);width:min(320px,100vw - 48px);min-width:0;max-width:calc(100vw - 48px);color:var(--muted-text);box-shadow:0 16px 32px var(--shadow);z-index:20;opacity:0;visibility:hidden;pointer-events:none;border-radius:14px;gap:10px;padding:12px 14px;font-size:.9rem;line-height:1.5;transition:opacity .18s,visibility .18s;display:grid;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.tooltip-wrap:hover .hint-tooltip,.tooltip-wrap:focus-within .hint-tooltip{opacity:1;visibility:visible}.hint-title{letter-spacing:.02em;color:var(--label-text);font-size:.82rem;font-weight:600}.hint-copy{display:block}.hint-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hint-list li{text-indent:-1em;color:var(--label-text);padding-left:1em;display:block}.hint-list li:before{content:"- "}.hint-tooltip code{color:var(--accent-strong);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.info-card{border-radius:20px;padding:24px}.info-card h2{color:var(--text);margin:0;font-size:1.1rem}.info-card p{color:var(--muted-text);margin:12px 0 0;line-height:1.7}.info-card:first-child h2,.info-card:nth-child(2) h2,.info-card:nth-child(3) h2{color:var(--accent-strong)}@media (width<=900px){.page-shell{width:min(100vw - 24px,1120px);padding:32px 0 48px}.top-fold{min-height:calc(100svh - 64px)}.info-grid{grid-template-columns:1fr}.theme-switcher{justify-content:center}}