:where(html){color-scheme:light;accent-color:var(--primary);-webkit-text-size-adjust:100%}:where(html[data-theme=dark]){color-scheme:dark}:where(body){background-color:var(--background);color:var(--foreground);font-family:var(--font-body, system-ui, sans-serif);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading, var(--font-body, inherit));line-height:1.2}:where(code,kbd,pre,samp){font-family:var(--font-mono, ui-monospace, monospace)}:where(button,input,select,textarea){font:inherit}:where(a){color:var(--primary)}:where(:focus-visible){outline:2px solid var(--primary);outline-offset:2px}::selection{background-color:color-mix(in srgb,var(--primary) 30%,transparent)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{margin:0;font-family:var(--font-body, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);background-color:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,body *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--foreground)}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-md, 16px)}.page-title{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-lg, 24px);color:var(--foreground)}.card{background:var(--surface);border-radius:var(--border-radius-lg, 12px);padding:var(--spacing-lg, 24px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08));margin-bottom:var(--spacing-md, 16px)}.btn{padding:12px 24px;border:none;border-radius:var(--border-radius-md, 8px);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--primary);color:var(--on-primary, white)}.btn-primary:hover{background:var(--primary-hover, var(--primary))}.btn-secondary{background:var(--surface-alt, var(--surface-variant, var(--muted)));color:var(--foreground)}.btn-secondary:hover{background:var(--muted)}.form-group{margin-bottom:var(--spacing-md, 16px)}.form-label{display:block;font-weight:500;margin-bottom:var(--spacing-sm, 8px);color:var(--foreground)}.form-input{width:100%;padding:12px;border:1px solid var(--border);border-radius:var(--border-radius-md, 8px);font-size:1rem;background:var(--surface);color:var(--foreground)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 18%,transparent)}.main-content{padding-top:64px;min-height:100vh}