/* DALOA moonlight theme — navy ground, gold leaf, serif display.
   Loaded LAST on every page. Section 2 is generated by design/daloa-moonlight-theme/gen_theme.py
   from the earlier light stylesheets; sections 1 and 3 are hand-written. */

/* 1. tokens */
@font-face{font-family:"DALOA Serif";src:url(/brand/atelier/NotoSerifKR-Bold-subset.woff) format("woff");font-weight:500 900;font-display:swap}
:root{
  --ml-ground:#0f1330;--ml-deep:#0b0e24;--ml-band:#141936;--ml-surface:#161b40;--ml-raised:#1e2450;--ml-field:#11163a;
  --ml-line:#2f3466;--ml-line-soft:#262c5c;--ml-line-gold:#5d5232;--ml-gold-line:#8a7444;
  --ml-gold:#e0c07a;--ml-gold-hi:#f3dfa8;--ml-gold-deep:#c9a457;--ml-gold-text:#f3e3b6;--ml-on-gold:#141838;
  --ml-cream:#f6ecd2;--ml-ink:#f3ecdc;--ml-soft:#d9d2ea;--ml-muted:#c9c1dc;--ml-faint:#a69fbf;
  --ml-danger:#f2a7a7;--ml-sage:#a9d6c4;
  --ml-serif:"DALOA Serif","Noto Serif KR","AppleMyungjo","Batang",serif;
  --serif:var(--ml-serif);
  color-scheme:dark;
}

