:root{--bg:#f8f4ee;--surface:rgba(255,252,249,0.82);--surface-soft:rgba(255,248,243,0.72);--surface-strong:rgba(255,253,251,0.96);--surface-accent:rgba(249,247,255,0.96);--stroke:rgba(54,45,69,0.08);--stroke-strong:rgba(54,45,69,0.14);--text:#251f33;--muted:rgba(37,31,51,0.68);--muted-strong:rgba(37,31,51,0.48);--shadow:0 22px 48px rgba(97,82,119,0.08);--lilac-soft:#eee8ff;--lilac-strong:#ddd0ff;--lilac-ink:#5f46b3;--mint-soft:#e2f5ec;--mint-strong:#cdeedc;--mint-ink:#1f7a5c;--peach-soft:#ffe9dc;--peach-strong:#ffd6bf;--peach-ink:#b35d31;--butter-soft:#fff2cc;--butter-strong:#ffe7a8;--butter-ink:#966219;--sky-soft:#e4efff;--sky-strong:#cfe0ff;--sky-ink:#325fa8;--rose-soft:#ffe3eb;--rose-strong:#ffc9da;--rose-ink:#a63c69}:root,html{color-scheme:light}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% 0,rgba(238,232,255,.95),transparent 28%),radial-gradient(circle at 85% 8%,rgba(228,239,255,.9),transparent 24%),radial-gradient(circle at 50% 100%,rgba(255,233,220,.8),transparent 26%),linear-gradient(180deg,#fffdf9,#faf5ee 46%,#f4efe8);font-family:Avenir Next,Nunito Sans,ui-rounded,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 20%),radial-gradient(circle at 50% 0,rgba(255,255,255,.24),transparent 30%),radial-gradient(circle at 20% 20%,rgba(255,255,255,.16),transparent 18%)}*{box-sizing:border-box}a{color:inherit}button,input,select,textarea{font:inherit}button{border:0}.surface-stack{display:grid;gap:14px}.surface-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.surface-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.surface-note{border:1px solid var(--stroke);border-radius:18px;padding:12px 14px;background:var(--surface-soft);color:var(--muted);font-size:13px;line-height:1.55}.surface-note--error{color:var(--rose-ink);background:color-mix(in srgb,var(--rose-soft) 82%,white);border-color:color-mix(in srgb,var(--rose-strong) 72%,white)}.surface-note--success{color:var(--mint-ink);background:color-mix(in srgb,var(--mint-soft) 82%,white);border-color:color-mix(in srgb,var(--mint-strong) 72%,white)}.surface-section-heading{font-size:16px;font-weight:700;letter-spacing:-.03em}.surface-section-subtitle{color:var(--muted);font-size:13px;line-height:1.55}.surface-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--stroke);background:color-mix(in srgb,var(--lilac-soft) 35%,white);color:var(--text);font-size:12px;font-weight:650}.surface-chip--selected{border-color:color-mix(in srgb,var(--lilac-strong) 72%,white);background:color-mix(in srgb,var(--lilac-soft) 75%,white)}.surface-chip--disabled{opacity:.5}.surface-field{display:grid;gap:8px}.surface-label{font-size:13px;font-weight:650}.surface-input,.surface-select,.surface-textarea{width:100%;min-height:46px;padding:12px 14px;border-radius:16px;border:1px solid var(--stroke-strong);background:var(--surface-strong);color:var(--text);font:inherit;outline:none}.surface-textarea{min-height:120px;resize:vertical}.surface-helper{color:var(--muted);font-size:12px}.surface-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:14px;font-size:14px;font-weight:700;text-decoration:none}.surface-button--solid{background:linear-gradient(180deg,#ede7ff,#dfd3ff);color:var(--text);box-shadow:0 12px 24px rgba(134,111,194,.14)}.surface-button--ghost{border:1px solid var(--stroke-strong);background:rgba(255,255,255,.56);color:var(--text)}.surface-checkbox{accent-color:#7c68d6}::-moz-selection{background:rgba(124,104,214,.18);color:var(--text)}::selection{background:rgba(124,104,214,.18);color:var(--text)}summary{list-style:none}summary::-webkit-details-marker{display:none}