/* stylelint-disable no-descending-specificity -- Independent page skins are intentionally grouped by context. */
/* The night-sky shell and the reading desk share one material language.
   Scoped overrides leave chart colors, exports and professional data intact. */
@font-face{font-family:QingwuBook;src:url('fonts/eb-garamond/QingwuGaramond-Regular.ttf') format('truetype');font-display:swap}
:root{--night:#07121e;--silver:#eee9dc;--mist:#b7c2c9;--bronze:#c6a574;--serif-display:QingwuBook,Georgia,serif;--serif-body:QingwuBook,Georgia,serif}
html{background:var(--night)}
body.mystic-page{background:radial-gradient(ellipse at 84% 10%,#173642 0,transparent 38%),radial-gradient(ellipse at 8% 35%,#102632 0,transparent 38%),var(--night);color:var(--ink);min-height:100vh}
.mystic-page>header{background:#091724;color:var(--silver);border-bottom:1px solid #334652;position:relative;z-index:10}
.mystic-page>header .bar,.mystic-page>header .library-bar,.mystic-page>header .room-top{padding-top:22px;padding-bottom:22px;gap:24px;flex-wrap:nowrap;position:relative}
.mystic-page>header .wordmark,.mystic-page>header .library-brand,.mystic-page>header .room-brand{color:var(--silver);font-family:QingwuBook,Georgia,serif;white-space:nowrap;font-size:28px;text-decoration:none}
.mystic-page>header .wordmark .name{font-size:28px}
.mystic-page>header .seal{width:31px;height:31px;line-height:32px;font-size:22px;opacity:.9}
.mystic-page>header nav{gap:0;flex-wrap:nowrap}
.mystic-page>header nav a,.mystic-page>header .nav-signin{font-family:system-ui,sans-serif;font-size:13px;letter-spacing:.015em;color:var(--silver);margin-left:23px;text-decoration:none;white-space:nowrap;border-color:transparent}
.mystic-page>header nav a:hover,.mystic-page>header nav a[aria-current="page"]{border-bottom-color:var(--bronze);color:#e6c693}
.mystic-page>header .nav-signin{border:1px solid #859496;padding:8px 14px}
.mystic-page>header .nav-signin:hover{background:#233847;color:var(--silver)}
.mystic-page .nav-toggle{background:transparent;border-color:#8a9aa5;padding:12px}
.mystic-page .nav-toggle span{background:var(--silver)}
.mystic-page>footer{background:#091724;color:var(--mist);border-color:#334652;margin-top:40px}
.mystic-page>footer .fine{color:var(--mist);font-family:system-ui,sans-serif;font-size:12px;line-height:1.8}
.mystic-page :focus-visible{outline:2px solid #b48d50;outline-offset:4px}
.mystic-page>header :focus-visible,.mystic-home :focus-visible{outline-color:#e7c89b}
.mystic-page:not(.mystic-home,.scroll-library,.scroll-room)>main.wrap{max-width:1064px;margin-top:0;margin-bottom:56px;padding:0 42px 42px;background:#f2ebdc url('img/qingwu-paper-field.svg');box-shadow:0 32px 70px #020b1266}
.mystic-page main.wrap>.pagehead{background:radial-gradient(ellipse at 82% 10%,#1d3a46,transparent 65%),#0c1c2a;color:var(--silver);margin:0 -42px 30px;padding:48px 42px 38px;border-bottom:1px solid #50616a}
.mystic-page .pagehead h1{font-family:QingwuBook,Georgia,serif;font-size:clamp(36px,4.5vw,54px);font-weight:400;line-height:1.12;margin-bottom:16px;color:var(--silver)}
.mystic-page .pagehead .lede{color:var(--mist);font-size:20px;line-height:1.55;max-width:37em;font-style:normal}
.mystic-page .pagehead .sib,.mystic-page .pagehead .verse,.mystic-page .pagehead .versesrc{color:#c2cbd0;font-size:16px;line-height:1.6}
.mystic-page .pagehead a{color:#ecd0a1}
.mystic-page .pagehead .verse{margin:0 0 12px}
.mystic-page .pagehead details{margin-top:15px;max-width:46em;color:#c8d1d4;font-size:16px}
.mystic-page .pagehead details summary{font-family:system-ui,sans-serif;font-size:12px;color:#eee9dc;cursor:pointer;text-underline-offset:4px}
.mystic-page .pagehead details p{margin-top:12px}
.mystic-page .panelhead{margin-top:22px}
.mystic-page .panelhead .plabel,.mystic-page .cell label,.mystic-page .tabsrow button,.mystic-page .btn,.mystic-page input,.mystic-page textarea,.mystic-page select{font-family:system-ui,sans-serif;font-size:15px}
.mystic-page input,.mystic-page textarea,.mystic-page select{border-color:#a69b85;min-height:44px;background:#faf6ec}
.mystic-page .cell .sub,.mystic-page .fieldnote,.mystic-page .costnote,.mystic-page .scope-note{color:#655c4d;font-size:15px;line-height:1.55;font-style:normal}
.mystic-page .panel{background:#f8f3e8;border-color:#c7b99e}
.mystic-page .btn{min-height:46px;padding:13px 22px;line-height:1.4}
.mystic-page .btn-primary{background:#8b302a;color:#fff8eb}
.mystic-page .btn-primary:hover{background:#70241e}
.mystic-page .tabsrow button{padding:14px 17px;min-height:46px}
.mystic-page .tabsrow button[aria-selected="true"]{border-bottom-color:#8b302a;color:#782921}
/* The same readable conversation desk follows all three readings. */
.mystic-page #ask-desk{padding:24px;margin:28px 0;background:#faf6ed;border:1px solid #b9a88c;border-radius:8px;min-width:0;box-shadow:0 8px 24px #3022160c}
.mystic-page .conversation-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.mystic-page #ask-desk .exlabel{font:26px/1.3 QingwuBook,Georgia,serif;margin:0;color:#302a22}
.mystic-page #ask-quota{font:13px/1.5 system-ui,sans-serif;background:#eee3cf;color:#504632;border-radius:16px;padding:7px 12px}
.mystic-page #ask-context{font:15px/1.6 system-ui,sans-serif;padding:12px 14px;background:#eee7d9;border-left:3px solid #ac8751;overflow-wrap:anywhere;margin:12px 0}
.mystic-page .conversation-intro,.mystic-page #ask-service{font:14px/1.6 system-ui,sans-serif;color:#655c4d;margin:10px 0}
.mystic-page #ask-service{color:#78372e}
.mystic-page #ask-thread{max-height:540px;max-height:60dvh;overflow:auto;overscroll-behavior:auto;padding:4px 8px 18px 0;margin:18px 0;scrollbar-color:#b2a386 #f2ebdc}
.mystic-page .askpair{margin:18px 0;min-width:0}
.mystic-page .ask-user{max-width:88%;margin-left:auto;padding:12px 16px;background:#ece0cb;border:1px solid #d1bea0;border-radius:12px 12px 2px;overflow-wrap:anywhere}
.mystic-page .message-speaker{display:block;font:12px/1.5 system-ui,sans-serif;color:#655c4d;margin-bottom:7px}
.mystic-page .askline{font:16px/1.6 system-ui,sans-serif;color:#302a22;border:0;padding:0;margin:0;white-space:pre-wrap}
.mystic-page .askreply{max-width:94%;padding:16px 18px;margin-top:12px;background:#fffaf0;border:1px solid #d7c9af;border-radius:12px 12px 12px 2px;overflow-wrap:anywhere}
.mystic-page .askreply p{font:18px/1.65 QingwuBook,Georgia,serif;margin:8px 0}
.mystic-page .askreply ul,.mystic-page .askreply ol{padding-left:1.4em;margin:12px 0;font:18px/1.65 QingwuBook,Georgia,serif}
.mystic-page .askreply li{margin:6px 0}
.mystic-page .askreply .ask-answer-heading{margin-top:16px}
.mystic-page .askreply code{font-size:.86em;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-height:480px){.mystic-page .askreply ul,.mystic-page .askreply ol{font-size:15px;line-height:1.35;margin:6px 0}.mystic-page .askreply li{margin:3px 0}}
.mystic-page .trace{font:12px/1.5 system-ui,sans-serif;color:#655c4d;margin:7px 0}
.mystic-page .ask-composer{padding-top:16px;border-top:1px solid #d7c9af}
.mystic-page #ask-input-label{display:block;font:14px/1.5 system-ui,sans-serif;margin-bottom:8px}
.mystic-page #ask-text{width:100%;min-height:86px;max-height:220px;padding:12px 14px;resize:vertical;font:16px/1.6 system-ui,sans-serif;color:#302a22;border:1px solid #a69b85;border-radius:5px}
.mystic-page .ask-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.mystic-page #ask-status,.mystic-page #ask-note{font:14px/1.6 system-ui,sans-serif;color:#655c4d;margin:10px 0 0;overflow-wrap:anywhere}
.mystic-page #ask-status:empty{display:none}
.mystic-page #ask-desk.conversation-complete #ask-text,.mystic-page #ask-desk.conversation-complete #ask-input-label,.mystic-page #ask-desk.conversation-complete #ask-send,.mystic-page #ask-desk.conversation-complete #ask-note{display:none}
.mystic-page #ask-desk [hidden]{display:none}
.mystic-page .ask-sources summary{cursor:pointer;font:13px/1.6 system-ui,sans-serif}
.mystic-page .ask-sources p{font:14px/1.6 system-ui,sans-serif}
.mystic-page .ask-retry{margin-top:8px}
.mystic-page .ask-failed .askreply{border-color:#a65c4b}
.mystic-page #ask-desk.conversation-expanded{position:fixed;inset:3dvh 5vw;z-index:1000;margin:0;display:flex;flex-direction:column;box-shadow:0 0 0 100vmax #07121ed9}
.mystic-page #ask-desk.conversation-expanded #ask-thread{flex:1;max-height:none;min-height:80px}
.mystic-page #ask-desk.conversation-expanded #ask-context{max-height:90px;overflow:auto;flex:none}
@media (max-height:480px){
  .mystic-page #ask-desk.conversation-expanded{inset:0;max-height:100dvh;padding:8px 12px calc(8px + env(safe-area-inset-bottom));overflow:hidden}
  .mystic-page #ask-desk.conversation-expanded .conversation-intro{display:none}
  .mystic-page #ask-desk.conversation-expanded .conversation-heading{margin:0;gap:6px;flex:none}
  .mystic-page #ask-desk.conversation-expanded .exlabel{font-size:18px;line-height:1.15}
  .mystic-page #ask-desk.conversation-expanded #ask-quota{font-size:11px;padding:3px 7px;white-space:nowrap}
  .mystic-page #ask-desk.conversation-expanded #ask-context{max-height:34px;margin:4px 0;padding:4px 8px;font-size:12px;line-height:1.3;overflow:auto;flex:none}
  .mystic-page #ask-desk.conversation-expanded #ask-service{font-size:11px;line-height:1.25;margin:3px 0;flex:none}
  .mystic-page #ask-desk.conversation-expanded #ask-thread{flex:1;min-height:32px;margin:4px 0;padding:2px 6px 4px 0}
  .mystic-page #ask-desk.conversation-expanded .askpair{margin:6px 0}
  .mystic-page #ask-desk.conversation-expanded .ask-user{padding:5px 8px}
  .mystic-page #ask-desk.conversation-expanded .askreply{padding:6px 8px;margin-top:4px}
  .mystic-page #ask-desk.conversation-expanded .askreply p{font-size:15px;line-height:1.35;margin:3px 0}
  .mystic-page #ask-desk.conversation-expanded .ask-composer{padding-top:5px;flex:none}
  .mystic-page #ask-desk.conversation-expanded #ask-input-label{font-size:12px;margin:0 0 3px}
  .mystic-page #ask-desk.conversation-expanded #ask-text{height:46px;min-height:42px;max-height:64px;padding:6px 8px;font-size:16px;line-height:1.25;resize:none}
  .mystic-page #ask-desk.conversation-expanded .ask-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:5px}
  .mystic-page #ask-desk.conversation-expanded .ask-actions .btn{min-height:34px;padding:6px;font-size:13px}
  .mystic-page #ask-desk.conversation-expanded #ask-status{font-size:11px;line-height:1.25;margin:3px 0 0;max-height:28px;overflow:auto}
  .mystic-page #ask-desk.conversation-expanded #ask-note{display:none}
  .mystic-page #ask-desk.conversation-expanded .ask-email{display:none}
}
@media (max-width:360px) and (max-height:380px){
  .mystic-page #ask-desk.conversation-expanded{padding:4px 8px calc(4px + env(safe-area-inset-bottom))}
  .mystic-page #ask-desk.conversation-expanded #ask-thread{min-height:16px;margin:2px 0}
  .mystic-page #ask-desk.conversation-expanded .ask-composer{padding-top:3px}
  .mystic-page #ask-desk.conversation-expanded #ask-text{height:40px;min-height:36px}
  .mystic-page #ask-desk.conversation-expanded .ask-actions{gap:4px;margin-top:3px}
  .mystic-page #ask-desk.conversation-expanded .ask-actions .btn{min-height:30px;padding:4px;font-size:12px}
}
body.conversation-open{overflow:hidden}
@media(max-width:550px){
  .mystic-page #ask-desk{padding:18px 14px}
  .mystic-page .ask-actions{display:grid;grid-template-columns:1fr;width:100%}
  .mystic-page .ask-actions .btn{width:100%;text-align:center}
  .mystic-page .ask-user,.mystic-page .askreply{max-width:100%}
  .mystic-page #ask-desk.conversation-expanded{inset:0;border-radius:0}
  .mystic-page #ask-desk.conversation-expanded .conversation-intro{display:none}
  .mystic-page #ask-desk.conversation-expanded .conversation-heading{gap:8px;margin-bottom:8px}
  .mystic-page #ask-desk.conversation-expanded #ask-context{font-size:13px;max-height:50px;margin:8px 0;padding:8px 10px}
  .mystic-page #ask-desk.conversation-expanded #ask-service{font-size:12px;margin:6px 0}
  .mystic-page #ask-desk.conversation-expanded #ask-thread{margin:10px 0;padding-bottom:10px}
  .mystic-page #ask-desk.conversation-expanded #ask-note{display:none}
  .mystic-page #ask-desk.conversation-expanded .ask-actions{grid-template-columns:1fr 1fr}
  .mystic-page #ask-desk.conversation-expanded .ask-actions .btn{padding:10px 8px;font-size:14px}
  .mystic-page #ask-desk.conversation-expanded #ask-text{height:76px;min-height:64px;max-height:120px}
  .mystic-page #ask-desk.conversation-expanded .ask-composer{padding-top:10px}
}
/* Preserve access to replies and controls even when compact styles cannot fit. */
.mystic-page #ask-desk.conversation-expanded{overflow:auto;overscroll-behavior:contain}
.mystic-page #ask-desk.conversation-expanded>*{flex-shrink:0}
.mystic-page #ask-desk.conversation-expanded #ask-thread{flex:1 0 120px;min-height:120px}
/* Six Lines: keep the coin animation, give the form and six rows room. */
.mystic-page .time-cast-note{font:15px/1.6 system-ui,sans-serif;grid-column:1/-1;border-right:0}
.mystic-page .time-cast-note p{margin:8px 0 14px}
.mystic-page .time-cast-note details{margin-top:14px}
.mystic-page .time-cast-note summary{cursor:pointer}
.mystic-page .recorded-choice{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:10px}
.mystic-page #mh-recorded{width:18px;height:18px;min-height:18px}
.mystic-page .meihua-recorded-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
@media(max-width:550px){.mystic-page .meihua-recorded-fields{grid-template-columns:1fr}}
.liuyao-page .method-name{font-size:.64em;white-space:nowrap;color:#c3ced3}
.liuyao-page .panelhead{padding:0 0 12px;align-items:start}
.liuyao-page .panelhead .pnote{font:14px/1.55 system-ui,sans-serif;max-width:28em;font-style:normal}
.liuyao-page .sheet{grid-template-columns:1fr;background:#faf6ed;border-color:#a69b85}
.liuyao-page .cell,.liuyao-page .cell.wide{grid-column:1;border-right:0;padding:16px 20px}
.liuyao-page textarea{resize:vertical;min-height:86px}
.liuyao-page select{width:100%;font-size:16px}
.liuyao-page .cast-clock{display:grid;grid-template-columns:1fr 1fr;min-width:0}
.liuyao-page .cast-clock .cell{grid-column:auto}
.liuyao-page .cast-clock .cell:first-child{border-right:1px solid var(--rule)}
.liuyao-page .clock-note{grid-column:1/-1;padding:0 20px 16px}
.liuyao-page .clock-note p{margin:8px 0}
.liuyao-page .clock-note>button{margin:4px 0 12px}
.liuyao-page .earlier-clock-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.liuyao-page #casting-earlier>label{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:12px}
.liuyao-page #casting-recorded{width:18px;min-height:18px;height:18px}
.liuyao-page #cast-status{font:15px/1.6 system-ui,sans-serif;overflow-wrap:anywhere;margin:0}
.liuyao-page .casting-location>button{align-self:start}
.liuyao-page .casting-location [hidden]{display:none}
.liuyao-page #casting-fold-box label{display:block;margin-bottom:8px}
.liuyao-page #casting-place-note{overflow-wrap:anywhere}
.liuyao-page details summary{cursor:pointer;font:15px/1.6 system-ui,sans-serif}
.liuyao-page .tossbox{grid-column:1;grid-template-columns:minmax(0,1fr) 230px;padding:24px 20px;gap:24px}
.liuyao-page .tcoins{height:88px;gap:24px;margin-bottom:18px}
.liuyao-page .tcoin3d{width:76px;height:76px}
.liuyao-page .cface svg{width:100%;height:100%;filter:drop-shadow(0 5px 3px #30221640)}
.liuyao-page .idlepanel{min-height:150px}
.liuyao-page .idletext{font-size:20px;line-height:1.55}
.liuyao-page .yline{grid-template-columns:88px minmax(46px,1fr) 42px;gap:6px 12px;min-height:48px}
.liuyao-page .yline>span:first-child{grid-column:1;grid-row:1;font-size:14px}
.liuyao-page .yline .glyph{grid-column:2;grid-row:1}
.liuyao-page .yline .faces{grid-column:3;grid-row:1;gap:3px}
.liuyao-page .yline .tag{grid-column:2/-1;grid-row:2;font:13px/1.4 system-ui,sans-serif;overflow-wrap:anywhere}
.liuyao-page .cast-progress{font:14px/1.5 system-ui,sans-serif;color:#655c4d}
.liuyao-page .btn:disabled{opacity:.7;cursor:wait}
.liuyao-page #btn-shake:disabled{cursor:default}
.liuyao-page #cast-reading{scroll-margin-top:24px}
.liuyao-page .reading{padding:24px;overflow-wrap:anywhere}
.liuyao-page .rule-passage h3{font-size:24px;font-weight:400}
.liuyao-page .rule-passage>p{font-size:18px;line-height:1.65}
.liuyao-page .rule-passage .scope-note{font-size:14px}
.liuyao-page .rule-details,.liuyao-page .classical-reference{border-top:1px solid var(--rule);padding-top:16px;margin:20px 0}
.liuyao-page .seat-scroll:focus-visible{outline-offset:-3px}
.liuyao-page .house{padding:22px 0}
.liuyao-page .house>p:first-of-type{margin-top:16px}
@media (max-width:900px){
  .liuyao-page .panelhead{flex-direction:column;gap:4px}
  .liuyao-page .cast-clock{grid-template-columns:1fr}
  .liuyao-page .cast-clock .cell:first-child{border-right:0}
  .mystic-page .tabsrow button{flex:1;padding:12px 8px;min-width:0;overflow-wrap:anywhere}
  .liuyao-page .cell,.liuyao-page .cell.wide{padding:14px}
  .liuyao-page .clock-note{padding:0 14px 14px}
  .liuyao-page .tossbox{grid-template-columns:1fr;padding:20px 14px;gap:18px}
  .liuyao-page .tcoins{gap:14px}
  .liuyao-page .tcoin3d{width:64px;height:64px}
  .liuyao-page .reading{padding:18px}
  .liuyao-page .yline{grid-template-columns:84px minmax(38px,1fr) 36px;gap:6px 8px}
  .liuyao-page .yline .tag{grid-column:1/-1}
}
.mystic-page .reading-point{background:#faf6ed;border-color:#c4b598}
.mystic-page .reading-point h3{font-weight:400;font-size:26px}
.mystic-page .reading-evidence summary,.mystic-page .reading-facet>summary{color:#40392d}
/* Homepage: near text, the original moving instrument, distant sea light. */
.mystic-home{color:var(--silver)}
.mystic-home>main{background:radial-gradient(ellipse at 83% 24%,#24475466,transparent 40%),radial-gradient(ellipse at 15% 74%,#1d384155,transparent 38%),linear-gradient(155deg,#08131f,#0c2030 52%,#07121e)}
.mystic-home .nighthome{position:relative;overflow:hidden;background:transparent;color:var(--silver)}
.mystic-home .nighthome::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,#dbe7ea99 0 1px,transparent 1.7px),radial-gradient(circle at 70% 42%,#a6c0c666 0 1px,transparent 1.6px);background-size:207px 229px,331px 347px;opacity:.45}
.mystic-home .hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:38px;position:relative;padding:48px 0 36px;min-height:660px}
.mystic-home .kicker,.mystic-home .section-kicker{font:11px/1.6 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#c0b395;margin:0 0 23px}
.mystic-home h1{font:400 clamp(45px,4.9vw,66px)/1.08 QingwuBook,Georgia,serif;letter-spacing:-.015em;max-width:10em;margin-bottom:24px;color:var(--silver)}
.mystic-home h1 em{font-weight:400;color:#dbc59f}
.mystic-home .lede{font:22px/1.5 QingwuBook,Georgia,serif;color:#c3ced3;max-width:27em;margin-bottom:28px}
.mystic-home .ctas{display:flex;gap:12px;flex-wrap:wrap}
.mystic-home .btn-gold{background:#d0b386;color:#101d25;border:1px solid #d0b386}
.mystic-home .btn-gold:hover{background:#e3cba5}
.mystic-home .btn-night{background:#10273644;border:1px solid #8faaa9;color:#f0ebdf}
.mystic-home .trynote{font:12px/1.8 system-ui,sans-serif;color:#bbc8cd;max-width:39em;margin-top:19px}
.mystic-home .instrument{display:flex;flex-direction:column;align-items:center;min-width:0}
.mystic-home .compass3d{width:100%;aspect-ratio:1;position:relative;touch-action:pan-y;cursor:grab;mask-image:radial-gradient(circle,#000 64%,transparent 73%)}
.mystic-home .compass3d canvas{display:block;position:absolute;inset:0;width:100%;height:100%;transition:opacity .25s}
.mystic-home .compass3d canvas[hidden]{display:none}
.mystic-home .compass-fallback{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;padding:0}
.mystic-home .compass3d[data-ready="true"] .compass-fallback{visibility:hidden}
.mystic-home .instrument-controls{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;font:11px/1.6 system-ui,sans-serif;color:#bbc8cd}
.mystic-home .instrument-controls button{background:transparent;border:1px solid #7f969b;color:#eae6dc;padding:9px 12px;cursor:pointer;font:12px system-ui,sans-serif;min-height:38px}
.mystic-home .cap{font:17px/1.6 QingwuBook,Georgia,serif;color:#c6d1d4;text-align:center;margin-top:17px}
.mystic-home .cap small{display:block;font:11px/1.7 system-ui,sans-serif;color:#bbc8cd}
.mystic-home .scroll-showcase{padding:34px 0 50px;background:transparent;border-top:0}
.mystic-home .showcase-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:64px;align-items:center}
.mystic-home .showcase-cover{max-width:270px;width:100%;height:auto;display:block;margin:auto;box-shadow:0 28px 65px #02070dbb;border:1px solid #53604d}
.mystic-home h2{font:400 clamp(34px,3.7vw,45px)/1.16 QingwuBook,Georgia,serif;margin-bottom:20px;color:var(--silver)}
.mystic-home .showcase-copy>p:not(.section-kicker){font-size:20px;line-height:1.6;color:#bdcbd0;margin-bottom:20px;max-width:30em}
.mystic-home .showcase-copy>p.showcase-note{font:13px/1.7 system-ui,sans-serif;margin-bottom:16px;color:#bbc8cd;max-width:36em}
.mystic-home .tradition-tags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px;list-style:none;font:14px/1.45 system-ui,sans-serif;color:#dec9a5}
.mystic-home .tradition-tags li{padding:12px 10px;border:1px solid #657875;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:72px}
.mystic-home .tradition-name{color:#ebcd98;font-weight:500}
.mystic-home .tradition-note{color:#c0cdd2;font-size:12px}
.mystic-home .showcase-copy a{color:#e6cda5;text-underline-offset:6px;font-size:18px}
.mystic-home .home-trust{padding:24px 0 32px;color:#bdcbd0;font:13px/1.7 system-ui,sans-serif}
.mystic-home .home-trust .wrap{display:flex;justify-content:center;align-items:center;gap:10px 24px;flex-wrap:wrap}
.mystic-home .home-trust a{color:#e6cda5;text-underline-offset:4px}
/* Saved works and their actual reading room. */
.mystic-page.scroll-library,.mystic-page.scroll-room{color:var(--silver);background:radial-gradient(ellipse at 85% 12%,#183742,transparent 38%),var(--night)}
.mystic-page .library-opening{border-color:#485b63;grid-template-columns:1fr 170px;padding:52px 0 36px}
.mystic-page .library-opening h1{font-family:QingwuBook,Georgia,serif;line-height:1.1;font-size:54px;color:var(--silver)}
.mystic-page .library-kicker,.mystic-page .library-note,.mystic-page .library-motto{color:#bdc9cf}
.mystic-page .library-opening img{background:transparent;border:0;padding:0;width:170px;display:block;filter:drop-shadow(0 0 20px #c7ab7033)}
.mystic-page .scroll-card{border-color:#9f8963}
.mystic-page .scroll-card h3{font-family:QingwuBook,Georgia,serif;font-size:30px}
.mystic-page .scroll-card-pages{background:#f2ebdc url('img/qingwu-paper-field.svg')}
.mystic-page .room-hero{background:radial-gradient(ellipse at 23% 40%,#2b4b4d66,transparent 52%),#0b1c29}
.mystic-page .room-hero h1{font-family:QingwuBook,Georgia,serif;font-size:52px;line-height:1.15;color:var(--silver)}
.mystic-page .hero-inside{padding-top:48px;padding-bottom:48px;grid-template-columns:290px 1fr;gap:65px}
.mystic-page .room-illustrated-cover{width:100%;max-width:290px}
.mystic-page .hero-kicker,.mystic-page .hero-copy{color:#c2ced3}
.mystic-page .room-index{background:#102532;border-color:#677875;color:var(--silver)}
.mystic-page .room-index h2{color:var(--silver);font-family:QingwuBook,Georgia,serif;font-size:27px}
.mystic-page .room-index .idx-sub{color:#c1cbd0;font-size:13px}
.mystic-page .contents-toggle{display:none}
.mystic-page .room-status{font-family:system-ui,sans-serif;font-size:14px}
@media(max-width:900px){
  .mystic-page .wrap{padding-left:24px;padding-right:24px}
  .mystic-page>header nav{display:none}
  .mystic-page>header nav.open{display:flex;position:absolute;top:100%;left:0;right:0;background:#0d2231;border:1px solid #4d6370;padding:10px 0;z-index:30}
  .mystic-page>header nav.open a{margin:0;padding:13px 24px;border:0;font-size:14px}
  .mystic-page>header nav.open a[aria-current="page"]{background:#203a48}
  .mystic-page>header .nav-signin{margin:0;border:0}
  .mystic-page>header .bar,.mystic-page>header .library-bar,.mystic-page>header .room-top{padding:18px 24px}
  .mystic-page:not(.mystic-home,.scroll-library,.scroll-room)>main.wrap{padding:0 24px 30px;margin-left:18px;margin-right:18px}
  .mystic-page main.wrap>.pagehead{margin:0 -24px 24px;padding:32px 24px 28px}
  .mystic-page .pagehead .lede{font-size:19px}
  .mystic-home .hero{grid-template-columns:1fr;gap:18px;padding:38px 0 28px;min-height:0}
  .mystic-home h1{font-size:45px;max-width:10em;margin-bottom:19px}
  .mystic-home .lede{font-size:21px;max-width:28em;margin-bottom:24px}
  .mystic-home .instrument{max-width:430px;width:100%;margin:auto}
  .mystic-home .compass3d{max-width:330px}
  .mystic-home .ctas .btn{flex:1;text-align:center;white-space:nowrap;padding-left:14px;padding-right:14px;font-size:13px}
  .mystic-home .showcase-grid{grid-template-columns:1fr;gap:36px}
  .mystic-home .showcase-cover{max-width:210px}
  .mystic-home .scroll-showcase{padding:22px 0 30px}
  .mystic-page .hero-inside{grid-template-columns:200px 1fr;gap:28px}
  .mystic-page .room-hero h1{font-size:39px}
  .mystic-page .room-illustrated-cover{max-width:220px}
  .mystic-page .room-index{padding:17px 20px}
  .mystic-page .contents-toggle{display:block;background:transparent;border:1px solid #9aacb4;color:#eee9dc;padding:10px 14px;cursor:pointer;font:13px system-ui,sans-serif;margin:12px 0}
  .mystic-page .room-index ol[hidden]{display:none}
}
@media(max-width:550px){
  .liuyao-page .earlier-clock-fields{grid-template-columns:1fr}
  .mystic-home h1{font-size:43px}
  .mystic-home .kicker{font-size:10px;margin-bottom:18px;letter-spacing:.16em}
  .mystic-home .tradition-tags{gap:8px;font-size:13px}
  .mystic-home .tradition-tags li{padding:10px 7px;min-height:80px}
  .mystic-home .tradition-note{font-size:11px}
  .mystic-home .home-trust .wrap{justify-content:flex-start;gap:8px}
  .mystic-page .library-opening{grid-template-columns:1fr 85px;gap:16px;padding-top:35px}
  .mystic-page .library-opening img{width:85px}
  .mystic-page .library-opening h1{font-size:42px}
  .mystic-page .library-intro{font-size:19px}
  .mystic-page .library-motto{font-size:16px}
  .mystic-page .hero-inside{display:flex;flex-direction:column-reverse;padding-top:28px;padding-bottom:28px;gap:24px}
  .mystic-page .room-illustrated-cover{max-width:190px}
  .mystic-page .room-hero h1{font-size:39px}
  .mystic-page .hero-copy{font-size:18px}
  .mystic-page .hero-strap{font-size:22px}
  .mystic-page .room-traditions{margin:12px 0}
  .mystic-page .room-help{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.mystic-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.mystic-page .pagehead .prose{color:#c5cfd4;font-size:20px;line-height:1.6}
.mystic-page .pagehead .kicker{font:12px/1.7 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#ddc397;margin:12px 0}
.mystic-home>footer{margin-top:0}
.mystic-page .signin{padding-top:14px}
.mystic-page .notfound{padding-top:60px}

.mystic-page>header nav a[hidden]{display:none}

.mystic-page .beat{background:radial-gradient(ellipse at 70% 25%,#1c3b46,transparent 55%),#0b1d2b;color:var(--silver)}
.mystic-page .daylight{background:#f2ebdc url("img/qingwu-paper-field.svg");color:#302c28}

/* Your Path borrows manuscript grain; the reading-room ornaments stay there. */
.mystic-page.path-page>main.wrap{background:none;box-shadow:none;padding-bottom:0}
.path-page main.wrap>.pagehead{padding-top:32px;padding-bottom:26px;margin-bottom:0;border-bottom:0}
.path-page .path-free{color:#c4ced2;font:13px/1.7 system-ui,sans-serif;margin-top:15px}
.path-page .path-paper{margin:0 -42px;padding:28px 42px 36px;color:#302a22;background-color:#f4efe3;background-image:linear-gradient(rgba(248,245,237,.72),rgba(248,245,237,.72)),url("img/qingwu-paper-field.svg");border:1px solid #b7aa92;box-shadow:0 20px 60px #020b1266}
.path-page .panelhead{padding:0 0 15px;margin:0;gap:15px}
.path-page .panelhead .pnote{font:13px/1.6 system-ui,sans-serif;color:#655c4d}
.path-page .panel{background:none;border:0}
.path-page .sheet{background:#faf6ed;border-color:#a69a82}
.path-page .sheet input,.path-page .sheet select{font-family:system-ui,sans-serif;font-size:16px}
.path-page .cell{padding:16px 18px}
.path-page .birthplace-cell{grid-column:1/-1;border-right:0}
.path-page .field-marker{font:11px/1.6 system-ui,sans-serif;color:#655c4d;margin-left:9px}
.path-page .birth-date-fields{border:0;padding:0;margin:0;min-width:0;width:100%}
.path-page .birth-date-fields legend{font:15px/1.5 system-ui,sans-serif;color:#655c4d;margin-bottom:8px}
.path-page .date-parts{display:grid;grid-template-columns:.55fr 1.3fr .9fr;gap:8px}
.path-page .date-parts>div{min-width:0}
.path-page .date-parts label{display:block;font:12px/1.5 system-ui,sans-serif;margin-bottom:5px}
.path-page .date-parts input,.path-page .date-parts select{width:100%;padding:9px 8px;font:16px system-ui,sans-serif}
.path-page .date-parts select{appearance:auto;background-image:none;padding-right:22px}
.path-page .date-error{color:#8b302a;font:14px/1.6 system-ui,sans-serif}
.path-page input[aria-invalid="true"]{border-color:#8b302a}
.path-page .gender-setting{display:grid;grid-template-columns:140px minmax(0,260px);gap:8px 16px;align-items:center;margin-top:18px}
.path-page .gender-setting label{font:15px/1.6 system-ui,sans-serif}
.path-page .gender-setting .fieldnote{grid-column:1/-1;margin-top:0}
.path-page .calculation-help{margin-top:17px;font-size:16px}
.path-page .calculation-help summary{cursor:pointer}
.path-page .calculation-help .fieldnote{margin-top:10px}
.path-page .path-next{margin-top:30px;padding-top:20px;border-top:1px solid #c7b99e;font-size:17px}
.path-page .path-next a{color:#40392d;text-underline-offset:4px}
.path-page .costnote a{color:#544333;text-underline-offset:3px}
.path-page .life-context{margin-bottom:12px}
.path-page .life-context>summary{font-size:19px}
.path-page .castrow{margin-top:20px}
@media(max-width:900px){
  .mystic-page.path-page>main.wrap{padding-left:20px;padding-right:20px}
  .path-page main.wrap>.pagehead{margin-left:-20px;margin-right:-20px;padding:26px 20px 24px}
  .path-page .path-paper{margin-left:-20px;margin-right:-20px;padding:24px 20px 30px}
  .path-page .cell{padding:15px 14px}
  .path-page .panelhead{align-items:flex-start;flex-direction:column;gap:4px}
}
@media(max-width:550px){
  .path-page .gender-setting{grid-template-columns:1fr}
  .path-page .birth-date-fields legend{font-size:15px}
}
@media(max-width:380px){
  .path-page .date-parts{grid-template-columns:58px minmax(0,1fr)}
  .path-page .date-parts>div:last-child{grid-column:1/-1;max-width:110px}
}