/* 2. generated overrides of the light stylesheets */
/* from styles.css */
body{background:transparent;color:var(--ml-ink)}
.skip{background:var(--ml-surface);color:var(--ml-ink)}
:focus-visible{outline:3px solid var(--ml-line)}
.site-nav{background:transparent}
.site-nav.scrolled,.site-nav.on-light{background:var(--ml-surface);border-bottom:1px solid var(--ml-line-gold);color:var(--ml-ink)}
.kicker.dark{color:var(--ml-gold-text)}
.button.ink{background:var(--ml-gold);color:var(--ml-on-gold)}
.button.violet{background:var(--ml-gold);color:var(--ml-on-gold)}
.button.ivory{background:var(--ml-surface);color:var(--ml-ink)}
.button:disabled{background:var(--ml-raised)}
.text-button{color:var(--ml-ink)}
.quiet-button{border:1px solid var(--ml-line)}
.quiet-button.danger{border-color:var(--ml-line);color:var(--ml-danger)}
.hero{background:var(--ml-raised)}
.hero:after{background:transparent}
.moon-halo{border:1px solid var(--ml-line)}
.entry-note{color:var(--ml-muted)}
.orbit{border:1px solid var(--ml-line)}
.whisper{background:var(--ml-surface);border:1px solid var(--ml-line);color:var(--ml-ink)}
.whisper span{color:var(--ml-gold-text)}
.scroll-cue{color:var(--ml-muted)}
.invitation{background:var(--ml-surface)}
.section-number{color:var(--ml-muted)}
.invitation-copy{color:var(--ml-muted)}
.paths{background:var(--ml-surface)}
.path{border-top:1px solid var(--ml-line)}
.path-index{color:var(--ml-muted)}
.path-copy>p:not(.path-index){color:var(--ml-muted)}
.path ul{color:var(--ml-muted)}
.path li:before{color:var(--ml-muted)}
.path-action small{color:var(--ml-muted)}
.path-art{background:var(--ml-raised)}
.four-pillars{color:var(--ml-ink)}
.tarot-path{background:var(--ml-surface)}
.tarot-art{background:var(--ml-raised)}
.tarot-card{border:1px solid var(--ml-line)}
.tarot-card i{border:1px solid var(--ml-line)}
.report-reveal{background:var(--ml-deep)}
.reveal-night>p:not(.kicker){color:var(--ml-muted)}
.report-stack{background:var(--ml-raised)}
.sheet{background:var(--ml-surface)}
.sheet-front{color:var(--ml-ink)}
.sheet-front>p{color:var(--ml-muted)}
.sheet-moon{border:1px solid var(--ml-line-gold);color:var(--ml-gold-text)}
.sheet-orbit{border:1px solid var(--ml-line)}
.promise{background:var(--ml-surface)}
.promise-lines p{border-top:1px solid var(--ml-line)}
.promise-lines span{color:var(--ml-muted)}
.promise-lines em{color:var(--ml-muted)}
.final-invite{background:var(--ml-raised)}
.final-invite h2{color:var(--ml-ink)}
.site-footer{background:var(--ml-deep);color:var(--ml-muted)}
.site-footer small{color:var(--ml-muted)}
.app-view{background:var(--ml-surface)}
.auth-story{background:var(--ml-raised)}
.mini-orbit{border:1px solid var(--ml-line-gold)}
.form-paper{background:var(--ml-surface)}
.tabs{border-bottom:1px solid var(--ml-line)}
.tabs button{color:var(--ml-muted)}
.tabs button[aria-selected=true]{border-color:var(--ml-line-gold);color:var(--ml-ink)}
.form-paper label small,.input-paper label small{color:var(--ml-muted)}
.form-paper input,.input-paper input,.input-paper textarea,.settings-grid input{border:1px solid var(--ml-line);background:var(--ml-surface);color:var(--ml-ink)}
.form-status{color:var(--ml-gold-text)}
.product-select{background:transparent}
.step{color:var(--ml-gold-text)}
.flow-head>p:last-child{color:var(--ml-muted)}
.choice-rail{background:var(--ml-raised);border:1px solid var(--ml-line)}
.choice{background:var(--ml-surface);color:var(--ml-ink)}
.choice.tarot-choice{background:var(--ml-surface)}
.choice-mark{border:1px solid var(--ml-line)}
.tarot-choice .choice-mark{border-color:var(--ml-line);color:var(--ml-gold-text)}
.choice small{color:var(--ml-muted)}
.choice em{color:var(--ml-muted)}
.choice strong{border-top:1px solid var(--ml-line)}
.flow-shell{background:transparent}
.flow-aside{background:var(--ml-raised)}
.progress b{background:var(--ml-raised)}
.flow-aside>small{color:var(--ml-muted)}
.input-paper{background:var(--ml-surface);border:1px solid var(--ml-line)}
.input-paper header{border-bottom:1px solid var(--ml-line)}
.seal{background:var(--ml-raised);color:var(--ml-muted)}
.input-paper header p{color:var(--ml-gold-text)}
.data-hint{background:var(--ml-surface);color:var(--ml-muted)}
.question-guides span{background:var(--ml-surface);color:var(--ml-gold-text)}
.profile{border:1px solid var(--ml-line);background:var(--ml-surface);color:var(--ml-ink)}
.profile>span{background:var(--ml-surface);color:var(--ml-gold-text)}
.profile small{color:var(--ml-muted)}
.profile i{color:var(--ml-gold-text)}
.profile.selected{border-color:var(--ml-line-gold)}
.profile.add>span{background:var(--ml-surface)}
.checkout{background:transparent}
.checkout-summary dl div{border-top:1px solid var(--ml-line)}
.checkout-summary dt{color:var(--ml-muted)}
.payment-paper{background:var(--ml-surface);border:1px solid var(--ml-line)}
.secure{color:var(--ml-gold-text)}
.payment-paper>p:not(.price){color:var(--ml-muted)}
.waiting{background:transparent}
.lunar-loader{border:1px solid var(--ml-line-gold)}
.waiting>p:not(.kicker){color:var(--ml-muted)}
.waiting li{color:var(--ml-muted)}
.waiting li.done{color:var(--ml-sage)}
.result-night{background:var(--ml-raised)}
.moon-letter{background:var(--ml-surface);color:var(--ml-ink)}
.letter-cover{background:var(--ml-surface)}
.letter-cover>span{color:var(--ml-muted)}
.cover-seal{border:1px solid var(--ml-line-gold);color:var(--ml-gold-text)}
.cover-orbit{border:1px solid var(--ml-line)}
.chapter{color:var(--ml-gold-text)}
.letter-opening>p:not(.chapter){color:var(--ml-muted)}
.keywords span{border:1px solid var(--ml-line);color:var(--ml-gold-text)}
.letter-chapter{border-top:1px solid var(--ml-line)}
.letter-chapter>div>p:not(.chapter){color:var(--ml-muted)}
.letter-chapter aside{color:var(--ml-muted)}
.letter-chapter aside b{color:var(--ml-ink)}
.letter-chapter.tint{background:var(--ml-surface)}
.letter-chapter blockquote{color:var(--ml-gold-text)}
.letter-close{background:var(--ml-surface)}
.letter-close>span{color:var(--ml-gold-text)}
.letter-close p{color:var(--ml-muted)}
.library-shell,.account-shell{background:transparent}
.library-shell header p:last-child,.account-shell header p:last-child{color:var(--ml-muted)}
.library-layout aside button{color:var(--ml-muted)}
.library-layout aside button.active{background:transparent;color:var(--ml-gold-text)}
.library-layout aside hr{border-top:1px solid var(--ml-line)}
.featured-record{background:var(--ml-deep)}
.featured-record p{color:var(--ml-muted)}
.featured-record small{color:var(--ml-muted)}
.record-moon{color:var(--ml-muted)}
.record-list article{border-bottom:1px solid var(--ml-line)}
.record-icon{background:var(--ml-surface);color:var(--ml-gold-text)}
.record-list small,.record-list p{color:var(--ml-muted)}
.simple-table{background:var(--ml-surface);border:1px solid var(--ml-line)}
.simple-table>div{border-bottom:1px solid var(--ml-line)}
.table-head{color:var(--ml-muted)}
.settings-grid section{background:var(--ml-surface);border:1px solid var(--ml-line)}
.settings-grid p{color:var(--ml-muted)}
.settings-grid input:disabled{background:var(--ml-surface);color:var(--ml-muted)}
.state-page{background:transparent}
.state-moon{border:1px solid var(--ml-line);color:var(--ml-gold-text)}
.state-page p{color:var(--ml-muted)}
@media(max-width:520px){.simple-table>div:not(.table-head){background:var(--ml-surface);border:1px solid var(--ml-line)}}
@media(max-width:520px){.simple-table>div span:first-child{color:var(--ml-muted)}}
.saju-structure figcaption{border-bottom:1px solid var(--ml-line)}
.saju-structure figcaption span{color:var(--ml-muted)}
.pillar-row>span{background:rgba(224,192,122,.06);border:1px solid var(--ml-line)}
.pillar-row small{color:var(--ml-muted)}
.pillar-row em{color:var(--ml-muted)}
.element-thread i:nth-child(1){color:var(--ml-sage)}
.element-thread i:nth-child(2){color:var(--ml-muted)}
.element-thread i:nth-child(3){color:var(--ml-muted)}
.element-thread i:nth-child(5){color:var(--ml-muted)}
.tarot-deck>span{color:var(--ml-muted)}
.card-choice{border-top:1px solid var(--ml-line)}
.mini-card{border:1px solid var(--ml-line);background:var(--ml-surface)}
.mini-card span{color:var(--ml-muted)}
.mini-card.selected{border-color:var(--ml-line-gold)}
.mini-card.selected span{color:var(--ml-gold-text)}
.lunar-loader:before,.lunar-loader:after{border-top:1px solid var(--ml-line-gold)}
.lunar-loader span{background:var(--ml-deep);border:1px solid var(--ml-line)}
.state-mark{color:var(--ml-gold-text)}
/* from share.css */
.share-context{border:1px solid var(--ml-line);background:var(--ml-surface)}
.share-context p{color:var(--ml-muted)}
.share-entry{border:1px solid var(--ml-line-gold);color:var(--ml-gold-text)}
.share-entry.primary{background:var(--ml-deep)}
.share-studio{background:var(--ml-surface);color:var(--ml-ink)}
.share-studio-head>p{color:var(--ml-muted)}
.share-controls,.share-preview-panel{background:var(--ml-surface);border:1px solid var(--ml-line)}
.share-field>span,.share-controls legend{color:var(--ml-muted)}
.share-controls textarea,.share-controls input[type=text],.share-controls select{border:1px solid var(--ml-line);background:transparent;color:var(--ml-ink)}
.template-grid button,.ratio-grid button{border:1px solid var(--ml-line);background:var(--ml-surface);color:var(--ml-muted)}
.template-grid button[aria-pressed=true],.ratio-grid button[aria-pressed=true]{border-color:var(--ml-line-gold);background:var(--ml-raised);color:var(--ml-gold-text)}
.privacy-toggle{background:var(--ml-surface);color:var(--ml-muted)}
.share-actions button{background:var(--ml-deep)}
.share-actions button.secondary{color:var(--ml-ink)}
.share-card-preview::before{border:1px solid var(--ml-line)}
.share-card-copy small{color:var(--ml-muted)}
.share-card-keywords span{border:1px solid var(--ml-line)}
.share-card-seal{border:1px solid var(--ml-line);color:var(--ml-muted)}
.share-status{color:var(--ml-gold-text)}
.public-share,.invite-landing{background:var(--ml-raised)}
.public-copy>p,.invite-copy>p{color:var(--ml-muted)}
.share-privacy{color:var(--ml-muted)}
.invite-mark{border:1px solid var(--ml-line-gold)}
.share-library{background:var(--ml-surface);border:1px solid var(--ml-line)}
.share-library p{color:var(--ml-muted)}
.share-link-row{border-top:1px solid var(--ml-line)}
.share-link-row small{color:var(--ml-muted)}
.share-link-row code{color:var(--ml-muted)}
.share-link-actions button{border:1px solid var(--ml-line);background:var(--ml-surface)}
.share-link-actions .revoke{color:var(--ml-danger)}
/* from retention.css */
.retention-head p{color:var(--ml-muted)}
.fragment-pill{border:1px solid var(--ml-line);background:var(--ml-surface);color:var(--ml-gold-text)}
.fragment-pill span,.fragment-balance>span{color:var(--ml-muted)}
.fragment-balance small{color:var(--ml-muted)}
.retention-links button{border:1px solid var(--ml-line);background:var(--ml-surface)}
.ledger-paper,.subscription-paper{background:var(--ml-surface);border:1px solid var(--ml-line)}
.ledger-paper>header{border-bottom:1px solid var(--ml-line)}
.ledger-paper header span{color:var(--ml-muted)}
.ledger-row{border-bottom:1px solid var(--ml-line)}
.ledger-row time,.ledger-row small{color:var(--ml-muted)}
.ledger-row strong{color:var(--ml-muted)}
.ledger-row strong.spent{color:var(--ml-muted)}
.contract-note{color:var(--ml-muted)}
.daily-flow{background:transparent;border:1px solid var(--ml-line)}
.daily-flow>span{color:var(--ml-muted)}
.daily-flow>p{color:var(--ml-gold-text)}
.daily-keyword small{color:var(--ml-muted)}
.daily-tarot{background:var(--ml-deep)}
.daily-tarot>p{color:var(--ml-muted)}
.daily-card{border:1px solid var(--ml-line);background:var(--ml-deep)}
.daily-card span,.daily-card small{color:var(--ml-muted)}
.daily-card b{color:var(--ml-muted)}
.gentle-streak{border:1px solid var(--ml-line)}
.gentle-streak p{color:var(--ml-muted)}
.gentle-streak>span:last-child{color:var(--ml-muted)}
.snow-mark{color:var(--ml-muted)}
.theme-showcase{background:var(--ml-surface);border:1px solid var(--ml-line)}
.theme-cover{background:var(--ml-deep)}
.theme-cover>span{color:var(--ml-muted)}
.theme-cover p{color:var(--ml-muted)}
.theme-copy ul{border-top:1px solid var(--ml-line)}
.theme-copy li{border-bottom:1px solid var(--ml-line)}
.theme-cost span{color:var(--ml-muted)}
#theme-status{color:var(--ml-muted)}
.monthly-shell{background:transparent}
.monthly-toolbar{color:var(--ml-muted)}
.monthly-book{background:var(--ml-surface)}
.monthly-cover{background:var(--ml-deep)}
.monthly-cover>p{color:var(--ml-muted)}
.monthly-page.tint{background:transparent}
.monthly-keywords span{border:1px solid var(--ml-line)}
.monthly-close>span{color:var(--ml-gold-text)}
.plan-card{border:1px solid var(--ml-line);background:var(--ml-surface)}
.plan-card.selected{border-top:4px solid var(--ml-line-gold)}
.plan-card>span,.owner-badge{color:var(--ml-gold-text)}
.owner-badge{border:1px solid var(--ml-line)}
.plan-card p small{color:var(--ml-muted)}
.subscription-paper dl>div{border-bottom:1px solid var(--ml-line)}
.subscription-paper dt{color:var(--ml-muted)}
.subscription-paper>p{color:var(--ml-muted)}
.status.active{background:var(--ml-raised);color:var(--ml-sage)}
/* from compliance.css */
.consent-list{border:1px solid var(--ml-line)}
.consent-list b{color:var(--ml-muted)}
.consent-list small,.deletion-notice{color:var(--ml-muted)}
.payment-disclosure{background:var(--ml-surface)}
.policy-center header>p:last-child{color:var(--ml-muted)}
.policy-grid article{border:1px solid var(--ml-line);background:var(--ml-surface)}
.policy-grid article>span{color:var(--ml-muted)}
.policy-grid p{color:var(--ml-muted)}
.policy-grid b{color:var(--ml-muted)}
.business-hold{border-left:3px solid var(--ml-line-gold);background:var(--ml-surface);color:var(--ml-muted)}
.customer-documents a{color:var(--ml-gold-text)}
.customer-document{border-top:1px solid var(--ml-line)}
.customer-document p,.customer-document dd{color:var(--ml-muted)}
.customer-document .document-review,.customer-documents .document-status{border-left:3px solid var(--ml-line-gold);background:var(--ml-surface);color:var(--ml-muted)}
.document-data>div{border-bottom:1px solid var(--ml-line)}
.customer-document details{border-top:1px solid var(--ml-line)}
.customer-document h2:focus,.document-nav a:focus-visible{outline:2px solid var(--ml-line-gold)}
/* from launch.css */
body{background:transparent;color:var(--ml-ink)}
button:disabled{background:var(--ml-raised);border-color:var(--ml-line);color:var(--ml-muted)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--ml-line-gold)}
.skip{background:var(--ml-surface)}
.review-ribbon{background:var(--ml-deep)}
.site-head{background:transparent}
.eyebrow{color:var(--ml-gold-text)}
.page-head>p:last-child{color:var(--ml-muted)}
.breadcrumb{color:var(--ml-muted)}
.btn{border:1px solid var(--ml-line-gold);color:var(--ml-gold-text)}
.primary{background:var(--ml-gold);color:var(--ml-on-gold)}
.fine{color:var(--ml-muted)}
.muted{color:var(--ml-muted)}
.notice{background:var(--ml-raised);border-left:3px solid var(--ml-line-gold)}
.notice.danger{background:var(--ml-surface)}
.tag{background:var(--ml-raised);color:var(--ml-sage)}
.tag.preview{background:var(--ml-raised);color:var(--ml-gold-text)}
.tabs{border-bottom:1px solid var(--ml-line)}
.tabs .active{color:var(--ml-gold-text)}
.product-item{background:var(--ml-surface);border:1px solid var(--ml-line)}
.product-item[data-kind=tarot] .tag{background:var(--ml-surface);color:var(--ml-gold-text)}
.product-info p{color:var(--ml-muted)}
.detail-copy>.lede{color:var(--ml-muted)}
.facts dt{color:var(--ml-muted)}
.chapter{border-top:1px solid var(--ml-line)}
.depth{border-top:1px solid var(--ml-line)}
.form-side p{color:var(--ml-muted)}
.form-paper{background:var(--ml-surface);border:1px solid var(--ml-line)}
.field input,.field textarea,.field select{background:transparent;border:1px solid var(--ml-line)}
.form-status{color:var(--ml-danger)}
.steps{color:var(--ml-muted)}
.steps b{color:var(--ml-gold-text)}
.question-examples button{background:var(--ml-surface);border:1px solid var(--ml-line)}
.card-picker button{background:var(--ml-surface)}
.card-picker button.selected{border-color:var(--ml-line-gold);background:transparent}
.summary-panel{background:var(--ml-surface);border-top:3px solid var(--ml-line-gold)}
.summary-panel .total{border-top:1px solid var(--ml-line)}
.wide-state p{color:var(--ml-muted)}
.wide-state .state-mark{color:var(--ml-gold-text)}
.timeline{border-left:2px solid var(--ml-line)}
.timeline li:before{background:var(--ml-raised)}
.timeline small{color:var(--ml-muted)}
.report-paper{background:var(--ml-surface)}
.report-cover{background:var(--ml-deep)}
.report-chapter{border-bottom:1px solid var(--ml-line)}
.report-chapter .evidence{background:var(--ml-surface);border-left:3px solid var(--ml-line);color:var(--ml-muted)}
.element-bars div{background:var(--ml-surface)}
.sample-note{background:var(--ml-raised);color:var(--ml-gold-text)}
.side-nav a{border-bottom:1px solid var(--ml-line)}
.record-row{border-bottom:1px solid var(--ml-line)}
.record-row p{color:var(--ml-muted)}
.utility-list a{border-bottom:1px solid var(--ml-line)}
.utility-list a small{color:var(--ml-muted)}
.account-banner{background:var(--ml-raised)}
.data-table th,.data-table td{border-bottom:1px solid var(--ml-line)}
.data-table th{background:var(--ml-surface)}
.preview-cover{background:var(--ml-deep)}
.reflection-sheet{background:var(--ml-surface);border:1px solid var(--ml-line)}
.quote-footer{color:var(--ml-muted)}
.receipt{background:var(--ml-surface);border-top:3px solid var(--ml-line-gold)}
footer{background:var(--ml-raised);color:var(--ml-muted)}
.result-error{border:1px solid var(--ml-line)}
@media(max-width:760px){.side-nav{border-bottom:1px solid var(--ml-line)}}
@media(max-width:760px){.mobile-nav{background:var(--ml-surface);border-top:1px solid var(--ml-line)}}
@media(max-width:760px){.mobile-nav a{color:var(--ml-gold-text)}}
@media(max-width:760px){.mobile-nav a[aria-current=page]{border-top:2px solid var(--ml-line-gold)}}
body{background:transparent;color:var(--ml-ink)}
.app-view .waiting > p:not(.kicker){color:var(--ml-muted)}
.app-view .waiting > .text-button{color:var(--ml-gold-text)}
.site-nav,.site-nav.on-light,.site-nav.scrolled{background:transparent}
.nav-account{background:rgba(224,192,122,.06);border:1px solid var(--ml-line)}
.site-footer{background:var(--ml-raised);color:var(--ml-muted)}
.site-footer .wordmark{color:var(--ml-gold-text)}
.button.ink,.button.primary,.button.violet{background:var(--ml-gold);border:1px solid var(--ml-line-gold);color:var(--ml-on-gold)}
.button.ivory{background:var(--ml-raised);color:var(--ml-gold-text)}
.quiet-button{background:var(--ml-surface);border:1px solid var(--ml-line);color:var(--ml-gold-text)}
.text-button,.text-button.light{color:var(--ml-gold-text)}
.button:disabled{background:var(--ml-raised);border-color:var(--ml-line);color:var(--ml-muted)}
.auth-story,.flow-aside{color:var(--ml-ink)}
.auth-story h1,.flow-aside h1{color:var(--ml-ink)}
.auth-story p,.flow-aside>p{color:var(--ml-muted)}
.privacy-note{background:var(--ml-raised)}
.step,.kicker,.kicker.dark{color:var(--ml-gold-text)}
.progress{background:var(--ml-raised)}
.progress b{background:var(--ml-raised)}
.flow-aside>small{color:var(--ml-muted)}
.form-paper,.input-paper{border:1px solid var(--ml-line);background:var(--ml-surface);color:var(--ml-ink)}
.form-paper h2,.input-paper h2{color:var(--ml-ink)}
.form-paper label,.input-paper label{color:var(--ml-ink)}
.form-paper input,.input-paper input:not([type=radio]):not([type=checkbox]),.input-paper textarea{border:1px solid var(--ml-line);background:var(--ml-surface);color:var(--ml-ink)}
.form-paper label>small,.input-paper label>small,.data-hint{color:var(--ml-muted)}
.form-paper .tabs button{color:var(--ml-muted)}
.form-paper .tabs button[aria-selected=true]{border-bottom:2px solid var(--ml-line-gold);color:var(--ml-gold-text)}
.form-status{color:var(--ml-danger)}
.input-paper header p{color:var(--ml-gold-text)}
.input-paper .seal{background:var(--ml-raised);color:var(--ml-gold-text)}
.question-guides button{background:var(--ml-surface);border:1px solid var(--ml-line);color:var(--ml-gold-text)}
.card-choice .mini-card{background:var(--ml-surface)}
.card-choice .mini-card.selected{border-color:var(--ml-line-gold);background:transparent}
.mini-card span{color:var(--ml-gold-text)}
.card-choice>small{color:var(--ml-muted)}
.flow-head>p:last-child,.account-shell>header>p:last-child,.library-shell>header p,.policy-center>header>p:last-child{color:var(--ml-muted)}
.entry-product{background:var(--ml-surface);border:1px solid var(--ml-line)}
.entry-description>p{color:var(--ml-muted)}
.entry-description .eyebrow{color:var(--ml-gold-text)}
.entry-description .entry-price{color:var(--ml-ink)}
.entry-detail summary{color:var(--ml-gold-text)}
.entry-detail dt{color:var(--ml-muted)}
.depth-note{border-top:1px solid var(--ml-line)}
.depth-note p{color:var(--ml-muted)}
.service-notice{border-left:3px solid var(--ml-line-gold);background:var(--ml-raised);color:var(--ml-gold-text) !important}
.checkout-summary{color:var(--ml-ink)}
.checkout-summary>p{color:var(--ml-muted)}
.checkout-summary dl>div{border-bottom:1px solid var(--ml-line)}
.payment-paper{background:var(--ml-surface);border-top:3px solid var(--ml-line-gold)}
.payment-disclosure{border-color:var(--ml-line)}
.waiting{color:var(--ml-ink)}
.waiting p{color:var(--ml-muted)}
.result-night{background:transparent}
.result-toolbar{color:var(--ml-gold-text)}
.moon-letter{background:var(--ml-surface);color:var(--ml-ink)}
.report-cover{background:var(--ml-deep)}
.report-chapter{border-bottom:1px solid var(--ml-line)}
.report-chapter .evidence{background:var(--ml-surface);border-left:3px solid var(--ml-line);color:var(--ml-muted)}
.result-caution{background:var(--ml-surface);color:var(--ml-gold-text)}
.library-layout aside button{border-bottom:1px solid var(--ml-line);color:var(--ml-gold-text)}
.library-layout aside button.active{border-bottom:2px solid var(--ml-line-gold);color:var(--ml-gold-text)}
.library-content>p{color:var(--ml-muted)}
.featured-record{border-bottom:1px solid var(--ml-line);color:var(--ml-ink)}
.featured-record small{color:var(--ml-muted)}
.featured-record button{color:var(--ml-gold-text)}
.share-library{border-top:1px solid var(--ml-line)}
.share-library p{color:var(--ml-muted)}
.share-entry{border:1px solid var(--ml-line);color:var(--ml-gold-text)}
.share-entry.primary{background:var(--ml-gold);color:var(--ml-on-gold)}
.simple-table{background:var(--ml-surface)}
.simple-table .table-head{background:var(--ml-raised);color:var(--ml-gold-text)}
.settings-grid>section{background:var(--ml-surface);border:1px solid var(--ml-line)}
.settings-grid .deletion-notice{color:var(--ml-muted)}
.policy-grid article{border-top:1px solid var(--ml-line)}
.integration-notice{background:var(--ml-raised);border-left:3px solid var(--ml-line-gold);color:var(--ml-muted)}
@media(max-width:760px){.launch-mobile-nav{background:var(--ml-surface);border-top:1px solid var(--ml-line)}}
@media(max-width:760px){.launch-mobile-nav button{color:var(--ml-gold-text)}}
@media(max-width:760px){.launch-mobile-nav button[aria-current=page]{border-top:2px solid var(--ml-line-gold)}}
.app-view{background:var(--ml-surface)}
.flow-aside>p:not(.step){color:var(--ml-muted)}
.flow-aside>small,.flow-aside>small strong{color:var(--ml-muted)}
.site-footer .wordmark>span{color:var(--ml-gold-text)}
.auth-story>p:not(.kicker){color:var(--ml-muted)}
.pay-consent small{color:var(--ml-muted)}
.pay-method{background:var(--ml-surface);color:var(--ml-ink)}
.pay-method:hover{background:var(--ml-surface)}
.pay-status{color:var(--ml-gold-text)}
/* from seo-public.css */
.seo-public{background:transparent;color:var(--ml-ink)}
.seo-breadcrumb{color:var(--ml-muted)}
.seo-breadcrumb span{color:var(--ml-muted)}
.seo-product-copy .eyebrow{color:var(--ml-gold-text)}
.seo-product-copy h1{color:var(--ml-ink)}
.seo-product-copy .lede{color:var(--ml-muted)}
.seo-price strong{color:var(--ml-gold-text)}
.seo-price span{color:var(--ml-muted)}
.seo-product-art{background:transparent}
.seo-product-art figcaption{background:transparent;color:var(--ml-muted)}
.seo-details{background:var(--ml-raised);border:1px solid var(--ml-line)}
.seo-details article{background:var(--ml-surface)}
.seo-details small{color:var(--ml-gold-text)}
.seo-details p{color:var(--ml-muted)}
.seo-boundary{background:var(--ml-raised);color:var(--ml-muted)}
.seo-related{border-top:1px solid var(--ml-line)}
.seo-related a{color:var(--ml-gold-text)}

