/* A self-hosted editorial typeface and a dark, pink-accented Bambi studio. */
@font-face{font-family:Bodoni Moda;src:url('bodoni-moda.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:Bodoni Moda;src:url('bodoni-moda-italic.ttf') format('truetype');font-weight:400 900;font-style:italic;font-display:swap}
:root{--bg:#0b080d;--surface:#160e17;--surface-2:#211120;--border:#392030;--text:#fff6fc;--muted:#c0adbb;--dim:#ab8fa1;--pink:#ff66b7;--hot:#ff1493;--serif:'Bodoni Moda',Georgia,serif}
body{background:radial-gradient(ellipse at 85% 0,#5d0a3920,transparent 52%),var(--bg)}
h1,h2{font-weight:500;font-optical-sizing:auto}h1{font-size:clamp(38px,4.3vw,64px);line-height:1.08;letter-spacing:-1.8px}h2{font-size:28px}em{color:var(--pink)}
.sidebar{background:linear-gradient(180deg,#170c15,#0d090f);border-right-color:#442034}
.brand-wordmark{font-size:28px;font-weight:600;letter-spacing:-1.2px}.brand-wordmark>span{letter-spacing:3px;font-size:8px}.brand-mark{color:var(--hot)}
.topbar{background:#0b080de8;backdrop-filter:blur(16px);border-bottom-color:#34202d}
.eyebrow{color:#f29bc8;font-size:10px;letter-spacing:2.2px}.page-heading{margin-bottom:28px}.page-heading>div>p:last-child{margin-top:13px;font-size:13px}
.button{border-radius:999px;min-height:44px;padding:13px 22px;font-size:12px}.button-primary{color:#260619;background:linear-gradient(105deg,#ff76c2,#ff38a1);box-shadow:0 8px 28px #ff149329}.button-primary:hover:not(:disabled){background:linear-gradient(105deg,#ff8bcb,#ff59b0)}.button-secondary{background:#271321;border-color:#70334f;color:#ffe5f5}.button-secondary:hover{background:#38182d}
.nav-link.is-active{background:#ff149316;border-color:#ff14933b;color:#ffd7ee}.nav-link:hover{background:#ff14930c}
.welcome-banner{background:radial-gradient(ellipse at 85% 60%,#a90c5c3b,transparent 62%),linear-gradient(115deg,#220e1b,#120a13);border:1px solid #6a2447;border-radius:24px;min-height:320px;box-shadow:0 18px 60px #0003}
.welcome-content{padding:36px}.welcome-content>.eyebrow{display:inline-flex;align-items:center;border:1px solid #a2537b55;border-radius:99px;padding:7px 13px;background:#ffffff04;font-size:9px}.welcome-content h2{font-size:clamp(34px,3.5vw,49px);line-height:1.08;letter-spacing:-1.1px;margin-top:18px}.welcome-content>p{font-size:13px;max-width:440px}.welcome-actions{gap:14px;flex-wrap:wrap}.welcome-orbit{border-color:#ff149326}.journey-preview{background:linear-gradient(145deg,#321529,#180c16);border-color:#8c3d6959;box-shadow:0 22px 65px #0006}.preview-button{border-radius:99px;background:linear-gradient(100deg,#ff89cb,#ff43a7);color:#30051e}
.panel{border-radius:18px;background:linear-gradient(140deg,#1b101b,#140d16);border-color:#442438}.metric-card{background:linear-gradient(150deg,#21101d,#140c15);border-color:#4b253b;border-radius:16px}.metric-value{color:#fff2fa}.metric-top>span{font-size:12px}.metric-card p{font-size:11px}
.panel-header{padding-top:25px}.panel-header .eyebrow{font-size:9px}.status-badge{font-size:11px}.member-table strong{font-size:13px}.member-table td{padding-top:18px;padding-bottom:18px}.search-field,.filter-field select{background:#100a12;border-color:#573047}
.system-panel{border-color:#5b2b45}.system-grid strong{font-size:14px}.system-grid small{line-height:1.6}.library-notice{font-size:12px;line-height:1.7}.library-count{color:#fbb4db}.library-item strong{font-size:13px}.library-icon{background:#ff149312;color:#ff86c7}
.care-note{background:radial-gradient(ellipse at 85% 20%,#83194a35,transparent 75%),#1d0f1b;border-color:#5d2c46}.care-note h2{font-size:29px}
.public-page{background:radial-gradient(ellipse at 52% 20%,#760a3b48,transparent 62%),#0a070b}.login-story{background:radial-gradient(ellipse at 55% 70%,#ba0e6259,transparent 57%),#100910;border-color:#552139}.login-story-copy h1{font-size:clamp(43px,4.7vw,72px);letter-spacing:-2px}.login-story-copy>p{font-size:14px}.login-story-copy{max-width:520px}.login-form-panel{background:linear-gradient(135deg,#110b13dd,#0a070be8)}.login-form-wrap{max-width:390px}.login-form-wrap h2{font-size:54px}.login-intro{font-size:14px}.login-form label{font-size:12px}.password-field{border-radius:14px;background:#170d17;border-color:#69324f}.password-field input{font-size:14px;padding:14px 0}.password-help,.privacy-note p{font-size:12px}.login-form .button{min-height:52px;font-size:13px}.login-benefits>span{font-size:10px}.login-bottom-label{font-size:9px}
.profile-heading h1{overflow-wrap:anywhere}.profile-heading>p{font-size:13px}.preference-list dd{font-size:12px}.retry-form label{display:flex;align-items:flex-start;gap:8px;max-width:420px}.retry-form input[type=checkbox]{accent-color:var(--hot);margin-top:4px;flex-shrink:0}
.workspace-footer{border-color:#34202d}.small-note{font-size:11px}.login-layout .floating-note{border-color:#b64c8560;background:linear-gradient(125deg,#51213bf0,#261122ee)}
@media(max-width:1100px){.welcome-content{padding:28px}.welcome-content h2{font-size:39px}.login-story-copy h1{font-size:52px}}
@media(max-width:700px){h1{font-size:40px;letter-spacing:-1.2px}h2{font-size:26px}.welcome-content{padding:25px 22px}.welcome-content h2{font-size:38px}.welcome-content>.eyebrow{font-size:8px;letter-spacing:1.3px}.welcome-actions{align-items:flex-start}.page-heading{gap:18px}.page-heading>div>p:last-child{font-size:13px}.system-grid{padding:0 20px 20px}.login-form-wrap h2{font-size:44px}.system-panel .panel-header{padding:22px 20px}.button{padding:12px 18px}.login-form-panel{padding:48px 24px 80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}