:root{color-scheme:light;--background: #f8fafc;--foreground: #0f172a;--card: #ffffff;--card-foreground: #0f172a;--primary: #0988ff;--primary-foreground: #ffffff;--secondary: #e3f0ff;--secondary-foreground: #0a4da6;--accent: #5cb0ff;--accent-foreground: #0f172a;--muted: #f1f5f9;--muted-foreground: #64748b;--border: #e2e8f0;--destructive: #ef4444;--destructive-foreground: #ffffff;--success: #22c55e;--success-foreground: #16a34a;--warning: #f59e0b;--warning-foreground: #d97706;--violet: #a855f7;--violet-foreground: #9333ea;--ring: #0988ff;--gradient-brand: linear-gradient(135deg, var(--primary), #0284c7);--gradient-warm: linear-gradient(135deg, #f59e0b, #f97316);--radius: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .04);--shadow-md: 0 6px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 30px rgba(15, 23, 42, .12);--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--content-wide: 64rem;--content-article: 48rem;--content-narrow: 34rem;--gutter: 2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}:root[data-theme=dark]{color-scheme:dark;--background: #0b1120;--foreground: #e2e8f0;--card: #131c2f;--card-foreground: #e2e8f0;--primary: #2f97ff;--primary-foreground: #ffffff;--secondary: #16283f;--secondary-foreground: #8ec5ff;--accent: #5cb0ff;--accent-foreground: #e2e8f0;--muted: #1a2438;--muted-foreground: #94a3b8;--border: #243349;--destructive: #ef4444;--destructive-foreground: #ffffff;--success: #22c55e;--success-foreground: #4ade80;--warning-foreground: #fbbf24;--violet-foreground: #c084fc;--ring: #2f97ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .25);--shadow-md: 0 6px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 30px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.field:focus-within{outline:none}h1,h2,h3,h4{margin:0;font-weight:500;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}p{margin:0}.c-primary{color:var(--primary)}.c-muted{color:var(--muted-foreground)}.c-foreground{color:var(--foreground)}.c-accent{color:var(--accent)}.c-destructive{color:var(--destructive)}.c-success{color:var(--success-foreground)}.c-warning{color:var(--warning-foreground)}.c-violet{color:var(--violet-foreground)}.c-white{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.25rem;border:1px solid transparent;border-radius:var(--radius-lg);font-size:1rem;font-weight:500;font-family:inherit;text-decoration:none;cursor:pointer;transition:filter .15s ease,background .15s ease,transform .1s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{filter:brightness(.97)}.btn:not(:disabled):active{transform:scale(.98)}.btn--block{width:100%}.btn--primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm)}.btn--secondary{background:var(--secondary);color:var(--secondary-foreground);box-shadow:var(--shadow-sm)}.btn--outline{background:var(--card);color:var(--foreground);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn--outline:not(:disabled):hover{background:var(--muted);filter:none}.btn--icon{padding:.25rem;background:none;border:none;box-shadow:none}.btn--destructive{background:var(--destructive);color:var(--destructive-foreground);box-shadow:var(--shadow-sm)}.btn--soft-primary{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.btn--soft-primary:not(:disabled):hover{background:color-mix(in srgb,var(--primary) 16%,transparent);filter:none}.btn--soft-destructive{background:color-mix(in srgb,var(--destructive) 10%,transparent);color:var(--destructive)}.btn--soft-destructive:not(:disabled):hover{background:color-mix(in srgb,var(--destructive) 16%,transparent);filter:none}.btn--soft-success{background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success-foreground)}.btn--soft-success:not(:disabled):hover{background:color-mix(in srgb,var(--success) 16%,transparent);filter:none}.btn--soft-warning{background:color-mix(in srgb,var(--warning) 10%,transparent);color:var(--warning-foreground)}.btn--soft-warning:not(:disabled):hover{background:color-mix(in srgb,var(--warning) 16%,transparent);filter:none}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.field{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.field:focus-within{border-color:var(--ring)}.field input{flex:1;min-width:0;border:none;background:transparent;outline:none;color:var(--foreground);font-size:1rem;font-family:inherit}.field input::placeholder{color:var(--muted-foreground)}.alert-error{display:flex;align-items:flex-start;gap:.5rem;padding:1rem;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--destructive) 10%,transparent);border:1px solid color-mix(in srgb,var(--destructive) 20%,transparent);color:var(--destructive);font-size:.875rem}.alert-success{display:flex;align-items:flex-start;gap:.5rem;padding:1rem;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--success) 10%,transparent);border:1px solid color-mix(in srgb,var(--success) 20%,transparent);color:var(--success-foreground);font-size:.875rem}.chip{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .625rem;border-radius:9999px;background:var(--muted);color:var(--muted-foreground);font-size:.75rem;font-weight:600}.chip--sm{padding:.0625rem .375rem;font-size:.6875rem}.chip--primary{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.chip--success{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success-foreground)}.chip--destructive{background:color-mix(in srgb,var(--destructive) 12%,transparent);color:var(--destructive)}.chip--warning{background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning-foreground)}.chip--violet{background:color-mix(in srgb,var(--violet) 12%,transparent);color:var(--violet-foreground)}.page-badge{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.35rem .75rem;border-radius:9999px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);font-size:.8125rem;font-weight:600}.callout{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 5%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));font-size:.875rem;line-height:1.6;color:var(--muted-foreground)}.callout strong{color:var(--foreground)}.callout>p{margin:0}.callout--primary{background:color-mix(in srgb,var(--primary) 6%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.callout--success{background:color-mix(in srgb,var(--success) 6%,transparent);border-color:color-mix(in srgb,var(--success) 20%,transparent)}.callout--warning{background:color-mix(in srgb,var(--warning) 6%,transparent);border-color:color-mix(in srgb,var(--warning) 20%,transparent)}.callout--violet{background:color-mix(in srgb,var(--violet) 6%,transparent);border-color:color-mix(in srgb,var(--violet) 20%,transparent)}.callout--destructive{background:color-mix(in srgb,var(--destructive) 6%,transparent);border-color:color-mix(in srgb,var(--destructive) 20%,transparent)}.topnav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.5rem;padding:1rem 2rem;background:color-mix(in srgb,var(--card) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topnav-brand{display:flex;align-items:center;gap:.5rem;margin-right:auto;text-decoration:none}.topnav-logo{width:1.75rem;height:1.75rem}.topnav-name{font-size:1.0625rem;font-weight:500;letter-spacing:-.015em;color:var(--muted-foreground)}.topnav-links{display:flex;align-items:center;gap:1.5rem}.topnav-link{color:var(--muted-foreground);text-decoration:none;font-size:.9375rem;font-weight:500;transition:color .15s ease}.topnav-link:hover,.topnav-link--active{color:var(--primary)}.topnav-actions{display:flex;align-items:center;gap:1rem}.topnav-theme{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border);border-radius:9999px;background:var(--card);color:var(--muted-foreground);cursor:pointer;transition:color .15s ease,background .15s ease}.topnav-theme:hover{color:var(--primary);background:var(--muted)}@media(max-width:640px){.topnav{padding:.875rem 1.25rem;gap:1rem}.topnav-links{gap:1rem}}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 6%,var(--background)),var(--background) 50%,color-mix(in srgb,var(--accent) 12%,var(--background)))}.auth-card{width:100%;max-width:26rem}.auth-logo{display:flex;justify-content:center;margin-bottom:2rem}.auth-logo app-logo{width:4.5rem;height:4.5rem;color:var(--primary);filter:drop-shadow(0 12px 22px color-mix(in srgb,var(--primary) 32%,transparent))}.auth-icon-tile{width:6rem;height:6rem;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),color-mix(in srgb,var(--accent) 10%,transparent));box-shadow:var(--shadow-sm)}.auth-title{text-align:center;margin-bottom:.5rem}.auth-subtitle{text-align:center;color:var(--muted-foreground);margin-bottom:2rem}.auth-stack>*+*{margin-top:.75rem}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.875rem;color:var(--muted-foreground)}.auth-footer a{color:var(--primary);text-decoration:none;cursor:pointer}.auth-footer a:hover{text-decoration:underline}.hint{margin-top:1rem;text-align:center;font-size:.75rem;color:var(--muted-foreground)}.info-card{padding:1rem;margin-bottom:1.5rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 5%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);text-align:center;font-size:.875rem;color:var(--muted-foreground)}.divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--muted-foreground);font-size:.875rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn--sm{padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem}.card--pad{padding:1rem}.page-back{display:inline-flex;align-items:center;gap:.25rem;margin-bottom:1.5rem;padding:0;border:none;background:none;color:var(--muted-foreground);font:inherit;font-size:.875rem;text-decoration:none;cursor:pointer;transition:color .15s ease}.page-back:hover{color:var(--primary)}.page-head{margin-bottom:2rem}.page-head__row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.page-subtitle{margin-top:.25rem;font-size:.9375rem;color:var(--muted-foreground)}.icon-tile{display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),color-mix(in srgb,var(--accent) 10%,transparent))}.info-panel{display:flex;gap:.75rem;padding:1.5rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 5%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}.info-panel h3{margin-bottom:.5rem}.info-panel p{font-size:.875rem;color:var(--muted-foreground)}.page{max-width:var(--content-wide);margin:0 auto;padding:2.5rem var(--gutter)}.page--article{max-width:var(--content-article)}.page--narrow{max-width:var(--content-narrow)}@media(max-width:640px){.page{padding:2rem 1.5rem}}.label{display:block;font-size:.875rem;margin-bottom:.5rem}.settings-group+.settings-group,.settings-group+.info-panel{margin-top:1.5rem}.settings-label{font-size:.875rem;color:var(--muted-foreground);margin:0 .5rem .75rem}.settings-list{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.settings-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem;text-align:left;text-decoration:none;color:inherit;border:none;background:none;cursor:pointer;transition:background .15s ease}.settings-list>.settings-row+.settings-row,.settings-list>.toggle-row+.toggle-row,.settings-list>.settings-row+.toggle-row,.settings-list>.toggle-row+.settings-row{border-top:1px solid var(--border)}.settings-row:hover{background:var(--muted)}.settings-row-tile{width:2.5rem;height:2.5rem;flex-shrink:0}.settings-row-label{flex:1}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem}.toggle-row-text p:first-child{margin-bottom:.125rem}.row-desc{font-size:.75rem;color:var(--muted-foreground)}.toggle{position:relative;width:2.75rem;height:1.5rem;flex-shrink:0;padding:0;border:none;border-radius:9999px;background:var(--border);cursor:pointer;transition:background .2s ease}.toggle--on{background:var(--primary)}.toggle__thumb{position:absolute;top:.25rem;left:.25rem;width:1rem;height:1rem;border-radius:9999px;background:#fff;transition:transform .2s ease}.toggle--on .toggle__thumb{transform:translate(1.25rem)}.spinner{width:1.25rem;height:1.25rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}