/* 3. hand-written surfaces shared by every view */
html{background:var(--ml-ground)}
body{background:var(--ml-ground);color:var(--ml-ink)}
::selection{background:rgba(224,192,122,.35);color:var(--ml-cream)}
:focus-visible{outline:2px solid var(--ml-gold-hi);outline-offset:3px}
.skip{background:var(--ml-gold);color:var(--ml-on-gold)}

/* header */
.site-nav,.site-nav.on-light,.site-nav.scrolled{background:rgba(15,19,48,.94);border-bottom:1px solid var(--ml-line-soft);color:var(--ml-soft);box-shadow:none;backdrop-filter:blur(8px)}
.site-nav .wordmark,.site-footer .wordmark{font-family:var(--ml-serif);font-weight:700;color:var(--ml-gold);letter-spacing:.02em}
.site-nav .sigil,.site-footer .sigil{color:var(--ml-gold)}
.site-nav nav a{color:var(--ml-soft)}
.site-nav nav a:hover,.site-nav nav a[aria-current],.site-nav nav a.active{color:var(--ml-gold-hi)}
.site-nav .nav-account,.nav-account{background:transparent;color:var(--ml-gold);border:1px solid var(--ml-gold-line);border-radius:0}
.site-nav .nav-account:hover{background:rgba(224,192,122,.1);color:var(--ml-gold-hi)}

