:root{--bg:#f7f4ee;--surface:#fff;--surface-2:#ecebe7;--text:#0d0d0d;--text-muted:#6b6b6b;--border:#dcdbd7;--accent:#0d0d0d;--accent-hover:#2a2a2a;--accent-text:#fff;--err:#c5453a;--shadow:0 1px 3px #0000000f, 0 4px 12px #0000000d;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:8rem;--font-serif:"Noto Serif", Georgia, "Times New Roman", serif;--font-sans:"Roboto Flex", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}:root[data-theme=dark]{--bg:lab(5.26802% 0 0);--surface:lab(10% 0 0);--surface-2:lab(14% 0 0);--text:lab(98.26% 0 0);--text-muted:lab(65% 0 0);--border:lab(22% 0 0);--accent:lab(98.26% 0 0);--accent-hover:lab(88% 0 0);--accent-text:lab(5.26802% 0 0);--err:#e07069;--shadow:0 1px 3px #00000073, 0 4px 12px #0000004d}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);margin:0;padding:0;font-size:16px;line-height:1.5}html{scroll-behavior:smooth;min-height:100%;overflow-x:clip}body{overflow-x:clip}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100dvh}h1,h2,h3,.serif{font-family:var(--font-serif);letter-spacing:-.005em;color:var(--text);margin:0;font-weight:300;line-height:1.2}a{color:var(--accent)}button.btn{background:var(--surface-2);color:var(--text);padding:var(--space-sm) var(--space-lg);font-weight:500;font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;border-radius:10px;font-size:.95rem;transition:background .12s,border-color .12s,transform 80ms}button.btn:hover:not(:disabled){background:var(--border)}button.btn:active:not(:disabled){transform:translateY(1px)}button.btn:disabled{opacity:.45;cursor:not-allowed}button.btn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.btn.secondary{color:var(--text);border-color:var(--border);background:0 0}button.btn.secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-muted)}button.btn.icon{padding:var(--space-sm) var(--space-md);color:var(--text);background:0 0;border-color:#0000}button.btn.icon:hover:not(:disabled){background:var(--surface-2)}input[type=text],input[type=url],input[type=email],input[type=search],input[type=number],input[type=password],select,textarea{background:var(--surface-2);width:100%;color:var(--text);padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);border:1px solid #0000;border-radius:10px;font-size:.95rem}input[type=text]:focus,input[type=url]:focus,input[type=email]:focus,input[type=search]:focus,input[type=number]:focus,input[type=password]:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}textarea{resize:vertical;min-height:9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;line-height:1.5}input[type=file]{color:var(--text-muted);font-size:.9rem;font-family:var(--font-sans)}label{font-family:var(--font-serif);letter-spacing:-.005em;color:var(--text);margin:0 0 var(--space-md);font-size:1.25rem;font-weight:300;line-height:1.2;display:block}pre{background:var(--surface-2);border:1px solid var(--border);padding:var(--space-md) var(--space-md);max-height:24rem;color:var(--text);border-radius:8px;font-size:.82rem;line-height:1.5;overflow:auto}code{background:var(--surface-2);padding:var(--space-xs) var(--space-sm);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.muted{color:var(--text-muted);font-size:.9rem}.err{color:var(--err);margin-top:var(--space-sm);font-size:.9rem}.progress-bar{background:var(--surface-2);border-radius:4px;height:6px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, transparent, var(--accent), var(--accent), transparent);border-radius:4px;width:40%;height:100%;animation:1.4s ease-in-out infinite indeterminate;position:absolute;left:-40%}@keyframes indeterminate{0%{left:-40%}to{left:100%}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2;clip-path:circle(0 at var(--vt-x,50%) var(--vt-y,50%))}