.code-row{justify-content:center;gap:10px;display:flex}.code-row>.code-box-wrap:nth-child(3){margin-right:10px}.code-box-wrap{width:48px;height:56px;position:relative}.code-box{width:100%;height:100%;font-family:var(--font-sans);font-variant-numeric:tabular-nums;text-align:center;color:#0000;caret-color:#0000;background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-input);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);outline:none;padding:0;font-size:24px;font-weight:500}.code-box[data-filled=true]{border-color:var(--color-ink)}.code-box:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.code-digit-overlay{color:var(--color-ink);font-variant-numeric:tabular-nums;pointer-events:none;animation:digit-land .14s var(--ease-out);justify-content:center;align-items:center;font-size:24px;font-weight:500;display:flex;position:absolute;inset:0}@keyframes digit-land{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.code-box:focus:not([data-filled=true])+.code-digit-overlay{display:none}.code-box-wrap:has(.code-box:focus:not([data-filled=true])):after{content:"";background:var(--color-accent);width:1.5px;animation:1s step-end infinite caret-blink;position:absolute;top:14px;bottom:14px;left:50%;transform:translate(-50%)}@keyframes caret-blink{50%{opacity:0}}.code-row[data-state=verifying] .code-box{border-color:var(--color-hairline);pointer-events:none}.code-row[data-state=verifying] .code-digit-overlay{color:var(--color-quiet)}.code-row[data-state=error] .code-box{border-color:var(--color-danger-edge);background:var(--color-danger-soft)}.code-row[data-state=error] .code-digit-overlay{color:var(--color-danger)}.code-row[data-state=success] .code-box{border-color:var(--color-accent-edge);background:var(--color-accent-soft)}.code-row[data-state=success] .code-digit-overlay{color:var(--color-accent)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.code-row[data-shake=true]{animation:shake .32s var(--ease-out)}.md-view{font-family:var(--font-sans);color:var(--color-ink);word-wrap:break-word;overflow-wrap:break-word;font-size:16px;line-height:1.65}.md-view p{margin:0 0 12px}.md-view p:last-child{margin-bottom:0}.md-view h1,.md-view h2,.md-view h3,.md-view h4{letter-spacing:-.01em;margin:20px 0 10px;font-weight:600;line-height:1.3}.md-view h1{font-size:22px}.md-view h2{font-size:19px}.md-view h3{font-size:17px}.md-view h4{font-size:16px}.md-view ul,.md-view ol{margin:0 0 12px;padding-left:24px}.md-view li{margin-bottom:6px}.md-view li>p{margin-bottom:4px}.md-view strong{color:var(--color-ink);font-weight:600}.md-view em{font-style:italic}.md-view blockquote{font-family:var(--font-serif);color:var(--color-ink);border-left:2px solid var(--color-accent);margin:16px 0;padding-left:18px;font-size:17px;font-style:normal;font-weight:400;line-height:1.65}.md-view blockquote p{margin-bottom:8px}.md-view a{color:var(--color-accent);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent-edge);text-decoration-color:var(--color-accent-edge);text-underline-offset:3px}.md-view a:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.md-view code{background:var(--color-tint);color:var(--color-ink);border-radius:4px;padding:1px 6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}.md-view pre{background:var(--color-tint);border:1px solid var(--color-hairline);border-radius:var(--radius-surface);margin:14px 0;padding:14px 16px;font-size:13px;line-height:1.5;overflow-x:auto}.md-view pre code{font-size:inherit;background:0 0;padding:0}.md-view hr{background:var(--color-hairline);border:none;height:1px;margin:24px 0}:root{--color-page:#fafaf7;--color-surface:#fff;--color-ink:#1a1a1f;--color-quiet:#5c5c66;--color-faint:#9c9ca8;--color-hairline:#e8e8e2;--color-accent:#2f5d50;--color-tint:#f1f0ea;--color-danger:#b23f3f;--color-accent-hover:oklch(from var(--color-accent) calc(l * .92) c h);--color-accent-press:oklch(from var(--color-accent) calc(l * .85) c h);--color-accent-soft:color-mix(in oklch, var(--color-accent) 9%, white);--color-accent-edge:color-mix(in oklch, var(--color-accent) 22%, white);--color-focus-ring:color-mix(in oklch, var(--color-accent) 35%, transparent);--color-danger-soft:color-mix(in oklch, var(--color-danger) 8%, white);--color-danger-edge:color-mix(in oklch, var(--color-danger) 28%, white);--color-danger-hover:oklch(from var(--color-danger) calc(l * .92) c h);--shadow-1:0 1px 2px #1a1a1f0a, 0 1px 1px #1a1a1f08;--shadow-2:0 4px 16px -4px #1a1a1f14, 0 2px 4px #1a1a1f0a;--shadow-pop:0 12px 32px -12px #1a1a1f24, 0 2px 6px #1a1a1f0d;--radius-input:6px;--radius-button:6px;--radius-surface:8px;--radius-card:12px;--radius-pill:999px;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--dur-fast:.14s;--dur-base:.2s;--dur-slow:.28s;--sidebar-width:264px;--admin-sidebar-width:220px;--chat-max-width:720px;--reading-max-width:640px;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Source Serif Pro", Georgia, serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--color-page);height:100%;color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.5}body{overscroll-behavior:none}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-no-select{-webkit-user-select:none;user-select:none}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:inherit}.scroll-area::-webkit-scrollbar{width:8px;height:8px}.scroll-area::-webkit-scrollbar-thumb{background:var(--color-hairline);border-radius:4px}.scroll-area::-webkit-scrollbar-thumb:hover{background:var(--color-faint)}.scroll-area::-webkit-scrollbar-track{background:0 0}.spinner{border:1.5px solid var(--color-hairline);border-top-color:var(--color-quiet);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.spinner--sm{border-width:1.5px;width:11px;height:11px}.spinner--on-accent{border-color:#ffffff4d;border-top-color:var(--color-surface)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.t-display{letter-spacing:-.025em;font-size:clamp(36px,5.5vw,56px);font-weight:600;line-height:1.05}.t-heading{letter-spacing:-.01em;font-size:22px;font-weight:600;line-height:1.3}.t-body{font-size:16px;font-weight:400;line-height:1.6}.t-body-em{font-size:16px;font-weight:500;line-height:1.6}.t-small{font-size:13px;font-weight:400;line-height:1.5}.t-tiny{font-size:12px;font-weight:400;line-height:1.4}.t-tiny-caps{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.t-reading{font-family:var(--font-serif);font-size:17px;font-weight:400;line-height:1.65}.t-quiet{color:var(--color-quiet)}.t-faint{color:var(--color-faint)}.t-accent{color:var(--color-accent)}.t-danger{color:var(--color-danger)}.btn{border-radius:var(--radius-button);letter-spacing:-.005em;cursor:pointer;min-height:38px;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform .14s var(--ease-out), color var(--dur-fast) var(--ease-out);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.btn:disabled{cursor:not-allowed;opacity:.65}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--color-accent);color:var(--color-surface)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{color:var(--color-ink);border:1px solid var(--color-hairline);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-tint);border-color:var(--color-quiet)}.btn-text{color:var(--color-quiet);text-decoration:underline;-webkit-text-decoration-color:var(--color-hairline);text-decoration-color:var(--color-hairline);text-underline-offset:4px;background:0 0;min-height:auto;padding:4px 0}.btn-text:hover:not(:disabled){color:var(--color-ink);-webkit-text-decoration-color:var(--color-quiet);text-decoration-color:var(--color-quiet)}.btn-danger{background:var(--color-danger);color:var(--color-surface)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-icon{border-radius:var(--radius-input);width:32px;height:32px;min-height:32px;color:var(--color-quiet);padding:0}.btn-icon:hover:not(:disabled){background:var(--color-tint);color:var(--color-ink)}.btn[data-loading=true] .btn-label{visibility:hidden}.btn[data-loading=true] .btn-spinner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.input{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-input);width:100%;color:var(--color-ink);min-height:38px;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:10px 14px;font-size:14px}.input::placeholder{color:var(--color-faint)}.input:hover{border-color:var(--color-quiet)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.input[aria-invalid=true]{border-color:var(--color-danger)}.field-label{color:var(--color-quiet);margin-bottom:6px;font-size:13px;font-weight:500;display:block}[data-sonner-toast]{font-family:var(--font-sans)!important;border-radius:var(--radius-surface)!important;font-size:14px!important}