:root{--background: #fff8fb;--surface: #fff;--surface-raised: #fff0f6;--text: #2d1823;--text-muted: #765f6b;--primary: #c72f68;--primary-strong: #a51f50;--primary-soft: #fde5ef;--border: #ead9e1;--focus: #f6a9c5;--success: #247a5b;--warning: #9a6515;--danger: #b62d4f;--shadow: 0 12px 38px rgb(108 35 65 / 10%);font-family:Inter,ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif;color-scheme:light}:root[data-theme=dark]{--background: #160f14;--surface: #21181e;--surface-raised: #2b1c24;--text: #fff3f8;--text-muted: #c8acb9;--primary: #ff72a6;--primary-strong: #ff9cbe;--primary-soft: #432032;--border: #46313c;--focus: #8d3659;--success: #77d7ad;--warning: #f0bd67;--danger: #ff89a5;--shadow: 0 16px 45px rgb(0 0 0 / 28%);color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary) 35%,transparent) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--primary) 35%,transparent);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--primary) 55%,transparent);background-clip:content-box}html{min-width:320px;min-height:100%;background:var(--background)}body{min-height:100%;margin:0;overflow-x:hidden;color:var(--text);background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--primary-soft) 55%,transparent),transparent 28rem),var(--background)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:999;top:.5rem;left:.5rem;padding:.7rem 1rem;transform:translateY(-150%);border-radius:.7rem;color:#fff;background:var(--primary-strong)}.skip-link:focus{transform:none}.page{display:grid;gap:1.1rem;animation:page-in .25s ease-out}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.page-heading h1{margin:0;font-size:clamp(1.55rem,5vw,2.2rem);letter-spacing:-.035em}.page-heading p{margin:.35rem 0 0;color:var(--text-muted)}.card{padding:1rem;border:1px solid var(--border);border-radius:1.35rem;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow)}.primary-button,.secondary-button,.quiet-button{display:inline-flex;min-height:2.9rem;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1rem;border-radius:1rem;font-weight:750}.primary-button{border:1px solid var(--primary);color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 25%,transparent)}.secondary-button{border:1px solid var(--border);color:var(--text);background:var(--surface)}.quiet-button{border:0;color:var(--primary);background:var(--primary-soft)}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .6rem;border-radius:999px;color:var(--primary);background:var(--primary-soft);font-size:.74rem;font-weight:750}ion-icon{flex:0 0 auto;font-size:1.15em}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