/* footer */
.site-footer{background:var(--ml-deep);color:var(--ml-faint);border-top:1px solid var(--ml-line-soft)}
.site-footer p,.site-footer small{color:var(--ml-faint)}
.site-footer a{color:var(--ml-soft)}
.site-footer a:hover{color:var(--ml-gold-hi)}

/* type */
main h1,main h2,.view h1,.view h2,.seo-public h1,.seo-public h2{font-family:var(--ml-serif);font-weight:700;color:var(--ml-cream);letter-spacing:-.03em}
main h3,.view h3,.seo-public h3{color:var(--ml-cream)}
main p,.view p{color:inherit}
.kicker,.eyebrow,.step,.flow-head .step,.seo-breadcrumb{color:var(--ml-gold);letter-spacing:.16em}
.seo-breadcrumb a{color:var(--ml-gold-text)}
main a:not([class]){color:var(--ml-gold-text)}
main a:not([class]):hover{color:var(--ml-gold-hi)}
small,.form-status,.lede{color:var(--ml-muted)}

/* buttons */
.button,.quiet-button,.text-button{border-radius:0}
.button.primary,.button.ink,.button.violet,.primary{background:var(--ml-gold);color:var(--ml-on-gold);border:1px solid var(--ml-gold);font-weight:700}
.button.primary:hover,.button.ink:hover,.button.violet:hover{background:var(--ml-gold-hi);border-color:var(--ml-gold-hi);color:var(--ml-on-gold)}
.button.primary[disabled],.button[disabled]{background:var(--ml-raised);color:var(--ml-faint);border-color:var(--ml-line)}
.quiet-button,.button.quiet,.button:not(.primary):not(.ink):not(.violet){background:transparent;color:var(--ml-gold-text);border:1px solid var(--ml-gold-line)}
.quiet-button:hover,.button:not(.primary):not(.ink):not(.violet):hover{background:rgba(224,192,122,.1);color:var(--ml-gold-hi)}
.text-button{background:none;border:0;color:var(--ml-gold-text)}
.tabs [role=tab]{color:var(--ml-muted);border-color:var(--ml-line)}
.tabs [role=tab][aria-selected=true]{color:var(--ml-gold);border-color:var(--ml-gold)}

