:root{color-scheme:light dark;--bg: #f4efe8;--bg-elevated: rgba(255, 255, 255, .66);--bg-strong: rgba(255, 255, 255, .86);--bg-dark: #10131a;--surface: rgba(255, 255, 255, .42);--surface-border: rgba(255, 255, 255, .42);--text: #15171d;--text-soft: rgba(21, 23, 29, .64);--accent: #f26d4f;--accent-soft: rgba(242, 109, 79, .16);--shadow: 0 24px 80px rgba(18, 21, 29, .12);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 18px;--font-ui: "SF Pro Display", "PingFang SC", "Helvetica Neue", "Segoe UI", sans-serif;--font-text: "SF Pro Text", "PingFang SC", "Helvetica Neue", "Segoe UI", sans-serif}:root[data-theme=dark]{--bg: #0d1016;--bg-elevated: rgba(18, 21, 29, .58);--bg-strong: rgba(18, 21, 29, .82);--surface: rgba(255, 255, 255, .08);--surface-border: rgba(255, 255, 255, .12);--text: #f4efe8;--text-soft: rgba(244, 239, 232, .62);--shadow: 0 24px 80px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:var(--font-text);background:radial-gradient(circle at top left,rgba(242,109,79,.16),transparent 32%),radial-gradient(circle at bottom right,rgba(81,120,255,.15),transparent 28%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.glass{background:var(--bg-elevated);-webkit-backdrop-filter:blur(22px) saturate(1.35);backdrop-filter:blur(22px) saturate(1.35);border:1px solid var(--surface-border);box-shadow:var(--shadow)}.button-primary,.button-secondary{border:none;border-radius:999px;padding:.95rem 1.4rem;transition:transform .18s ease,opacity .18s ease,background .18s ease}.button-primary{background:linear-gradient(135deg,#ff815f,#f26d4f 58%,#de5432);color:#fff}.button-secondary{background:var(--surface);color:var(--text);border:1px solid var(--surface-border)}.button-primary:active,.button-secondary:active{transform:scale(.98)}.field,.textarea,.select{width:100%;border-radius:18px;border:1px solid var(--surface-border);background:#ffffff7a;color:var(--text);padding:.95rem 1rem;outline:none}:root[data-theme=dark] .field,:root[data-theme=dark] .textarea,:root[data-theme=dark] .select{background:#ffffff0d}.page{display:grid;gap:1.5rem}.page-header h1{margin:0;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.05em;font-family:var(--font-ui)}.page-header p{margin:.75rem 0 0;color:var(--text-soft);max-width:46rem;line-height:1.6}.empty-state{border-radius:var(--radius-xl);padding:2rem;border:1px dashed var(--surface-border);color:var(--text-soft);background:#ffffff2e}.section-card{border-radius:var(--radius-xl);padding:1.4rem}
