@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600;700;900&family=Ma+Shan+Zheng&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&display=swap";:root{--ink-void: #060912;--ink-deepest: #0a0e1a;--ink-deep: #10162a;--ink-card: #141b2f;--ink-raised: #1a2138;--ink-line: #2a3354;--ink-line-soft: rgba(232, 212, 160, .08);--silk-bright: #f3e4ba;--silk-cream: #e8d4a0;--silk-mist: #c5b890;--silk-faded: #8a7e60;--silk-quiet: #5a5240;--gold-deep: #8a6b35;--gold: #c9a961;--gold-bright: #d4b86a;--gold-glow: #f0c878;--gold-fade: rgba(201, 169, 97, .18);--gold-line: rgba(201, 169, 97, .32);--jade: #6dba88;--jade-deep: #3d8454;--jade-fade: rgba(109, 186, 136, .12);--vermilion: #d24d3a;--vermilion-deep: #9c2e1e;--vermilion-fade: rgba(210, 77, 58, .12);--cosmos-indigo: #5a6499;--cosmos-violet: #786095;--conf-high: var(--jade);--conf-mid: var(--gold);--conf-low: var(--vermilion);--font-han: "Noto Serif TC", "Songti SC", "STSong", serif;--font-brush: "Ma Shan Zheng", "Noto Serif TC", cursive;--font-roman: "Cormorant Garamond", "Noto Serif TC", serif;--radius-tight: 2px;--radius-soft: 6px;--radius-card: 4px;--hairline: 1px solid var(--ink-line-soft);--hairline-gold: 1px solid var(--gold-line);--shadow-paper: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 24px 60px -28px rgba(0, 0, 0, .7);--shadow-instrument: 0 0 0 1px var(--gold-line) inset, 0 30px 80px -40px rgba(0, 0, 0, .9);--glow-gold: 0 0 24px rgba(240, 200, 120, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;background:var(--ink-void)}body{font-family:var(--font-han);color:var(--silk-cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"palt","kern";line-height:1.7;overflow-x:hidden}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(90,100,153,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 100% 100%,rgba(120,96,149,.08) 0%,transparent 60%),radial-gradient(ellipse 100% 50% at 0% 50%,rgba(201,169,97,.04) 0%,transparent 70%),linear-gradient(180deg,var(--ink-void) 0%,var(--ink-deepest) 30%,var(--ink-deep) 100%)}.app-bg:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-image:radial-gradient(ellipse at 20% 30%,rgba(232,212,160,.025) 0%,transparent 35%),radial-gradient(ellipse at 70% 60%,rgba(120,96,149,.04) 0%,transparent 35%),radial-gradient(ellipse at 40% 80%,rgba(90,100,153,.03) 0%,transparent 40%);animation:yunqi-drift 90s ease-in-out infinite;filter:blur(40px)}.app-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:radial-gradient(1px 1px at 23% 17%,rgba(232,212,160,.6) 100%,transparent),radial-gradient(1px 1px at 77% 32%,rgba(232,212,160,.5) 100%,transparent),radial-gradient(1px 1px at 41% 71%,rgba(232,212,160,.4) 100%,transparent),radial-gradient(1px 1px at 88% 84%,rgba(232,212,160,.5) 100%,transparent),radial-gradient(1px 1px at 13% 51%,rgba(232,212,160,.35) 100%,transparent),radial-gradient(1px 1px at 62% 9%,rgba(232,212,160,.45) 100%,transparent),radial-gradient(.5px .5px at 33% 88%,rgba(232,212,160,.5) 100%,transparent),radial-gradient(.5px .5px at 91% 22%,rgba(232,212,160,.5) 100%,transparent),radial-gradient(.5px .5px at 7% 78%,rgba(232,212,160,.4) 100%,transparent),radial-gradient(.5px .5px at 55% 44%,rgba(232,212,160,.4) 100%,transparent);animation:star-twinkle 8s ease-in-out infinite alternate}@keyframes yunqi-drift{0%,to{transform:translate(0)}33%{transform:translate(2%,-1.5%)}66%{transform:translate(-2%,1.5%)}}@keyframes star-twinkle{0%{opacity:.4}to{opacity:.65}}.bagua-watermark{position:fixed;bottom:-120px;right:-120px;width:480px;height:480px;z-index:0;opacity:.04;pointer-events:none;animation:bagua-rotate 240s linear infinite}@keyframes bagua-rotate{to{transform:rotate(360deg)}}.app-shell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.app-header{padding:18px clamp(20px,5vw,56px);border-bottom:var(--hairline);display:flex;align-items:baseline;justify-content:space-between;gap:24px;background:linear-gradient(180deg,#141b2fe6,#141b2f00);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.app-title{font-family:var(--font-han);font-weight:900;font-size:clamp(18px,2.4vw,26px);color:var(--silk-bright);letter-spacing:.18em;display:flex;align-items:baseline;gap:14px}.app-title:before{content:"※";color:var(--gold);font-size:.7em;transform:translateY(-2px)}.app-title-sub{font-family:var(--font-han);font-weight:400;font-size:13px;color:var(--silk-faded);letter-spacing:.18em}.app-title em{font-family:var(--font-brush);color:var(--gold-glow);font-style:normal;margin:0 .2em;font-size:1.1em}.header-right{display:flex;align-items:baseline;gap:18px;font-family:var(--font-han);font-size:14px;color:var(--silk-mist)}.header-user{letter-spacing:.12em}.header-user:before{content:"· ";color:var(--gold-deep)}.btn-quiet{background:transparent;border:1px solid var(--ink-line);color:var(--silk-mist);font-family:var(--font-han);font-size:13px;letter-spacing:.2em;padding:7px 18px;border-radius:var(--radius-tight);cursor:pointer;transition:all .2s ease}.btn-quiet:hover{border-color:var(--gold-line);color:var(--gold-glow);background:#c9a9610a}.app-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:clamp(24px,5vw,72px) clamp(20px,5vw,56px)}.chamber{position:relative;padding:clamp(32px,5vw,64px) 0;transition:opacity .6s ease,transform .6s cubic-bezier(.4,0,.2,1)}.chamber.receding{opacity:0;transform:scale(.94) translateY(-20px);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.chamber-eyebrow{font-family:var(--font-han);font-weight:400;font-size:13px;letter-spacing:.6em;color:var(--gold-deep);text-align:center;margin-bottom:14px}.chamber-eyebrow:before,.chamber-eyebrow:after{content:"";display:inline-block;width:28px;height:1px;background:var(--gold-line);vertical-align:middle;margin:0 16px}.chamber-title{font-family:var(--font-han);font-weight:900;font-size:clamp(28px,4vw,44px);color:var(--silk-bright);text-align:center;letter-spacing:.16em;line-height:1.4;margin-bottom:8px}.chamber-title em{font-family:var(--font-brush);font-style:normal;color:var(--gold-glow);font-size:1.05em;font-weight:400}.chamber-subtitle{font-family:var(--font-han);font-weight:400;font-size:15px;color:var(--silk-faded);text-align:center;letter-spacing:.16em;margin-bottom:clamp(36px,6vw,64px);line-height:1.7}.brush-row{position:relative;margin-bottom:40px}.brush-frame{position:relative;border:1px solid var(--gold-line);background:linear-gradient(180deg,#141b2f99,#0a0e1a66);padding:4px;box-shadow:var(--shadow-paper)}.brush-frame:before,.brush-frame:after{content:"";position:absolute;width:18px;height:18px;border:1px solid var(--gold);pointer-events:none}.brush-frame:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.brush-frame:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.brush-textarea{width:100%;min-height:72px;background:transparent;border:none;outline:none;color:var(--silk-bright);font-family:var(--font-han);font-size:clamp(16px,1.6vw,19px);font-weight:500;letter-spacing:.04em;line-height:1.7;padding:18px 64px 18px 24px;resize:none}.brush-textarea::placeholder{color:var(--silk-quiet);font-weight:400}.voice-mic{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:38px;height:38px;background:transparent;border:1px solid var(--ink-line);border-radius:50%;color:var(--silk-mist);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.voice-mic:hover{border-color:var(--gold-line);color:var(--gold-glow)}.voice-mic.listening{border-color:var(--vermilion);color:var(--vermilion);animation:mic-pulse 1.2s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #d24d3a66}50%{box-shadow:0 0 0 8px #d24d3a00}}.suggestion-cloud{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.suggestion-chip{background:transparent;border:1px solid var(--ink-line);color:var(--silk-faded);font-family:var(--font-han);font-size:12px;letter-spacing:.05em;padding:6px 14px;border-radius:var(--radius-tight);cursor:pointer;transition:all .18s ease}.suggestion-chip:hover{border-color:var(--gold-line);color:var(--gold-glow);background:#c9a9610a}.section-label{font-family:var(--font-han);font-weight:500;font-size:13px;letter-spacing:.6em;color:var(--gold-deep);margin-bottom:14px;display:flex;align-items:center;gap:14px}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold-line) 0%,transparent 100%)}.cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:36px}@media(max-width:720px){.cards-row{grid-template-columns:repeat(2,1fr)}}.method-card{position:relative;background:linear-gradient(180deg,#141b2f80,#0a0e1a4d);border:1px solid var(--ink-line);padding:22px 14px 18px;cursor:pointer;transition:all .24s ease;text-align:center;border-radius:var(--radius-card);overflow:hidden}.method-card:hover{border-color:var(--gold-line);background:linear-gradient(180deg,#141b2fcc,#0a0e1a80);transform:translateY(-2px)}.method-card.active{border-color:var(--gold);background:linear-gradient(180deg,#c9a96114,#141b2f99);box-shadow:var(--glow-gold)}.method-card.active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--gold-glow) 50%,transparent 100%)}.method-icon{width:56px;height:56px;margin:0 auto 12px;color:var(--silk-mist);transition:color .24s ease}.method-card:hover .method-icon,.method-card.active .method-icon{color:var(--gold-glow)}.method-name{font-family:var(--font-han);font-weight:700;font-size:15px;letter-spacing:.14em;color:var(--silk-cream);margin-bottom:2px}.method-card.active .method-name{color:var(--silk-bright)}.method-pinyin{font-family:var(--font-han);font-weight:400;font-size:11px;color:var(--silk-faded);letter-spacing:.18em}.theme-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:36px}@media(max-width:920px){.theme-row{grid-template-columns:repeat(2,1fr)}}.theme-card{background:#141b2f66;border:1px solid var(--ink-line);padding:16px 18px;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-card);display:flex;align-items:center;gap:14px}.theme-card:hover{border-color:var(--gold-line);background:#141b2fb3}.theme-card.active{border-color:var(--gold);background:linear-gradient(90deg,#c9a9610f,#141b2f80)}.theme-glyph{width:36px;height:36px;border:1px solid var(--gold-deep);border-radius:50%;display:grid;place-items:center;font-family:var(--font-han);font-weight:700;font-size:16px;color:var(--gold);flex-shrink:0}.theme-card.active .theme-glyph{background:var(--gold);color:var(--ink-deepest);border-color:var(--gold)}.theme-text{flex:1;min-width:0}.theme-name{font-family:var(--font-han);font-weight:600;font-size:14px;letter-spacing:.1em;color:var(--silk-cream)}.theme-desc{font-family:var(--font-han);font-weight:400;font-size:11px;color:var(--silk-faded);letter-spacing:.12em;margin-top:3px}@media(max-width:720px){.theme-row{grid-template-columns:1fr}}.advanced{border-top:var(--hairline);border-bottom:var(--hairline);padding:16px 0;margin:16px 0 32px}.advanced-toggle{background:transparent;border:none;color:var(--silk-faded);font-family:var(--font-han);font-size:13px;letter-spacing:.2em;cursor:pointer;display:flex;align-items:center;gap:12px;padding:4px 0;width:100%;transition:color .18s ease}.advanced-toggle:hover{color:var(--gold-glow)}.advanced-toggle .chev{display:inline-block;transition:transform .24s ease;color:var(--gold-deep)}.advanced.open .advanced-toggle .chev{transform:rotate(90deg)}.advanced-body{display:none;margin-top:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.advanced:not(.open) .advanced-body{display:none}@media(max-width:720px){.advanced-body{grid-template-columns:1fr;gap:18px}}.field-label{display:block;font-family:var(--font-han);font-weight:500;font-size:12px;letter-spacing:.4em;color:var(--gold-deep);margin-bottom:8px}.field-hint{display:inline;font-family:var(--font-han);font-style:normal;font-size:11px;color:var(--silk-quiet);margin-left:6px;letter-spacing:.1em}.field-input,.field-datetime{width:100%;background:#0a0e1a80;border:1px solid var(--ink-line);color:var(--silk-bright);font-family:var(--font-han);font-size:14px;padding:11px 14px;border-radius:var(--radius-tight);transition:border-color .18s ease;outline:none;color-scheme:dark}.field-input:focus,.field-datetime:focus{border-color:var(--gold)}.toggle-pair{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--ink-line);border-radius:var(--radius-tight);overflow:hidden}.toggle-pair button{background:transparent;border:none;color:var(--silk-faded);font-family:var(--font-han);font-size:13px;letter-spacing:.1em;padding:10px 8px;cursor:pointer;transition:all .2s ease}.toggle-pair button:not(:last-child){border-right:1px solid var(--ink-line)}.toggle-pair button:hover{color:var(--silk-cream)}.toggle-pair button.active{background:#c9a9611a;color:var(--gold-glow)}.cast-row{margin-top:48px;text-align:center}.cast-button{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:340px;padding:28px 88px;background:linear-gradient(180deg,#141b2fb3,#0a0e1a80);border:1px solid var(--gold);border-radius:2px;cursor:pointer;transition:border-color .38s cubic-bezier(.4,0,.2,1),box-shadow .38s cubic-bezier(.4,0,.2,1),transform .38s cubic-bezier(.4,0,.2,1);overflow:hidden}.cast-button:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid var(--gold-line);pointer-events:none;transition:border-color .38s ease}.cast-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(210,77,58,.18) 0%,rgba(210,77,58,.05) 45%,transparent 70%);opacity:0;transition:opacity .45s ease;pointer-events:none}.cast-button:hover:not(:disabled){border-color:var(--gold-glow);box-shadow:0 0 38px #f0c8784d,0 14px 36px -18px #000000b3;transform:translateY(-2px)}.cast-button:hover:not(:disabled):after{opacity:1}.cast-button:hover:not(:disabled):before{border-color:var(--gold)}.cast-button:active:not(:disabled){transform:translateY(0);box-shadow:0 0 28px #f0c87866,0 6px 18px -10px #0009}.cast-button:disabled{opacity:.32;cursor:not-allowed}.cast-text{position:relative;z-index:1;font-family:var(--font-han);font-weight:900;font-size:clamp(22px,2.6vw,28px);color:var(--gold-glow);letter-spacing:.5em;text-indent:.5em;line-height:1;text-shadow:0 0 20px rgba(240,200,120,.35)}.cast-sub{position:relative;z-index:1;font-family:var(--font-han);font-weight:400;font-size:11px;color:var(--silk-faded);letter-spacing:.5em;text-indent:.5em;line-height:1;transition:color .38s ease}.cast-button:hover:not(:disabled) .cast-sub{color:var(--silk-mist)}@media(max-width:520px){.cast-button{min-width:0;width:100%;padding:24px 32px}.cast-text{font-size:22px;letter-spacing:.4em}}.cast-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 0;animation:stage-fade .6s ease forwards}@keyframes stage-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.cast-instrument{position:relative;width:clamp(220px,40vw,320px);height:clamp(220px,40vw,320px);margin-bottom:48px}.cast-instrument svg{width:100%;height:100%}.cast-stages{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--font-han)}.cast-stage-line{display:flex;align-items:center;gap:16px;font-size:14px;letter-spacing:.3em;color:var(--silk-quiet);transition:all .6s ease;opacity:.3}.cast-stage-line .marker{width:6px;height:6px;border-radius:50%;background:var(--silk-quiet);transition:all .4s ease}.cast-stage-line.active{color:var(--gold-glow);opacity:1;text-shadow:0 0 16px rgba(240,200,120,.5)}.cast-stage-line.active .marker{background:var(--gold-glow);box-shadow:0 0 12px var(--gold-glow)}.cast-stage-line.done{color:var(--silk-faded);opacity:.7}.cast-stage-line.done .marker{background:var(--gold-deep)}.cast-elapsed{margin-top:32px;font-family:var(--font-han);font-weight:400;font-size:13px;color:var(--silk-quiet);letter-spacing:.18em}.cast-elapsed em{color:var(--gold-bright);font-style:normal;font-weight:700;margin:0 4px}.reveal{animation:reveal-fade .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes reveal-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal-header{text-align:center;margin-bottom:32px}.reveal-eyebrow{font-family:var(--font-han);font-weight:400;font-size:13px;letter-spacing:.6em;color:var(--gold-deep)}.reveal-title{font-family:var(--font-han);font-weight:900;font-size:clamp(22px,3vw,32px);color:var(--silk-bright);margin-top:8px;letter-spacing:.16em}.instrument-block{display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:start;margin-bottom:48px}@media(max-width:920px){.instrument-block{grid-template-columns:1fr}}.instrument-main{background:linear-gradient(180deg,#0a0e1ab3,#141b2f80);border:1px solid var(--gold-line);border-radius:var(--radius-card);padding:clamp(20px,3vw,36px);box-shadow:var(--shadow-instrument);position:relative}.instrument-main:before,.instrument-main:after{content:"";position:absolute;width:24px;height:24px;border:1px solid var(--gold);pointer-events:none}.instrument-main:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.instrument-main:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.wheel-wrap{width:100%;max-width:520px;margin:0 auto 28px;aspect-ratio:1;position:relative}.wheel-wrap svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 20px rgba(201,169,97,.15))}.wheel-caption{text-align:center;font-family:var(--font-han);font-weight:400;font-size:13px;letter-spacing:.18em;color:var(--silk-faded);margin-top:4px}.wheel-caption .accent{color:var(--gold-bright);font-weight:700}.sike-block{margin-top:32px;border-top:1px dashed var(--gold-line);padding-top:24px}.sike-label{font-family:var(--font-han);font-weight:500;font-size:13px;letter-spacing:.6em;color:var(--gold-deep);text-align:center;margin-bottom:14px}.sike-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:520px;margin:0 auto}.sike-cell{border:1px solid var(--ink-line);background:#0a0e1a80;padding:14px 8px;text-align:center;border-radius:var(--radius-tight);position:relative}.sike-cell.gan{border-top:2px solid var(--gold)}.sike-cell.zhi{border-top:2px solid var(--cosmos-indigo)}.sike-shang{font-family:var(--font-han);font-weight:700;font-size:22px;color:var(--silk-bright);letter-spacing:.04em;line-height:1.1}.sike-divider{width:30px;height:1px;background:var(--gold-line);margin:8px auto}.sike-xia{font-family:var(--font-han);font-weight:500;font-size:18px;color:var(--silk-mist)}.sike-tag{position:absolute;bottom:4px;left:0;right:0;font-family:var(--font-han);font-weight:400;font-size:10px;letter-spacing:.3em;color:var(--silk-quiet)}.sanchuan-pillar{background:linear-gradient(180deg,#0a0e1acc,#141b2f66);border:1px solid var(--gold-line);border-radius:var(--radius-card);padding:24px 20px;position:relative}.sanchuan-pillar:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--gold) 50%,transparent 100%)}.sanchuan-eyebrow{font-family:var(--font-han);font-weight:500;font-size:13px;letter-spacing:.6em;color:var(--gold-deep);text-align:center;margin-bottom:16px}.sanchuan-keti{text-align:center;font-family:var(--font-han);font-weight:900;font-size:18px;color:var(--gold-glow);letter-spacing:.18em;margin-bottom:24px;text-shadow:0 0 12px rgba(240,200,120,.3)}.sanchuan-stack{display:flex;flex-direction:column;gap:14px}.sanchuan-step{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--ink-line);border-radius:var(--radius-tight);background:#0a0e1a80;position:relative}.sanchuan-step.kong{opacity:.55}.sanchuan-step.kong:after{content:"空";position:absolute;top:4px;right:6px;font-family:var(--font-han);font-size:10px;color:var(--vermilion);letter-spacing:0}.sanchuan-num{font-family:var(--font-han);font-weight:600;font-size:13px;letter-spacing:.3em;color:var(--gold-deep);width:56px;flex-shrink:0}.sanchuan-glyph{font-family:var(--font-han);font-weight:700;font-size:22px;color:var(--silk-bright);letter-spacing:.06em;flex:1}.sanchuan-glyph .gan{color:var(--gold-bright)}.sanchuan-note{margin-top:18px;padding-top:16px;border-top:1px dashed var(--ink-line);font-family:var(--font-han);font-size:12px;color:var(--silk-faded);line-height:1.7;letter-spacing:.04em}.pillars-meta{margin-bottom:24px;padding-bottom:20px;border-bottom:1px dashed var(--gold-line);display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:720px){.pillars-meta{grid-template-columns:repeat(2,1fr)}}.pillar-cell{text-align:center;padding:10px 6px;border-right:1px dashed var(--ink-line)}.pillar-cell:last-child{border-right:none}.pillar-cell-label{font-family:var(--font-han);font-weight:500;font-size:11px;letter-spacing:.4em;color:var(--silk-quiet);margin-bottom:4px}.pillar-cell-gz{font-family:var(--font-han);font-weight:700;font-size:18px;color:var(--silk-bright);letter-spacing:.08em}.pillar-cell-nayin{font-family:var(--font-han);font-size:11px;color:var(--gold);margin-top:2px;letter-spacing:.06em}.scroll-block{margin-top:12px;background:linear-gradient(180deg,#141b2f80,#0a0e1a4d);border:1px solid var(--ink-line);border-radius:var(--radius-card);padding:clamp(28px,4vw,48px) clamp(24px,4vw,56px);position:relative}.scroll-block:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:80px;height:1px;background:linear-gradient(90deg,transparent 0%,var(--gold) 50%,transparent 100%)}.scroll-eyebrow{font-family:var(--font-han);font-weight:400;font-size:12px;letter-spacing:.6em;color:var(--gold-deep);text-align:center;margin-bottom:4px}.scroll-title{font-family:var(--font-han);font-weight:900;font-size:clamp(20px,2.4vw,26px);color:var(--gold-glow);text-align:center;letter-spacing:.2em;margin-bottom:8px;text-shadow:0 0 16px rgba(240,200,120,.2)}.scroll-meta{text-align:center;font-family:var(--font-han);font-size:13px;color:var(--silk-faded);letter-spacing:.18em;margin-bottom:28px}.scroll-meta .dot{margin:0 10px;color:var(--gold-deep)}.confidence-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-han);font-size:11px;letter-spacing:.2em;padding:4px 12px;border-radius:999px;border:1px solid currentColor;margin:0 6px}.confidence-badge.high{color:var(--conf-high)}.confidence-badge.mid{color:var(--conf-mid)}.confidence-badge.low{color:var(--conf-low)}.confidence-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.scroll-body{font-family:var(--font-han);font-size:16px;line-height:1.95;color:var(--silk-cream);letter-spacing:.03em}.scroll-body h2{font-family:var(--font-han);font-weight:900;font-size:22px;color:var(--silk-bright);margin:32px 0 14px;padding-left:16px;border-left:3px solid var(--gold);letter-spacing:.12em}.scroll-body h3{font-family:var(--font-han);font-weight:700;font-size:18px;color:var(--gold-glow);margin:24px 0 10px;letter-spacing:.1em}.scroll-body h4{font-family:var(--font-han);font-weight:600;font-size:16px;color:var(--silk-bright);margin:18px 0 8px;letter-spacing:.08em}.scroll-body p{margin-bottom:12px}.scroll-body strong{color:var(--gold-bright);font-weight:700}.scroll-body em{color:var(--silk-bright);font-style:italic}.scroll-body blockquote{border-left:2px solid var(--gold-deep);padding:8px 18px;margin:16px 0;background:#c9a9610a;font-style:italic;color:var(--silk-mist)}.scroll-body hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--gold-line),transparent);margin:28px 0}.scroll-body table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.scroll-body th{font-family:var(--font-han);font-weight:700;color:var(--gold-bright);text-align:left;padding:10px 12px;border-bottom:1px solid var(--gold-line);letter-spacing:.06em}.scroll-body td{padding:9px 12px;border-bottom:1px solid var(--ink-line);color:var(--silk-cream)}.scroll-body tr:hover td{background:#c9a96108}.scroll-body code{background:#c9a96114;color:var(--gold-bright);padding:1px 6px;border-radius:2px;font-family:var(--font-roman);font-size:.92em}.fold{margin-top:16px;border-top:1px dashed var(--gold-line);padding-top:12px}.fold-toggle{background:transparent;border:none;width:100%;text-align:left;font-family:var(--font-han);font-size:13px;letter-spacing:.2em;color:var(--silk-faded);cursor:pointer;padding:8px 4px;display:flex;align-items:center;gap:12px;transition:color .18s ease}.fold-toggle:hover{color:var(--gold-glow)}.fold-toggle .chev{display:inline-block;transition:transform .24s ease;color:var(--gold-deep);font-size:16px}.fold.open .fold-toggle .chev{transform:rotate(90deg);color:var(--gold)}.fold.open .fold-toggle{color:var(--silk-cream)}.fold-body{padding-top:16px;animation:fold-fade .32s ease forwards}@keyframes fold-fade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.followup{margin-top:28px;border-top:1px dashed var(--gold-line);padding-top:20px}.followup-label{font-family:var(--font-han);font-weight:500;font-size:13px;letter-spacing:.6em;color:var(--gold-deep);text-align:center;margin-bottom:14px}.followup-row{display:flex;gap:10px;align-items:stretch}.followup-input{flex:1;background:#0a0e1a99;border:1px solid var(--ink-line);color:var(--silk-bright);font-family:var(--font-han);font-size:14px;padding:12px 16px;border-radius:var(--radius-tight);outline:none;transition:border-color .18s ease}.followup-input:focus{border-color:var(--gold)}.followup-input::placeholder{color:var(--silk-quiet)}.followup-submit{background:transparent;border:1px solid var(--gold);color:var(--gold-glow);font-family:var(--font-han);font-size:14px;letter-spacing:.3em;padding:10px 22px;border-radius:var(--radius-tight);cursor:pointer;transition:all .2s ease;white-space:nowrap}.followup-submit:hover:not(:disabled){background:#c9a96114;box-shadow:var(--glow-gold)}.followup-submit:disabled{opacity:.4;cursor:not-allowed}.followup-item{margin-top:24px;background:linear-gradient(180deg,#141b2f66,#0a0e1a33);border:1px solid var(--ink-line);border-left:2px solid var(--gold);border-radius:var(--radius-card);padding:20px 24px;animation:fold-fade .4s ease forwards}.followup-q{font-family:var(--font-han);font-weight:700;font-size:15px;color:var(--silk-bright);margin-bottom:12px;letter-spacing:.04em}.followup-q:before{content:"問";display:inline-block;width:22px;height:22px;background:var(--gold);color:var(--ink-deepest);font-size:12px;font-weight:900;border-radius:50%;text-align:center;line-height:22px;margin-right:10px;vertical-align:middle}.followup-a{font-family:var(--font-han);font-size:14px;line-height:1.85;color:var(--silk-cream);letter-spacing:.03em}.followup-a strong{color:var(--gold-bright)}.followup-a h2,.followup-a h3,.followup-a h4{font-family:var(--font-han);font-weight:700;color:var(--gold-glow);margin:16px 0 8px;letter-spacing:.08em;font-size:15px}.followup-pending{color:var(--silk-faded);font-style:italic;display:flex;align-items:center;gap:10px}.followup-pending:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold-glow);animation:pulse-dot 1.2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.3}50%{opacity:1}}.scroll-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:36px;padding-top:24px;border-top:1px dashed var(--gold-line)}.scroll-action{background:transparent;border:1px solid var(--ink-line);color:var(--silk-faded);font-family:var(--font-han);font-size:12px;letter-spacing:.2em;padding:8px 18px;border-radius:var(--radius-tight);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.scroll-action:hover{border-color:var(--gold-line);color:var(--gold-glow);background:#c9a9610a}.scroll-action.speaking{border-color:var(--vermilion);color:var(--vermilion)}.gate{min-height:100vh;display:grid;place-items:center;padding:32px 24px;position:relative;z-index:1}.gate-card{width:100%;max-width:420px;padding:clamp(40px,6vw,64px) clamp(28px,5vw,48px);background:linear-gradient(180deg,#141b2fb3,#0a0e1a80);border:1px solid var(--gold-line);border-radius:var(--radius-card);text-align:center;position:relative;box-shadow:var(--shadow-instrument)}.gate-card:before,.gate-card:after{content:"";position:absolute;width:28px;height:28px;border:1px solid var(--gold);pointer-events:none}.gate-card:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.gate-card:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.gate-stamp{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(201,169,97,.1) 0%,transparent 70%)}.gate-stamp:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid var(--gold-line);border-radius:50%}.gate-stamp-glyph{font-family:var(--font-brush);font-size:28px;color:var(--gold-glow);text-shadow:0 0 12px rgba(240,200,120,.4)}.gate-title{font-family:var(--font-han);font-weight:900;font-size:26px;color:var(--silk-bright);letter-spacing:.2em;margin-bottom:8px}.gate-subtitle{font-family:var(--font-han);font-weight:400;font-size:13px;color:var(--silk-faded);letter-spacing:.3em;margin-bottom:36px}.gate-input-row{margin-bottom:16px}.gate-input{width:100%;background:#0a0e1a99;border:1px solid var(--ink-line);color:var(--silk-bright);font-family:var(--font-han);font-size:16px;padding:14px 18px;border-radius:var(--radius-tight);outline:none;text-align:center;letter-spacing:.3em;transition:border-color .2s ease}.gate-input::placeholder{color:var(--silk-quiet);letter-spacing:.3em}.gate-input:focus{border-color:var(--gold)}.gate-error{color:var(--vermilion);font-family:var(--font-han);font-size:13px;margin-bottom:14px;letter-spacing:.06em}.gate-submit{width:100%;background:transparent;border:1px solid var(--gold);color:var(--gold-glow);font-family:var(--font-brush);font-size:22px;letter-spacing:.6em;padding:14px;cursor:pointer;border-radius:var(--radius-tight);transition:all .25s ease;text-shadow:0 0 12px rgba(240,200,120,.3)}.gate-submit:hover:not(:disabled){background:#c9a9611a;box-shadow:var(--glow-gold)}.gate-submit:disabled{opacity:.4;cursor:not-allowed}.feedback-fab{position:fixed;bottom:28px;right:28px;width:52px;height:52px;border-radius:50%;background:linear-gradient(180deg,var(--ink-raised) 0%,var(--ink-deep) 100%);border:1px solid var(--gold-line);color:var(--gold-glow);font-size:20px;cursor:pointer;box-shadow:0 8px 24px #0006,0 0 0 1px #0003;z-index:30;transition:all .24s ease}.feedback-fab:hover{border-color:var(--gold);box-shadow:var(--glow-gold),0 8px 24px #0006;transform:translateY(-2px)}.feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060912b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40;display:grid;place-items:center;padding:24px;animation:stage-fade .24s ease}.feedback-popup{width:100%;max-width:420px;background:linear-gradient(180deg,var(--ink-card) 0%,var(--ink-deep) 100%);border:1px solid var(--gold-line);border-radius:var(--radius-card);box-shadow:var(--shadow-instrument);overflow:hidden}.feedback-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:var(--hairline)}.feedback-header h3{font-family:var(--font-han);font-weight:700;font-size:16px;color:var(--silk-bright);letter-spacing:.16em}.feedback-close{background:transparent;border:none;color:var(--silk-faded);font-size:18px;cursor:pointer;padding:4px 8px}.feedback-close:hover{color:var(--gold-glow)}.feedback-body{padding:24px}.feedback-hint{font-family:var(--font-han);font-size:13px;color:var(--silk-faded);line-height:1.7;margin-bottom:24px;text-align:center}.feedback-record-area{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 0}.feedback-record-btn{width:72px;height:72px;border-radius:50%;background:#d24d3a26;border:2px solid var(--vermilion);color:var(--vermilion);font-size:28px;cursor:pointer;transition:all .2s ease}.feedback-record-btn:hover{background:#d24d3a40;box-shadow:0 0 24px #d24d3a4d}.feedback-record-label{font-family:var(--font-han);font-size:12px;color:var(--silk-faded);letter-spacing:.16em}.feedback-recording{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.feedback-waveform-wrap{width:100%;background:#0a0e1a99;border:1px solid var(--ink-line);border-radius:var(--radius-tight);padding:8px}.feedback-waveform{width:100%;height:48px;display:block}.feedback-recording-time{font-family:var(--font-han);font-weight:500;font-size:12px;color:var(--vermilion);letter-spacing:.18em}.feedback-stop-btn,.feedback-rerecord-btn,.feedback-submit-btn{background:transparent;border:1px solid var(--gold-line);color:var(--gold-glow);font-family:var(--font-han);font-size:13px;letter-spacing:.2em;padding:10px 24px;border-radius:var(--radius-tight);cursor:pointer;transition:all .2s ease}.feedback-stop-btn:hover,.feedback-rerecord-btn:hover,.feedback-submit-btn:hover:not(:disabled){background:#c9a96114;border-color:var(--gold)}.feedback-submit-btn{width:100%;padding:14px}.feedback-submit-btn:disabled{opacity:.4;cursor:not-allowed}.feedback-playback{display:flex;flex-direction:column;align-items:center;gap:12px}.feedback-done-label{font-family:var(--font-han);font-size:13px;color:var(--jade);letter-spacing:.15em}.feedback-audio{width:100%;max-width:320px}.feedback-audio::-webkit-media-controls-panel{background:var(--ink-deep)}.feedback-error{font-family:var(--font-han);font-size:12px;color:var(--vermilion);text-align:center;margin-top:10px;letter-spacing:.06em}.feedback-success{padding:48px 24px;text-align:center}.feedback-success-icon{font-size:48px;margin-bottom:14px}.feedback-success div:last-child{font-family:var(--font-han);font-size:14px;color:var(--silk-cream);letter-spacing:.15em}.feedback-footer{padding:16px 24px 24px}::selection{background:var(--gold-fade);color:var(--silk-bright)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--ink-deepest)}::-webkit-scrollbar-thumb{background:var(--ink-line);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-deep)}@media(max-width:720px){.app-header{padding:14px 18px;flex-wrap:wrap;gap:12px}.app-title{font-size:16px;letter-spacing:.12em}.header-right{font-size:12px;gap:12px}.app-main{padding:24px 16px 60px}}