/* The cabinet's pinned blue velvet / engraved gold system continues through
   the demo, tariffs and reading pages. Existing content and actions remain. */
@font-face{font-family:'ULYA Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('./assets/fonts/manrope-v20-cyrillic.woff2') format('woff2');unicode-range:U+0400-052F,U+2116}
@font-face{font-family:'ULYA Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('./assets/fonts/manrope-v20-latin.woff2') format('woff2');unicode-range:U+0000-024F,U+2000-206F,U+20A0-20CF}
:root.mystic-public{
  color-scheme:dark;--bg:#030b15;--bg-gradient:#123854;--paper:#030b15;
  --surface:#091c2d;--surface-raised:#122d43;--text-primary:#f0ece2;
  --text-secondary:#b4c4d1;--ink:#f0ece2;--muted:#b4c4d1;--accent:#d8bd83;
  --accent-soft:#20344a;--green:#d8bd83;--gold:#d8bd83;--tarot-gold:#d8bd83;
  --border:#3c4b59;--border-strong:#af9464;--line:#3c4b59;
  --notice-bg:#0c2033;--notice-text:#b4c4d1;--notice-strong:#f0ece2;
  --focus:#f4d49a;--cta-bg:#07101c;--cta-text:#f2deb5;
  --card-paper:#e5d9bd;--card-ink:#19282f;--card-label:#d5b77f;
  --font-ui:'ULYA Manrope',system-ui,sans-serif;
  font-family:var(--font-ui);background:#030b15;color:#f0ece2;
  scrollbar-color:#776a51 #030b15;transition:none;
}
.mystic-public body{min-height:100svh;background:linear-gradient(180deg,#010b15 0%,#010d19 calc(100% - 34vw),transparent calc(100% - 27vw)) center/100% 100% no-repeat fixed,url('./assets/scene-velvet.webp') center bottom/100% auto no-repeat fixed,#020f1a;color:var(--ink);font-family:var(--font-ui)}
.mystic-public :is(h1,h2,h3,.plan-price,.wordmark>span){font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.02em;text-wrap:balance}
.mystic-public :is(h1,h2,h3){color:#f8fdfe}
.mystic-public :is(a,input,textarea,button,select){caret-color:#e3c58a}
.mystic-public ::selection{color:#080e17;background:#dcc28e}
.mystic-public :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #f4d49a;outline-offset:4px}
.mystic-public :is(.button,.primary-button){border:1px solid #b49458;border-radius:99px;background:linear-gradient(160deg,#162532,#020912);color:#f2deb5;box-shadow:inset 0 1px 1px #f4dba342,0 8px 20px #0005;min-height:48px;padding:13px 26px;text-align:center}
.mystic-public :is(.button,.primary-button):hover{border-color:#f4d49a;background:#182f42}
.mystic-public .secondary-button{border-color:#877553;border-radius:99px;background:#0b1d2e;color:#ead8b4}
.mystic-public a{text-underline-offset:4px}
.mystic-public .eyebrow{display:none}
.mystic-public :is(.site-header,.site-footer){border-color:#324452}
.mystic-public .brand{color:#f1e4c9;font-family:'Cinzel','Cormorant Garamond',serif}
.mystic-public .brand-mark{border-color:#a78b58;background:url('./assets/scene-acanthus.svg') center/cover,#091728;color:#ead6aa;box-shadow:inset 0 1px 2px #f4dfb350,0 4px 9px #0007}
.mystic-public .legal-page{max-width:960px;padding-top:58px}
.mystic-public .legal-page h1{font-size:clamp(36px,5vw,60px);line-height:1.05;max-width:17ch;margin:0 0 26px}
.mystic-public .legal-page h2{font-size:30px;line-height:1.18;margin-top:38px}
.mystic-public .legal-page>p,.mystic-public .legal-page>section>p{max-width:75ch;font-size:14px;line-height:1.85;color:#c3cdd6}
.mystic-public :is(.legal-status,.notice){background:#10283b;border:1px solid #5d665c;border-radius:12px;padding:20px;color:#d2dce4;font-size:13px;line-height:1.8}
.mystic-public :is(.legal-status,.notice) strong{color:#eee1c5}
.mystic-public .tariff-list{margin:42px 0}
.mystic-public .tariff-row{gap:36px;padding:30px 0;border-color:#496071}
.mystic-public .tariff-row h2{margin:0 0 10px;font-size:32px}
.mystic-public .tariff-row p{color:#b4c4d1;font-size:13px;line-height:1.75}
.mystic-public .tariff-row .plan-price{font-size:40px;color:#f3e2c0;line-height:1.1}
.mystic-public .tariff-buy{border-left:1px solid #5d645e;padding-left:28px}
.mystic-public .legal-page a.button{color:#f2deb5}
.mystic-public .plan{background:#091c2d;border:1px solid #495b67;border-radius:12px}
.mystic-public .plan-featured{border-color:#be9d60}
.mystic-public .plan-state{color:#b4c4d1}
.mystic-public .payment-page{max-width:700px;min-height:70svh}
.mystic-public .payment-page .plan-price{font-size:48px;color:#f3e2c0}
.mystic-public .site-footer a{color:#d7c193}
.mystic-public .hero-art{background:url('./assets/scene-acanthus.svg') center/contain no-repeat;filter:drop-shadow(0 14px 16px #0008)}
.mystic-public .moon{inset:15%;background:url('./assets/ulya-moon-night-v1.webp') center/contain no-repeat;box-shadow:none}
.mystic-public .hero-art :is(.orbit,.star){display:none}
/* Public demonstration retains its clearly labelled fictional flow. */
.mystic-public .celestial-field{display:none}
.mystic-public #appearance-open,.mystic-public #appearance{display:none!important}
.mystic-public .app-shell{max-width:900px}
.mystic-public .wordmark small{color:#b4c4d1}
.mystic-public .hero{padding-block:45px;gap:40px}
.mystic-public .hero h1{font-size:clamp(43px,6vw,68px);line-height:1.04}
.mystic-public .hero h1 em{color:#d9c294}
.mystic-public .moon-mark{background:url('./assets/scene-acanthus.svg') center/contain no-repeat;filter:drop-shadow(0 14px 18px #0008)}
.mystic-public .moon-mark .emblem-night{display:block;inset:15%;width:70%;height:70%}
.mystic-public .moon-mark .emblem-pearl,.mystic-public .hero-orbit{display:none}
.mystic-public .demo-notice{background:#0b1d2b;border:1px solid #415564;border-radius:12px}
.mystic-public .topic-surface{background:transparent;border-width:0 0 1px;border-radius:0;padding:18px 10px;min-height:90px}
.mystic-public .topic-list input:checked+.topic-surface{background:#183147;box-shadow:none;border-color:#d8bd83}
.mystic-public .topic-copy strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px}
.mystic-public :is(.ritual-heading h2,.cards-heading h2,.result h2){font-family:'Cormorant Garamond',Georgia,serif;font-size:36px}
.mystic-public .tarot-card:not(.is-open){background:url('./assets/scene-card-back.webp') center/cover no-repeat #06101a;box-shadow:2px 4px 2px #5c4930,7px 13px 16px #0007}
.mystic-public .tarot-card.is-open{border:5px solid #e5d9bd;background:#071524;color:#f0ece2;box-shadow:2px 4px 2px #5c4930,7px 13px 16px #0007}
.mystic-public .tarot-card.is-open .card-position{color:#dcc28e}
@media(max-width:760px){
  .mystic-public .site-header{height:80px;gap:20px}
  .mystic-public .header-link{font-size:12px;text-align:right}
  .mystic-public .legal-page{padding-top:34px}
  .mystic-public .legal-page h1{font-size:41px;margin-bottom:22px}
  .mystic-public .legal-page h2{font-size:28px}
  .mystic-public .tariff-row{gap:20px;padding:28px 0}
  .mystic-public .tariff-buy{padding:0;border:0}
  .mystic-public .tariff-row .plan-price{font-size:38px}
  .mystic-public .tariff-buy .button{width:100%}
  .mystic-public .app-shell>.hero{grid-template-columns:minmax(0,1fr) 140px;gap:8px;padding-block:30px}
  .mystic-public .app-shell .hero h1{font-size:39px}
  .mystic-public .app-shell .hero-lead{font-size:13px}
  .mystic-public .moon-mark{width:140px}
}
@media(max-width:370px){.mystic-public .app-shell>.hero{grid-template-columns:minmax(0,1fr) 110px}.mystic-public .moon-mark{width:110px}.mystic-public .app-shell .hero h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.mystic-public *{scroll-behavior:auto;transition:none;animation:none}}
.mystic-public :is(.button,.primary-button){background:#050a09 url('./assets/scene-cta.svg') center/cover;border-color:#9d824b;color:#f8f4e9;text-shadow:0 2px 4px #000,0 -2px 4px #000}
.mystic-public .brand-mark{background:#091728 url('./assets/startup/coin-sun-small-v1.webp') center/contain no-repeat}

/* The old phase mask must not cover the actual Ulya moon illustration. */
.mystic-public .hero-art .moon::after { content:none; display:none; }