:root{--ritual-paper:var(--paper,#f4f1e8);--ritual-bright:var(--paper-bright,#fbf8f0);--ritual-ink:var(--ink,#293c36);--ritual-muted:var(--ink-70,#5d665e);--ritual-gold:#7e6b45;--ritual-action:#355e50;}
html body.yj-tab-qigua #app.ritual-page{position:fixed;inset:0;display:flex;flex-direction:column;max-width:none;margin:0;padding:0;overflow:hidden;background:var(--ritual-paper);color:var(--ritual-ink);opacity:1;visibility:visible;pointer-events:auto;transform:none;}
html body.yj-tab-qigua #app.ritual-page{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html body.yj-tab-qigua #app .ritual-header{flex:0 0 auto;min-height:44px;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 4px;display:flex;justify-content:space-between;align-items:center;}
html body.yj-tab-qigua #app .ritual-body{flex:1 1 0%;min-height:0;overflow:auto;padding:0 16px calc(92px + env(safe-area-inset-bottom,0px));}
html body.yj-tab-qigua #app .ritual-layout{width:100%;max-width:1100px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;}
html body.yj-tab-qigua #app .ritual-context{min-width:0;}
html body.yj-tab-qigua #app #questionDisplay{margin:0;padding:0;border:0;box-shadow:none;background:none;min-height:0;text-align:left;}
html body.yj-tab-qigua #app #questionDisplayText{font-size:var(--type-body)!important;font-weight:400!important;line-height:1.6!important;-webkit-line-clamp:2;text-align:left;}
html body.yj-tab-qigua #app .ritual-label{font-size:var(--type-note);color:var(--ritual-muted);}
html body.yj-tab-qigua #app .ritual-progress-text{margin:4px 0;font-size:var(--type-note);line-height:1.5;color:var(--ritual-muted);}
html body.yj-tab-qigua #app #stage{width:100%;height:350px;min-height:288px;max-width:none;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;isolation:isolate;touch-action:none;}
html body.yj-tab-qigua #app #stage::before,html body.yj-tab-qigua #app #stage::after{content:none;}
html body.yj-tab-qigua #app #stageInkPond{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:1;z-index:0;}
html body.yj-tab-qigua #app #canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;}
html body.yj-tab-qigua #app .ritual-water-column{min-width:0;display:contents;}
html body.yj-tab-qigua #app .ritual-yao{grid-row:3;min-height:90px;z-index:4;}
html body.yj-tab-qigua #app #hexagram{display:flex;flex-direction:column-reverse;justify-content:space-between;width:132px;height:88px;min-height:88px;margin:0 auto;visibility:visible;}
html body.yj-tab-qigua #app .ritual-status{margin:0;min-height:1.8em;text-align:center;font-size:var(--type-body);line-height:1.8;color:var(--ritual-ink);}
html body.yj-tab-qigua #app .ritual-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
html body.yj-tab-qigua #app button{font-size:var(--type-control,var(--type-body));font-family:var(--book-font);min-height:44px;min-width:44px;}
html body.yj-tab-qigua #app .ritual-controls button{position:static;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border:1px solid #b8b9aa;border-radius:2px;background:transparent;color:var(--ritual-ink);box-shadow:none;}
html body #yjRitualIntro{background:rgba(244,241,232,.94)!important;backdrop-filter:none;transition:opacity 280ms;overflow:auto;}
html body #yjRitualIntro .yj-intro-stack{width:min(100% - 40px,600px);margin:auto;padding:32px 0;gap:24px;}
html body #yjRitualIntro .yj-intro-q-card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
html body #yjRitualIntro .yj-intro-q-text{font-size:var(--type-question,var(--type-card));font-weight:400;font-family:var(--book-font);line-height:1.7;color:var(--ritual-ink);}
html body #yjRitualIntro .yj-intro-guide{font-size:var(--type-body);line-height:1.8;color:var(--ritual-muted);}
html body #yjRitualIntro .yj-intro-next{min-height:44px;padding:8px 28px;font-size:var(--type-body);border:1px solid var(--ritual-ink);border-radius:2px;background:transparent;color:var(--ritual-ink);box-shadow:none;}
@media(min-width:1100px){
 html body.yj-tab-qigua #app .ritual-header{width:1100px;max-width:calc(100% - 40px);margin:0 auto;padding-inline:0;}
 html body.yj-tab-qigua #app .ritual-layout{grid-template-columns:240px minmax(0,660px) 92px;gap:32px;align-items:start;padding-top:30px;}
 html body.yj-tab-qigua #app .ritual-water-column{display:grid;gap:12px;}
 html body.yj-tab-qigua #app #stage{height:500px;}
 html body.yj-tab-qigua #app .ritual-yao{grid-row:auto;align-self:center;min-height:220px;}
 html body.yj-tab-qigua #app #hexagram{width:88px;height:188px;min-height:188px;}
}
@media(min-width:760px) and (max-width:1099px){
 html body.yj-tab-qigua #app .ritual-layout{grid-template-columns:210px minmax(288px,1fr);gap:20px;}
 html body.yj-tab-qigua #app .ritual-context{grid-row:1/4;}
 html body.yj-tab-qigua #app .ritual-water-column{display:contents;}
 html body.yj-tab-qigua #app #stage{height:360px;}
 html body.yj-tab-qigua #app .ritual-yao{grid-column:2;grid-row:auto;}
}
@media(max-width:359px){html body.yj-tab-qigua #app .ritual-body{padding-inline:16px;}html body.yj-tab-qigua #app #stage{height:288px;}}
/* The last stylesheet owns only the question, ritual, confirmation and reading. */
html body #app [hidden],html body #divinationProgress[hidden],html body #progressToast[hidden],html body .ritual-help[hidden]{display:none!important;}
html.theme-yaji body.yj-tab-qigua #app.ritual-page{max-width:none!important;width:100%!important;padding:0!important;gap:0!important;align-items:stretch!important;justify-content:flex-start!important;z-index:140;}
html.theme-yaji body.yj-tab-qigua #app .ritual-header{background:var(--ritual-paper);border:0;position:relative;min-height:48px;box-sizing:border-box;}
html.theme-yaji body.yj-tab-qigua #app .ritual-heading{font:300 var(--type-page,26px)/1.5 var(--title-font,var(--book-font));letter-spacing:0;}
html.theme-yaji body.yj-tab-qigua #app .ritual-header button{border:0;background:none;color:var(--ritual-muted);padding:6px 0 6px 16px;font-size:var(--type-control,var(--type-body));}
html.theme-yaji body.yj-tab-qigua #app #questionDisplay{display:block!important;max-width:none!important;opacity:1;transform:none;border:0!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;}
html.theme-yaji body.yj-tab-qigua #app #questionDisplay::before,html.theme-yaji body.yj-tab-qigua #app #questionDisplay::after{content:none;}
html.theme-yaji body.yj-tab-qigua #app #questionDisplayText{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;opacity:1!important;transform:none!important;font:400 var(--type-body)/1.6 var(--book-font)!important;color:var(--ritual-ink)!important;}
html.theme-yaji body.yj-tab-qigua #app .question-display-expand-hint{display:none;position:static;min-height:44px;border:0;background:none;color:var(--ritual-muted);font-size:var(--type-control,var(--type-body));text-align:left;padding:0;}
html.theme-yaji body.yj-tab-qigua #app #questionDisplay.is-clamped .question-display-expand-hint{display:inline-block;}
html.theme-yaji body.yj-tab-qigua #app #stage{position:relative;height:350px!important;aspect-ratio:auto!important;max-width:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;overflow:hidden;background:none!important;order:initial!important;}
html.theme-yaji body.yj-tab-qigua #app .ritual-status{font:400 var(--type-body)/1.7 var(--book-font);color:var(--ritual-ink);letter-spacing:0;min-width:0;}
html.theme-yaji body.yj-tab-qigua #app .ritual-controls button{font:400 var(--type-control,var(--type-body))/1.6 var(--book-font);}
html.theme-yaji body.yj-tab-qigua #app .ritual-controls svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;margin-right:6px;}
html.theme-yaji body.yj-tab-qigua #app .ritual-restart{width:auto;opacity:1;visibility:visible;}
html.theme-yaji body.yj-tab-qigua #app #hexagram{opacity:1!important;visibility:visible!important;order:initial!important;gap:8px!important;padding:5px 0!important;border:0!important;background:none!important;}
html.theme-yaji body.yj-tab-qigua #app #hexagram .line-slot{position:relative;flex:1;display:flex;justify-content:center;align-items:center;gap:12px;height:6px!important;min-height:4px;padding:0;border:0;background:none;}
html.theme-yaji body.yj-tab-qigua #app #hexagram .line-segment{height:4px!important;border-radius:2px!important;background:#405e50!important;box-shadow:none!important;flex:1;}
html.theme-yaji body.yj-tab-qigua #app #hexagram .line-slot:not(.active) .line-segment{flex:none;width:46%!important;background:#a9b0a0!important;opacity:.55!important;height:2px!important;}
html.theme-yaji body.yj-tab-qigua #app #hexagram .line-slot.changing .line-segment{background:#405e50!important;animation:none!important;}
html.theme-yaji body.yj-tab-qigua #app #hexagram .line-slot.changing::after{content:none;}
html.theme-yaji body.yj-tab-qigua #app .ritual-changing-mark{position:absolute;left:calc(100% + 10px);white-space:nowrap;font:400 var(--type-note)/1.1 var(--book-font);color:var(--ritual-ink);}
html.theme-yaji body.yj-tab-qigua #app .ritual-complete-name{margin:12px 0 0;text-align:center;color:var(--ritual-ink);font:300 var(--type-card)/1.6 var(--title-font,var(--book-font));}
.ink-pond-stage-fallback{position:absolute;inset:0!important;z-index:0;pointer-events:none;}
.ink-pond-stage-fallback img,.ink-pond-fallback img{width:100%;height:100%;object-fit:contain;}
html body #questionOverlay{padding:0!important;overflow:hidden!important;display:none;align-items:stretch;justify-content:stretch;background:var(--ritual-paper)!important;}
html body #questionOverlay.visible{display:flex;}
html body #questionOverlay .ritual-question-body{width:100%;flex:1 1 0%;min-height:0;overflow:auto;padding:calc(20px + env(safe-area-inset-top,0px)) 24px calc(104px + env(safe-area-inset-bottom,0px));box-sizing:border-box;}
html body #questionOverlay .question-card.ink-pond-question{width:100%;max-width:1080px!important;margin:0 auto!important;gap:56px;}
html body #questionOverlay .ink-pond-hero{border:0!important;background:none!important;padding:0!important;position:relative!important;}
html body #questionOverlay #inkPondTitle{font:300 var(--type-heading)/1.4 var(--title-font,var(--book-font))!important;letter-spacing:0!important;writing-mode:horizontal-tb!important;}
html body #questionOverlay .ink-pond-water{margin:0!important;width:100%!important;height:340px;flex-basis:340px;}
html body #questionOverlay .ink-pond-form{padding:12px 0;}
html body #questionOverlay .ink-pond-form .question-title{font:300 var(--type-page)/1.5 var(--title-font,var(--book-font))!important;margin:0 0 12px!important;letter-spacing:0!important;}
html body #questionOverlay .ink-pond-form .question-subtitle{font:400 var(--type-body)/1.85 var(--book-font)!important;margin:0 0 20px!important;}
html body #questionOverlay .ink-pond-form :is(.quick-question,.question-divider,#questionInput,.question-btn){font-size:var(--type-control,var(--type-body))!important;font-weight:400!important;letter-spacing:0!important;}
html body #questionOverlay .ink-pond-form .quick-questions{margin-bottom:20px!important;}
html body #questionOverlay .ink-pond-form .quick-question{min-height:44px;}
html body #questionOverlay .ink-pond-form #questionInput{font-size:var(--type-body)!important;line-height:1.85!important;}
html body #questionOverlay .ink-pond-footer :is(p,button){font:400 var(--type-control,var(--type-body))/1.6 var(--book-font);}
html body #questionOverlay .ink-pond-caption{color:var(--ritual-muted);}
html body #questionOverlay #questionCounter{font-size:var(--type-note)!important;color:var(--ritual-muted);}
html body #yjRitualIntro{display:flex;align-items:center;justify-content:center;background:var(--ritual-paper)!important;padding:24px!important;overflow:hidden!important;box-sizing:border-box;}
html body #yjRitualIntro .yj-intro-stack{display:flex;flex-direction:column;align-items:stretch;max-height:100%;width:min(100%,620px);overflow:auto;padding:20px 0!important;gap:24px;box-sizing:border-box;}
html body #yjRitualIntro .yj-intro-q-card{padding:0!important;box-shadow:none!important;border:0!important;border-radius:0!important;background:none!important;}
html body #yjRitualIntro .yj-intro-q-text{margin:10px 0 0!important;color:var(--ritual-ink)!important;font:400 var(--type-question,var(--type-card))/1.7 var(--book-font)!important;text-align:left!important;}
html body #yjRitualIntro .yj-intro-q-label{font:400 var(--type-note)/1.6 var(--book-font);color:var(--ritual-muted);font-style:normal;}
html body #yjRitualIntro .yj-intro-guide{margin:0!important;text-align:left!important;color:var(--ritual-muted)!important;font:400 var(--type-body)/1.85 var(--book-font)!important;max-width:none!important;}
html body #yjRitualIntro .yj-intro-next{align-self:flex-start;border-radius:4px!important;box-shadow:none!important;background:var(--ritual-action)!important;border-color:var(--ritual-action);color:var(--ritual-bright)!important;font:400 var(--type-control,var(--type-body))/1.6 var(--book-font)!important;min-height:44px;padding:10px 24px;}
.ritual-help{position:fixed;inset:0;z-index:2200;display:flex;align-items:flex-end;justify-content:center;background:var(--ritual-paper);padding:24px;box-sizing:border-box;}
.ritual-help-sheet{width:100%;max-width:680px;max-height:90dvh;display:flex;flex-direction:column;background:var(--ritual-bright);border:1px solid #c3c6b7;box-shadow:none;}
.ritual-help-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;}
html.theme-yaji .ritual-help-header h2{font:300 var(--type-page)/1.5 var(--title-font,var(--book-font));font-family:var(--title-font,var(--book-font))!important;letter-spacing:normal;margin:0;color:var(--ritual-ink);}
.ritual-help-close{min-width:44px;min-height:44px;border:0;background:none;color:var(--ritual-ink);font:400 var(--type-control,var(--type-body))/1.6 var(--book-font);}
.ritual-help-body{min-height:0;overflow:auto;padding:0 24px calc(24px + env(safe-area-inset-bottom,0px));color:var(--ritual-ink);font:400 var(--type-body)/1.85 var(--book-font);}
.ritual-help-step{display:flex;gap:16px;margin:0 0 20px;}.ritual-help-step span{color:var(--ritual-muted);font-variant-numeric:tabular-nums;}
.ritual-help-classics{margin-top:28px;border-top:1px solid #d1d3c4;padding-top:16px;}.ritual-help-classics summary{min-height:44px;cursor:pointer;}
.ritual-help-classics h3{font:400 var(--type-card)/1.6 var(--book-font);margin:28px 0 8px;}.ritual-help-classics p{margin:8px 0;}
@media(min-width:1100px){html.theme-yaji body.yj-tab-qigua #app #stage{height:500px!important;}html.theme-yaji body.yj-tab-qigua #app .ritual-body{padding-inline:24px;}html.theme-yaji body.yj-tab-qigua #app .ritual-changing-mark{position:static;font-size:var(--type-note);width:40px;white-space:normal;margin-left:4px;}html.theme-yaji body.yj-tab-qigua #app #hexagram .line-slot{min-height:24px;}html.theme-yaji body.yj-tab-qigua #app #hexagram .line-slot.changing .line-segment{min-width:12px;}html.theme-yaji body.yj-tab-qigua #app .ritual-yao{min-width:0;}}
@media(max-width:767px){html body #questionOverlay .question-card.ink-pond-question{display:flex;flex-direction:column;gap:20px;}html body #questionOverlay .ink-pond-form{order:0;padding:0;}html body #questionOverlay .ink-pond-hero{order:1;}html body #questionOverlay .ink-pond-heading{display:none;}html body #questionOverlay .ink-pond-water{height:148px!important;flex-basis:148px;}html body #questionOverlay .ink-pond-footer{padding-bottom:8px;}html body #questionOverlay .ink-pond-form .question-title{font-size:var(--type-page)!important;}html body #questionOverlay .ink-pond-form #questionInput{min-height:100px;height:auto;}html body .ritual-help{padding:12px;}}
@media(max-width:359px){html.theme-yaji body.yj-tab-qigua #app #stage{height:288px!important;}html body #questionOverlay .ritual-question-body{padding-inline:16px;}}
@media(min-width:760px) and (max-width:1099px){html.theme-yaji body.yj-tab-qigua #app #stage{height:360px!important;}}
@media(prefers-reduced-motion:reduce){html body #yjRitualIntro{transition:none;}}
html.theme-yaji body.yj-tab-qigua #app #questionDisplayText{text-align:left!important;-webkit-text-fill-color:var(--ritual-ink)!important;}
html.theme-yaji body.yj-tab-qigua #app #restartBtn{width:auto!important;max-width:none!important;height:auto!important;border-radius:4px!important;padding:6px 12px!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #b8b9aa!important;box-shadow:none!important;font:400 var(--type-control,var(--type-body))/1.6 var(--book-font)!important;font-style:normal!important;white-space:nowrap;}
html.theme-yaji body.yj-tab-qigua #app #restartBtn svg{display:none;}
html.theme-yaji body.yj-tab-qigua #app .ink-pond-toggle{border-radius:4px!important;}
html body #interpPanel{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;overflow:hidden!important;background:var(--ritual-paper)!important;background-image:none!important;padding:0!important;max-height:none!important;}
html body #interpPanel.visible{display:flex;}
html body #interpPanel.interpretation-panel .interp-reading-body{flex:1 1 0%;width:100%;max-width:680px;min-height:0;overflow:auto;box-sizing:border-box;margin:0 auto;padding:calc(44px + env(safe-area-inset-top,0px)) 24px calc(104px + env(safe-area-inset-bottom,0px));}
html body #interpPanel #closeInterp{position:absolute;top:calc(6px + env(safe-area-inset-top,0px));right:max(12px,calc((100% - 680px)/2));width:44px;height:44px;min-width:44px;min-height:44px;border:0!important;background:none!important;color:var(--ritual-ink)!important;box-shadow:none!important;font-style:normal;font-size:26px;z-index:4;}
html body #interpPanel .interp-header{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:20px;padding:0!important;margin:0 0 28px!important;text-align:left!important;}
html body #interpPanel #interpHexVisual{width:64px;height:88px;min-height:88px;display:flex;flex-direction:column-reverse;justify-content:space-between;gap:8px;margin:0!important;padding:4px 0;box-sizing:border-box;}
html body #interpPanel .interp-hex-line{position:relative;display:flex;justify-content:center;align-items:center;gap:8px;height:5px;min-height:5px;margin:0!important;}
html body #interpPanel .interp-hex-segment{height:4px!important;flex:1;border-radius:2px!important;background:#405e50!important;box-shadow:none!important;}
html body #interpPanel .interp-hex-line.changing::after{position:absolute;left:calc(100% + 3px);font:400 11px/1 var(--book-font);color:var(--ritual-ink);}
html body #interpPanel .interp-hex-line[data-value="6"]::after{content:'×';}
html body #interpPanel .interp-hex-line[data-value="9"]::after{content:'○';}
html body #interpPanel #interpName{font:300 var(--type-heading)/1.4 var(--title-font,var(--book-font))!important;color:var(--ritual-ink)!important;letter-spacing:0!important;margin:0 0 6px!important;}
html body #interpPanel #interpFull{font:400 var(--type-body)/1.7 var(--book-font)!important;color:var(--ritual-muted)!important;letter-spacing:0!important;}
html body #interpPanel .interp-changing-note{font:400 var(--type-note)/1.6 var(--book-font);color:var(--ritual-muted);margin:4px 0 0;}
html body #interpPanel :is(.answer-section,.interp-section){padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0 0 28px!important;}
html body #interpPanel :is(.answer-question,.answer-direction,.answer-explanation,.interp-section-content,.nianxin-hero-desc,.reading-save-note){font:400 var(--type-body)/1.9 var(--book-font)!important;color:var(--ritual-ink)!important;letter-spacing:0!important;text-align:left!important;}
html body #interpPanel .result-kind{font:400 var(--type-control,var(--type-body))/1.6 var(--book-font);color:var(--ritual-muted);margin:0 0 16px;}
html body #interpPanel .answer-question{font:400 var(--type-question,var(--type-card))/1.7 var(--book-font)!important;margin:0 0 20px!important;border:0!important;padding:0!important;}
html body #interpPanel .answer-direction{margin:0 0 12px!important;}
html body #interpPanel .interp-section-title{font:400 var(--type-card)/1.6 var(--book-font)!important;color:var(--ritual-ink)!important;letter-spacing:0!important;margin:0 0 12px!important;}
html body #interpPanel .reading-save-note{padding:0!important;border:0!important;box-shadow:none!important;margin:0 0 28px!important;background:none!important;color:var(--ritual-muted)!important;}
html body #interpPanel .nianxin-entry-card{margin:0 0 24px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;}
html body #interpPanel .nianxin-hero{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;}
html body #interpPanel .nianxin-hero::before,html body #interpPanel .nianxin-hero::after{content:none!important;}
html body #interpPanel :is(.nianxin-hero-avatar,.nianxin-hero-badge){display:none!important;}
html body #interpPanel .nianxin-hero-title{font:400 var(--type-card)/1.6 var(--book-font)!important;color:var(--ritual-ink)!important;letter-spacing:0!important;text-align:left;}
html body #interpPanel .nianxin-hero-desc{margin:8px 0 16px!important;}
html body #interpPanel .nianxin-hero-cta-row{width:100%;min-height:48px;border:0!important;border-radius:4px!important;background:var(--ritual-action)!important;color:var(--ritual-bright)!important;box-shadow:none!important;}
html body #interpPanel .nianxin-hero-cta-text{font:400 var(--type-control,var(--type-body))/1.6 var(--book-font)!important;color:var(--ritual-bright)!important;letter-spacing:0!important;}
html body #interpPanel :is(.conclusion-share-btn,.deep-layer-toggle){font:400 var(--type-control,var(--type-body))/1.6 var(--book-font)!important;min-height:44px;color:var(--ritual-ink)!important;border:1px solid #b8b9aa!important;border-radius:4px!important;background:none!important;box-shadow:none!important;}
html body #questionDisplayFull{background:var(--ritual-paper)!important;backdrop-filter:none!important;}
html body #questionDisplayFull .question-display-full-inner{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;}
html body #questionDisplayFull .question-display-full-text{font:400 var(--type-question,var(--type-card))/1.7 var(--book-font)!important;color:var(--ritual-ink)!important;}
@media(max-width:359px){html body #interpPanel.interpretation-panel .interp-reading-body{padding-inline:16px;}html body #interpPanel .interp-header{gap:16px;}}
html body.yj-tab-qigua #app.ritual-page #hexagram .line-slot.active .line-segment{background:#405e50!important;box-shadow:none!important;}
html body #interpPanel{z-index:400;}
html.theme-yaji body #questionOverlay #inkPondTitle{font:300 var(--type-heading)/1.4 var(--title-font)!important;}
html.theme-yaji body #questionOverlay .ink-pond-form .question-title{font:300 var(--type-page)/1.5 var(--title-font)!important;}
@media(min-width:760px) and (max-height:500px){
 html body #questionOverlay .ink-pond-hero{height:auto;align-self:start;justify-content:flex-start!important;}
 html body #questionOverlay .ink-pond-heading{display:none!important;}
 html body #questionOverlay .ink-pond-water{height:150px!important;flex:0 0 150px!important;}
}
html.theme-yaji body #questionOverlay{--pond-ink:var(--ritual-ink);--pond-muted:var(--ritual-muted);--pond-surface:var(--ritual-bright);--pond-control:var(--ritual-bright);}
html.theme-yaji body.yj-tab-qigua #app #hexagram .line-slot{width:100%!important;opacity:1!important;}
@media(min-width:1100px){
 html body.yj-tab-qigua #app .ritual-layout{grid-template-columns:240px minmax(0,660px) 144px;}
 html.theme-yaji body.yj-tab-qigua #app #hexagram{margin-left:0!important;margin-right:0!important;}
 html.theme-yaji body.yj-tab-qigua #app .ritual-changing-mark{position:absolute;left:calc(100% + 6px);width:auto;margin:0;white-space:nowrap;}
 html.theme-yaji body.yj-tab-qigua #app .ritual-complete-name{width:88px;}
}
@keyframes ritual-ink-settle{from{opacity:.76;}to{opacity:1;}}
html body.yj-tab-qigua #app .ritual-hex-complete{animation:ritual-ink-settle 700ms ease-out both;}
@media(prefers-reduced-motion:reduce){html body.yj-tab-qigua #app .ritual-hex-complete{animation:none;}}

/* Shared teaching marks stay on paper; the live pool keeps a single status. */
html body :is(#questionOverlay,#interpPanel) [hidden],html body #yjRitualGuide[hidden]{display:none!important;}
.ritual-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
.ritual-header-actions,.ritual-intro-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;}
html body :is(.ritual-locale-button,.yj-intro-back){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 10px;border:0;background:none;color:var(--ritual-ink);font:400 var(--type-control,var(--type-body))/1.6 var(--book-font);letter-spacing:0;cursor:pointer;}
html body :is(.ritual-locale-button,.yj-intro-back):focus-visible{outline:2px solid #355e50;outline-offset:2px;}
html body #app .ritual-header{gap:12px;}
html body #app #ritualHelpButton{min-height:44px;padding:8px 4px;white-space:normal;font-size:var(--type-control,var(--type-body));}
html body #yjRitualIntro{padding:calc(16px + env(safe-area-inset-top,0px)) 24px calc(16px + env(safe-area-inset-bottom,0px))!important;}
html body #yjRitualIntro .yj-intro-stack{min-height:0;gap:24px;}
html body #yjRitualIntro .ritual-intro-header{margin-bottom:12px;}
html body #yjRitualIntro .yj-intro-q-label{letter-spacing:0!important;}
html body #yjRitualIntro .yj-intro-q-text{overflow-wrap:anywhere;}
html body #yjRitualIntro .yj-intro-next{align-self:stretch;text-align:center;letter-spacing:0!important;}
html body #yjRitualIntro .yj-intro-guide{text-align:center!important;letter-spacing:0!important;}
.ritual-instructions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;padding:12px 0;}
.ritual-instruction{display:flex;min-width:0;flex-direction:column;align-items:center;gap:12px;color:var(--ritual-ink);text-align:center;font:400 var(--type-control,var(--type-body))/1.6 var(--book-font);letter-spacing:0;overflow-wrap:anywhere;}
.ritual-instruction-picture{display:flex;align-items:center;justify-content:center;min-height:44px;color:#355e50;}
.ritual-instruction-picture svg{display:block;width:60px;height:44px;}
.ritual-help-header{gap:8px;}
.ritual-help-header h2{flex:1;min-width:0;overflow-wrap:anywhere;}
.ritual-help-classics summary{min-height:44px;display:list-item;padding:12px 0;cursor:pointer;}
html body #interpPanel .interp-header{align-items:start;}
html body #interpPanel .interp-title-group{min-width:0;overflow-wrap:anywhere;}
html body #interpPanel .interp-changing-note{white-space:pre-line;line-height:1.7;}
.result-hexagram-views{display:flex;gap:8px;margin:0 0 24px;min-width:0;}
.result-hexagram-views button{flex:1;min-width:0;min-height:44px;padding:10px 12px;border:0;border-bottom:1px solid #bec3b5;background:none;color:var(--ritual-ink);font:400 var(--type-control,var(--type-body))/1.6 var(--book-font);overflow-wrap:anywhere;white-space:normal;text-overflow:clip;overflow:visible;cursor:pointer;}
.result-hexagram-views button[aria-pressed="true"]{border-bottom:2px solid #355e50;color:#294c3e;background:#355e5008;}
.result-editorial{margin:0 0 28px;min-width:0;color:var(--ritual-ink);}
.result-editorial :is(h2,h3){font:400 var(--type-card)/1.6 var(--book-font);margin:0 0 8px;letter-spacing:0;}
.result-editorial p{font:400 var(--type-body)/1.9 var(--book-font);margin:0 0 24px;overflow-wrap:anywhere;}
.result-editorial .result-editorial-label{font-size:var(--type-note);color:var(--ritual-muted);margin:0 0 12px;}
html body #interpPanel .nianxin-hero-cta-row{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;box-sizing:border-box;}
html body #interpPanel .nianxin-hero-cta-text{min-width:0;white-space:normal;overflow-wrap:anywhere;}
.result-ai-mark{font:400 12px/1.4 var(--book-font);letter-spacing:.06em;opacity:.9;}
.result-reflection-note{font:400 var(--type-note)/1.8 var(--book-font);color:var(--ritual-muted);margin:0 0 20px;overflow-wrap:anywhere;}
html body #interpPanel .deep-layer-toggle{white-space:normal!important;overflow-wrap:anywhere;padding:12px 16px!important;line-height:1.6!important;}
@media(max-width:359px){html body #yjRitualIntro{padding-inline:16px!important;}.ritual-instructions{gap:8px;}.ritual-instruction{gap:8px;}.ritual-help-header{padding:16px;}.ritual-help-body{padding-inline:16px;}}
@media(max-height:500px){html body #yjRitualIntro .yj-intro-stack{padding-block:0!important;gap:16px;}html body #yjRitualIntro .ritual-intro-header{margin-bottom:0;}.ritual-instructions{padding:0;}.ritual-help-sheet{max-height:100%;}}
.ritual-info-english{color:var(--ritual-ink);font:400 var(--type-body)/1.9 var(--book-font);}
.ritual-info-english h2{font:400 var(--type-card)/1.6 var(--book-font);letter-spacing:0;}
.ritual-info-original summary{min-height:44px;padding:12px 0;cursor:pointer;}
html body #infoPanel [hidden]{display:none!important;}
html[lang="en"] #yjCover .yj-wordmark-row{display:flex;width:100%;min-width:0;gap:20px;}
html[lang="en"] #yjCover .yj-tagline{writing-mode:horizontal-tb;max-width:220px;min-width:0;line-height:1.6;letter-spacing:0;text-align:left;white-space:normal;overflow-wrap:anywhere;}
html[lang="en"] #yjCover .yj-cover-lede{width:100%;max-width:100%;letter-spacing:0;line-height:1.8;word-break:normal;}
html[lang="en"] #yjCover .yj-cover-lede .yj-line{display:block;white-space:normal;overflow-wrap:anywhere;}
html[lang="en"] #yjCover #investorEnterBtn{max-width:100%;white-space:normal!important;letter-spacing:0!important;text-indent:0!important;color:#253e34!important;text-shadow:none!important;}
html[lang="en"] #yjCover .yj-cover-learn{white-space:normal;letter-spacing:.04em;}
html[lang="en"] body #infoPanel.visible{background:var(--ritual-paper)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html[lang="en"] body #infoPanel .privacy-section{background:var(--ritual-bright)!important;border:1px solid #bec3b5;}
html[lang="en"] body #infoPanel :is(.privacy-title,.privacy-link,#clearDataBtn){color:var(--ritual-ink)!important;letter-spacing:0;font-family:var(--book-font);}
@media(max-width:1099px){
 html[lang="en"].theme-yaji body.yj-tab-qigua #app #hexagram:has(.changing){box-sizing:content-box!important;width:clamp(96px,30vw,132px);padding-right:calc(var(--type-note) * 8.5)!important;}
 html[lang="en"].theme-yaji body.yj-tab-qigua #app #hexagram:has(.changing){height:calc(var(--type-note) * 8);min-height:calc(var(--type-note) * 8);}
}
@media(min-width:1100px){
 html[lang="en"].theme-yaji body.yj-tab-qigua #app .ritual-changing-mark{left:0;top:50%;transform:translateY(6px);width:144px;}
}
html body #app .question-display-expand-hint{max-width:100%;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;letter-spacing:0;}
html.yj-reduce-motion body.yj-tab-qigua #app .ritual-hex-complete{animation:none;}

/* The cover shares the paper and ink palette of the reading screens. */
html.theme-yaji body #yjCover::before{
 background-image:linear-gradient(180deg,rgba(246,243,236,.76),rgba(246,243,236,.70) 35%,rgba(246,243,236,.78) 70%,rgba(246,243,236,.94)),url('/assets/xuetang/art/xt_mountain_mist.webp');
 background-size:cover,auto 128%;background-position:center,center top;opacity:1;filter:none;mix-blend-mode:normal;
}
html.theme-yaji body #yjCover :is(.yj-wordmark,.yj-wordmark-char,.yj-tagline,.yj-cover-lede,.yj-line,.yj-cover-learn,.yj-colophon,.yj-colophon span){color:#293c36!important;text-shadow:none!important;}
html.theme-yaji body #yjCover .yj-cover-header::after{color:#293c36!important;text-shadow:none!important;font-family:var(--book-font);font-weight:300;letter-spacing:.2em;}
html.theme-yaji body #yjCover :is(.yj-cover-lede,.yj-cover-learn,.yj-colophon){font-family:var(--book-font);}
html.theme-yaji body #yjCover #investorEnterBtn{
 min-height:52px;max-width:100%;box-sizing:border-box;padding:14px 30px!important;border:1px solid #365c4d!important;border-radius:3px!important;
 background:#2e5547!important;background-image:none!important;color:#fbf8f0!important;text-shadow:none!important;box-shadow:none!important;filter:none!important;
 clip-path:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;font-family:var(--book-font)!important;font-weight:400;letter-spacing:.04em!important;text-indent:0!important;
}
html.theme-yaji body #yjCover #investorEnterBtn:is(:hover,:active){background:#25483c!important;color:#fbf8f0!important;filter:none!important;box-shadow:none!important;}
html.theme-yaji body #yjCover #investorEnterBtn::before,html.theme-yaji body #yjCover #investorEnterBtn::after{display:none!important;content:none!important;}
html.theme-yaji body #yjCover #investorEnterBtn:focus-visible,html.theme-yaji body #yjCover .yj-cover-learn:focus-visible{outline:2px solid #2e5547;outline-offset:4px;}
html.theme-yaji body #historyDetail .history-detail-label{letter-spacing:0;}
/* Full policy content scrolls inside the modal, keeping Close reachable. */
html.theme-yaji body #privacyModal{display:none;flex-direction:column;inset:0;max-height:none;height:auto;overflow:hidden!important;padding:24px 20px calc(84px + env(safe-area-inset-bottom,0px));box-sizing:border-box;}
html.theme-yaji body #privacyModal.visible{display:flex;}
html.theme-yaji body #privacyModal .privacy-modal-title{flex:0 0 auto;padding:36px 20px 12px;margin:0;letter-spacing:0;}
html.theme-yaji body #privacyModal .privacy-modal-content{flex:1 1 0%;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 0 24px;}
html.theme-yaji body #privacyModal .privacy-modal-close{position:absolute;top:max(12px,env(safe-area-inset-top));right:16px;}
html.theme-yaji body #yjCover .yj-wordmark-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;min-width:0;}
html.theme-yaji body #yjCover .yj-wordmark{flex-direction:row;gap:12px;margin:0;}
html.theme-yaji body #yjCover .yj-tagline{writing-mode:horizontal-tb;max-width:270px;min-width:0;line-height:1.6;text-align:center;white-space:normal;overflow-wrap:anywhere;letter-spacing:.04em;}
html.theme-yaji body #yjCover .yj-cover-header::after{display:none;content:none;}
html.theme-yaji body #yjCover .yj-cta-stack{margin:clamp(32px,6vh,56px) auto 24px;}
html.theme-yaji body #yjCover .yj-cover-lede{font-size:var(--type-body);line-height:1.8;letter-spacing:0;}
html.theme-yaji body #yjCover .yj-cover-lede .yj-line{display:block;white-space:normal;}
html.theme-yaji body #yjCover .yj-cover-learn{margin:20px auto 0;letter-spacing:.04em;}
html.theme-yaji body #yjCover .yj-cover-lede>br{display:none;}
html.theme-yaji body #privacyModal .privacy-modal-content{width:100%;max-width:760px;align-self:center;box-sizing:border-box;}
html.theme-yaji body #privacyModal .privacy-modal-content h4{letter-spacing:.02em;}