@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,750&family=Inter:wght@400;600;700;800;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f0e2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--cosmic-night:#090711;--deep-space:#151026;--deep-space-2:#211735;--starlight:#f6f0e2;--moon-dust:#cfc5b4;--gold:#c7a86b;--violet:#5d2c83;--line:#c7a86b3d;--shadow:#00000061;background:#090711;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell,.gate-shell{background:radial-gradient(circle at 18% 18%,#5d2c8352,#0000 28%),radial-gradient(circle at 84% 4%,#3f78c533,#0000 26%),linear-gradient(135deg,#090711 0%,#120c22 46%,#080610 100%);min-height:100vh;padding:22px;position:relative;overflow:hidden}.cosmic-backdrop{pointer-events:none;opacity:.9;position:fixed;inset:0;overflow:hidden}.cosmic-backdrop:before{content:"";background-image:radial-gradient(circle,#f6f0e2cc 0 1px,#0000 1.4px),radial-gradient(circle,#c7a86b85 0 1px,#0000 1.4px);background-position:0 0,42px 64px;background-size:124px 124px,180px 180px;position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.cosmic-backdrop span{border:1px solid #c7a86b1a;border-radius:50%;position:absolute;transform:rotate(-12deg)}.cosmic-backdrop span:first-child{width:820px;height:260px;top:180px;left:-160px}.cosmic-backdrop span:nth-child(2){width:620px;height:620px;top:-140px;right:-200px}.cosmic-backdrop span:nth-child(3){width:760px;height:220px;bottom:30px;right:10%}.topbar{z-index:2;justify-content:space-between;align-items:center;gap:18px;max-width:1240px;margin:0 auto 22px;display:flex;position:relative}.brand-lockup{color:var(--starlight);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.brand-lockup strong,.phone-header strong{letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:17px;display:block}.brand-lockup small,.phone-header small,.policy-note,.admin-section small{color:var(--moon-dust);font-size:12px;line-height:1.4}.brand-mark{border:1px solid var(--line);width:42px;height:42px;color:var(--gold);box-shadow:0 18px 46px var(--shadow);background:#151026bf;border-radius:8px;place-items:center;display:grid}.topbar-actions,.button-row,.admin-form-row,.quick-profile-grid{align-items:center;gap:10px;display:flex}.access-note,.stardust-mini{color:var(--moon-dust);align-items:center;gap:6px;font-size:13px;display:inline-flex}.workspace{z-index:1;grid-template-columns:minmax(360px,440px) minmax(520px,1fr);align-items:start;gap:24px;width:min(1240px,100%);margin:0 auto;display:grid;position:relative}.phone-stage{justify-content:center;min-width:0;display:flex}.phone-frame{background:linear-gradient(#151026f0,#090711f5),radial-gradient(circle at 50% 0,#c7a86b29,#0000 32%);border:1px solid #f6f0e224;border-radius:28px;grid-template-rows:auto 1fr auto;width:min(100%,410px);height:min(820px,100vh - 98px);min-height:720px;display:grid;overflow:hidden;box-shadow:0 24px 70px #00000075,inset 0 0 0 7px #00000047}.phone-header,.bottom-nav{border-bottom:1px solid #c7a86b1f;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;display:flex}.phone-scroll{scrollbar-width:thin;padding:16px;overflow:auto}.bottom-nav{background:#090711db;border-top:1px solid #c7a86b1f;border-bottom:0}.nav-button{color:#f6f0e29e;cursor:pointer;background:0 0;border:0;place-items:center;gap:4px;min-width:62px;font-size:11px;display:grid}.nav-button.active{color:var(--gold)}.screen-block,.admin-section,.gate-panel{background:linear-gradient(#f6f0e20e,#f6f0e206),#151026b8;border:1px solid #c7a86b2e;border-radius:8px;box-shadow:0 18px 48px #0000003d}.screen-block{margin-bottom:14px;padding:16px}.intro-block{background:radial-gradient(circle at 100% 0,#c7a86b24,#0000 34%),#151026c7}.section-title,.admin-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.microcopy{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:700}h1,h2,h3{letter-spacing:0;color:var(--starlight);margin:0;font-family:Fraunces,Georgia,Times New Roman,serif;font-weight:600}h1{max-width:760px;font-size:clamp(42px,8vw,82px);line-height:.94}h2{font-size:25px;line-height:1.08}h3{font-size:19px;line-height:1.12}p,blockquote{color:var(--moon-dust);margin:0;font-size:14px;line-height:1.55}blockquote{border-left:2px solid var(--gold);color:var(--starlight);padding-left:14px}.gold-icon{color:var(--gold);flex:none}.form-grid,.metric-grid,.flavour-grid,.shop-grid{gap:10px;display:grid}.form-grid{grid-template-columns:1fr 1fr;margin:14px 0 10px}label{color:var(--moon-dust);gap:6px;font-size:12px;display:grid}input,textarea,select{width:100%;color:var(--starlight);background:#090711b8;border:1px solid #c7a86b3d;border-radius:6px;outline:none;padding:10px 11px}textarea{resize:vertical;min-height:92px;line-height:1.45}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{border-color:var(--gold);outline-offset:2px;outline:2px solid #c7a86b3d}input:disabled{opacity:.45}.primary-button,.outline-button,.warning-button,.success-button{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.primary-button:disabled,.outline-button:disabled,.warning-button:disabled,.success-button:disabled{cursor:not-allowed;opacity:.45}.primary-button{color:#100c18;background:linear-gradient(135deg,#f6f0e2,#c7a86b)}.outline-button{color:var(--starlight);background:#f6f0e20a;border-color:#c7a86b47}.warning-button{color:#130d08;background:#d29b4b}.success-button{color:#071007;background:#68a975}.full{width:100%}.wrap{flex-wrap:wrap}.tester-prompt,.calculation-strip{background:#78cdbb14;border:1px solid #78cdbb3d;border-radius:8px;align-items:flex-start;gap:10px;margin-top:12px;padding:11px;display:flex}.tester-prompt{gap:3px;display:grid}.tester-prompt strong,.calculation-strip{color:var(--starlight);font-size:13px}.tester-prompt span{color:var(--moon-dust);font-size:12px;line-height:1.45}.quick-profile-grid{flex-wrap:wrap;margin-top:12px}.quick-profile-grid .outline-button{flex:112px;min-height:36px;padding-inline:10px}.chart-row{grid-template-columns:132px 1fr;align-items:center;gap:14px;display:grid}.chart-wheel{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--element), transparent 62%), transparent 58%), #090711bd;border:1px solid #c7a86b57;border-radius:50%;place-items:center;width:132px;display:grid;position:relative;overflow:hidden}.zodiac-glyph{z-index:1;color:#f6f0e2c7;width:24px;height:24px;transform:rotate(var(--angle)) translateY(-54px) rotate(var(--reverse));background:#09071194;border:1px solid #f6f0e21f;border-radius:50%;place-items:center;margin:-12px;font-size:10px;font-weight:800;display:grid;position:absolute;top:50%;left:50%}.orbit{border:1px solid #f6f0e22e;border-radius:50%;position:absolute}.orbit-one{inset:16px}.orbit-two{inset:34px;transform:rotate(38deg)scaleX(1.7)}.star-core{width:52px;height:52px;color:var(--starlight);background:var(--element);box-shadow:0 0 36px color-mix(in srgb, var(--element), transparent 20%);border-radius:50%;place-items:center;display:grid;position:relative}.placement-stack{gap:8px;display:grid}.placement,.ledger-row,.activity-row{background:#09071157;border:1px solid #c7a86b1f;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.placement span,.ledger-row span{color:var(--moon-dust);font-size:12px}.placement strong,.ledger-row strong{color:var(--starlight);font-size:13px}.placement.muted strong{color:#d29b4b}.notice{color:#ead5ad;background:#d29b4b14;border-left:2px solid #d29b4b;margin-top:12px;padding:10px;font-size:12px}.element-reveal{border:1px solid color-mix(in srgb, var(--element), transparent 55%);background:linear-gradient(135deg, color-mix(in srgb, var(--element), transparent 82%), transparent);border-radius:8px;margin-top:14px;padding:12px}.element-reveal span,.element-reveal p{color:var(--moon-dust);font-size:12px}.element-reveal strong{color:var(--starlight);margin:4px 0;font-family:Georgia,Times New Roman,serif;font-size:34px;line-height:1;display:block}.bottle-card{grid-template-columns:94px 1fr;align-items:center;gap:12px;margin-bottom:12px;display:grid}.bottle-art{border:1px solid color-mix(in srgb, var(--element), transparent 36%);width:86px;height:148px;color:var(--starlight);background:linear-gradient(180deg, color-mix(in srgb, var(--element), transparent 40%), #090711d1), radial-gradient(circle at 50% 18%, #f6f0e259, transparent 22%);border-radius:38px 38px 8px 8px;place-items:center;padding:14px 8px;display:grid;box-shadow:0 18px 42px #0000005c}.bottle-art span{writing-mode:vertical-rl;color:#f6f0e2c2;letter-spacing:.16em;font-size:10px}.bottle-art strong{font-family:Georgia,Times New Roman,serif;font-size:18px}.flavour-grid{grid-template-columns:repeat(4,1fr);margin-bottom:12px}.score-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px;display:grid}.score-pill{border:1px solid color-mix(in srgb, var(--element), transparent 48%);background:linear-gradient(135deg, color-mix(in srgb, var(--element), transparent 78%), #0907116b);border-radius:8px;align-content:center;gap:3px;min-height:54px;padding:8px;display:grid}.score-pill span{color:var(--moon-dust);font-size:11px}.score-pill strong{color:var(--starlight);font-size:18px;line-height:1}.flavour{border:1px solid color-mix(in srgb, var(--element), transparent 58%);min-height:38px;color:var(--starlight);cursor:pointer;background:#0907117a;border-radius:6px;font-size:12px}.flavour.active{background:color-mix(in srgb, var(--element), transparent 62%)}.cocktail-card{color:var(--gold);background:#c7a86b14;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.cocktail-card strong{color:var(--starlight);margin-bottom:4px;display:block}.reason-list{gap:7px;margin:12px 0 0;padding:0;list-style:none;display:grid}.reason-list li,.responsibility-note{color:var(--moon-dust);font-size:12px;line-height:1.45}.reason-list li{background:#09071152;border:1px solid #c7a86b1f;border-radius:6px;padding:8px 9px}.responsibility-note{color:#ead5ad;margin-top:10px}.share-modal{background:#090711a8;border:1px solid #f6f0e21f;border-radius:8px;gap:10px;margin-top:14px;padding:12px;display:grid}.share-card-preview{border:1px solid color-mix(in srgb, var(--element), transparent 42%);background:radial-gradient(circle at 82% 16%, color-mix(in srgb, var(--element), transparent 55%), transparent 34%), linear-gradient(135deg, #f6f0e214, #090711c7);border-radius:8px;min-height:188px;padding:16px}.share-card-preview h3{margin-bottom:12px;font-size:28px}.share-card-preview small{color:var(--gold);margin-top:12px;font-weight:800;display:inline-block}.share-stat-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.share-stat-grid span{color:var(--starlight);background:#09071157;border:1px solid #f6f0e21f;border-radius:6px;padding:8px;font-size:12px}.meter{margin:10px 0}.meter span{color:var(--moon-dust);justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.meter span strong{color:var(--starlight)}.meter div{background:#f6f0e21a;border-radius:6px;height:7px;overflow:hidden}.meter i{border-radius:inherit;background:linear-gradient(90deg,#5d2c83,#c7a86b);height:100%;display:block}.ledger{gap:8px;margin-top:12px;display:grid}.qr-box{border:1px solid var(--gold);width:116px;height:116px;color:var(--gold);background-color:#090711cc;background-image:linear-gradient(90deg,#f6f0e229 1px,#0000 1px),linear-gradient(#f6f0e229 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;margin:10px auto 12px;font-weight:900;display:grid}.shop-grid{grid-template-columns:1fr 1fr}.shop-grid a{min-height:96px;color:var(--starlight);background:#09071166;border:1px solid #c7a86b2e;border-radius:8px;align-content:center;gap:5px;padding:12px;text-decoration:none;display:grid}.shop-grid span{color:var(--moon-dust);font-size:12px}.admin-panel{background:linear-gradient(#151026d6,#090711e6),radial-gradient(circle at 100% 0,#c7a86b1a,#0000 28%);border:1px solid #f6f0e21f;border-radius:8px;min-width:0;padding:20px;box-shadow:0 22px 64px #00000061}.metric-grid{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.metric{background:#0907115c;border:1px solid #c7a86b29;border-radius:8px;gap:7px;min-height:112px;padding:14px;display:grid}.metric svg{color:var(--gold)}.metric span{color:var(--moon-dust);font-size:12px}.metric strong{color:var(--starlight);font-family:Georgia,Times New Roman,serif;font-size:26px;line-height:1}.admin-section{margin-top:12px;padding:14px}.admin-section .primary-button,.admin-section .outline-button{margin-top:10px}.two-column-admin{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.activity-row{color:var(--moon-dust);margin-bottom:7px;font-size:12px}.activity-row strong{color:var(--starlight)}.activity-row.stacked{justify-content:stretch;align-items:start;gap:5px;display:grid}.toggle-stack{gap:9px;margin-bottom:12px;display:grid}.toggle-line{background:#09071157;border:1px solid #c7a86b24;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:9px 10px;display:flex}.toggle-line input{order:2;width:18px;height:18px}.toggle-line span{color:var(--starlight);font-size:13px}.gate-shell{place-items:center;display:grid}.gate-panel{z-index:1;width:min(760px,100%);padding:clamp(28px,6vw,54px);position:relative}.seal{min-height:44px;color:var(--gold);letter-spacing:.18em;border:1px solid #c7a86b5c;border-radius:8px;place-items:center;margin-bottom:18px;padding:0 14px;display:inline-grid}.gate-panel p{max-width:590px;margin:18px 0;font-size:16px}.gate-grid{grid-template-columns:1fr;gap:12px;max-width:420px;margin:22px 0;display:grid}.checkline{color:var(--starlight);grid-template-columns:auto 1fr;align-items:center}.checkline input{width:18px;height:18px}@media (width<=980px){.app-shell{padding:14px}.topbar{align-items:flex-start}.access-note{display:none}.workspace{grid-template-columns:1fr}.phone-frame{height:auto;min-height:0}.phone-scroll{max-height:none;overflow:visible}}@media (width<=620px){.topbar{margin-bottom:14px}.brand-lockup small{display:none}.topbar-actions .outline-button{min-height:38px;padding-inline:10px}.phone-frame{border-radius:18px;width:100%}.form-grid,.chart-row,.bottle-card,.shop-grid,.metric-grid,.two-column-admin{grid-template-columns:1fr}.chart-wheel{margin:0 auto}.flavour-grid{grid-template-columns:1fr 1fr}.bottom-nav{padding-inline:8px}.nav-button{min-width:0;font-size:10px}.gate-panel{padding:24px}}@media (prefers-reduced-motion:no-preference){.chart-wheel{animation:7s ease-in-out infinite breathe}.cosmic-backdrop span:first-child{animation:28s linear infinite drift}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes drift{0%{transform:rotate(-12deg)translate(0)}to{transform:rotate(-12deg)translate(38px)}}