/* forms */
input:not([type=checkbox]):not([type=radio]),textarea,select{background:var(--ml-field);color:var(--ml-ink);border:1px solid var(--ml-line);border-radius:0}
input::placeholder,textarea::placeholder{color:#8d86a8}
input:focus,textarea:focus,select:focus{border-color:var(--ml-gold);outline:none;box-shadow:0 0 0 1px var(--ml-gold)}
input[type=checkbox],input[type=radio]{accent-color:var(--ml-gold)}
label{color:var(--ml-soft)}
fieldset{border-color:var(--ml-line)}

/* cards and papers: one surface + hairline, gold double frame on the main paper */
.form-paper,.input-paper,.payment-paper,.checkout-summary,.account-shell article,.library-layout,.product-card,.seo-details>*,.policy-center article,.state-page>*{border-radius:0}
.form-paper,.input-paper,.payment-paper{background:var(--ml-surface);border:1px solid var(--ml-line-gold);box-shadow:inset 0 0 0 6px var(--ml-surface),inset 0 0 0 7px var(--ml-line)}
.auth-story,.flow-aside,.form-side{background:transparent;color:var(--ml-ink)}
.auth-story img,.flow-aside img{border:1px solid var(--ml-line-gold)}
.library-actions .button+.button,.library-actions button+button{background:transparent;color:var(--ml-gold-text);border:1px solid var(--ml-gold-line)}
details summary{color:var(--ml-gold-text)}
hr{border-color:var(--ml-line)}
table th{color:var(--ml-gold)}
table td,table th{border-color:var(--ml-line)}
.service-notice,.notice,.review-ribbon{background:var(--ml-raised);color:var(--ml-gold-text);border-color:var(--ml-line-gold)}
img[src*="/brand/atelier/"]{filter:saturate(.9)}

/* standalone /saju and /tarot detail pages */
.seo-public{background:var(--ml-ground);color:var(--ml-ink)}
.seo-product-art img,.seo-product-art{border:1px solid var(--ml-line-gold);border-radius:0;background:var(--ml-surface);box-shadow:none}
.seo-price{font-family:var(--ml-serif);color:var(--ml-gold)}
.seo-details{background:transparent;border-color:var(--ml-line)}
.seo-details>*{background:var(--ml-surface);border-color:var(--ml-line)}
.seo-boundary{background:var(--ml-raised);color:var(--ml-muted);border-color:var(--ml-line-gold)}

/* pre-launch showcase (operations/showcase_prelaunch) */
.nav-soon{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;font-size:13px;color:var(--ml-gold-text);border:1px solid var(--ml-gold-line)}
.showcase-note{margin:0;font-size:13px;color:var(--ml-faint)}
.showcase-soon{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;font-size:15px;color:var(--ml-gold-text);border:1px solid var(--ml-gold-line)}

/* share skin picker (excluded from auto-convert because the swatches are painted art) */
.skin-fieldset legend small,.skin-note{color:var(--ml-faint)}
.skin-option{color:var(--ml-ink)}
.skin-option small{color:var(--ml-muted)}
.skin-swatch{border-color:var(--ml-line);background-color:var(--ml-surface)}
.skin-option[aria-pressed=true] .skin-swatch{outline-color:var(--ml-gold)}
.skin-swatch em{background:var(--ml-gold);color:var(--ml-on-gold)}
.skin-lock{background:rgba(11,14,36,.72);color:var(--ml-gold-text)}

/* state illustrations on the centred state views */
.waiting .state-art{margin:0 auto 14px;width:150px;height:150px}

/* round-3 art: login scene + rabbit poses */
.auth-story{position:relative}
.auth-story .auth-scene{display:block;width:100%;max-width:340px;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:0;margin-top:30px}
.auth-story .auth-rabbit{position:absolute;left:min(250px,62%);bottom:-18px;width:150px;height:auto;margin:0;border:0;border-radius:0;filter:drop-shadow(0 12px 22px rgba(5,7,20,.55))}
.flow-aside .flow-rabbit{display:block;width:170px;height:auto;margin:28px 0 0;border:0;filter:drop-shadow(0 12px 22px rgba(5,7,20,.5))}
.report-ending .ending-rabbit{display:block;width:140px;height:auto;margin:0 auto 10px;border:0}
@media(max-width:760px){
  .auth-story .auth-scene{display:none}
  .auth-story .auth-rabbit{position:static;display:block;width:110px;margin:10px 0 0}
  .flow-aside .flow-rabbit{display:none}
}
