:root{--font-body: "Source Han Serif SC", "Noto Serif CJK SC", "SimSun", "Songti SC", serif;--font-display: "KaiTi", "STKaiti", "Source Han Serif SC", "SimSun", serif;--font-mono: "Consolas", "Monaco", "Menlo", monospace;--fs-xs: clamp(.65rem, .6rem + .25vw, .78rem);--fs-sm: clamp(.75rem, .7rem + .3vw, .88rem);--fs-base: clamp(.875rem, .82rem + .35vw, 1.05rem);--fs-lg: clamp(1rem, .9rem + .5vw, 1.2rem);--fs-xl: clamp(1.2rem, 1rem + 1vw, 1.6rem);--fs-2xl: clamp(1.5rem, 1.1rem + 2vw, 2.2rem);--fs-hero: clamp(2rem, 1.2rem + 4vw, 4rem);--space-xs: clamp(.3rem, .25rem + .25vw, .5rem);--space-sm: clamp(.5rem, .4rem + .5vw, .8rem);--space-md: clamp(.8rem, .6rem + 1vw, 1.5rem);--space-lg: clamp(1.2rem, .8rem + 2vw, 2.5rem);--space-xl: clamp(1.5rem, 1rem + 3vw, 4rem);--content-width: min(92vw, 960px);--content-narrow: min(88vw, 720px);--content-result: min(90vw, 780px);--radius-sm: clamp(4px, .3vw + 2px, 8px);--radius-md: clamp(6px, .5vw + 3px, 12px);--radius-lg: clamp(8px, .7vw + 4px, 16px);font-family:var(--font-body);line-height:1.6;font-weight:400;color:#2c2c2c;background-color:#f5f0e8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.fonts-loaded{--font-body: "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;--font-display: "LXGW WenKai", "Noto Serif SC", "KaiTi", "STKaiti", serif}@media(min-width:1200px){:root{--content-width: min(90vw, 1100px);--content-result: min(88vw, 820px)}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh}h1,h2,h3,h4{margin-top:0}p{margin:0 0 .5rem}@supports (padding: env(safe-area-inset-top)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.app{min-height:100vh;min-height:100dvh;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,115,85,.012) 2px,rgba(139,115,85,.012) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(139,115,85,.008) 3px,rgba(139,115,85,.008) 6px),radial-gradient(ellipse at 20% 50%,rgba(210,195,170,.15) 0%,transparent 70%),radial-gradient(ellipse at 80% 30%,rgba(200,185,160,.12) 0%,transparent 60%),linear-gradient(180deg,#f5f0e8,#eee8da,#f5f0e8);background-color:#f5f0e8;color:#2c2c2c;font-family:var(--font-body);font-size:var(--fs-base)}.calligraphy{font-family:var(--font-display)}.entropy-indicator{position:fixed;bottom:1rem;right:1rem;z-index:100;font-family:Consolas,Monaco,monospace;font-size:.7rem;color:#ffffff8c;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.02em}.page{width:var(--content-width);max-width:100%;margin:0 auto;padding:var(--space-lg) var(--space-md);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.btn{cursor:pointer;border:none;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--fs-base);padding:var(--space-sm) var(--space-lg);transition:all .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-primary{background:#2c2c2c;color:#f5f0e8;letter-spacing:.2em}.btn-primary:hover{background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-secondary{background:transparent;color:#888;border:1px solid #ccc;font-size:var(--fs-sm);padding:var(--space-xs) var(--space-md)}.btn-secondary:hover{border-color:#888;color:#555}.btn-text{background:none;color:#8b7355;text-decoration:underline;padding:.3rem 0;font-size:.9rem}.ganzhi-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:#8b73550f;border:1px solid rgba(139,115,85,.15);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:var(--fs-sm);font-family:var(--font-display);position:relative}.ganzhi-header:before,.ganzhi-header:after{content:"◆";font-size:.5rem;color:#c4a26566;position:absolute;top:50%;transform:translateY(-50%)}.ganzhi-header:before{left:.3rem}.ganzhi-header:after{right:.3rem}.ganzhi-text{color:#5a4a35;font-weight:600;letter-spacing:.1em}.ganzhi-shengxiao{color:#c4a265;font-weight:600}.ganzhi-shichen{color:#8b7355}.time-source-dot{margin-left:auto;display:inline-block;width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.dot-server{background:#5a9e6f;box-shadow:0 0 4px #5a9e6f80}.dot-local{background:#b08830;box-shadow:0 0 4px #b0883080}.home-page{justify-content:center;align-items:center;text-align:center}.title{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:700;letter-spacing:.3em;margin-bottom:var(--space-xs);color:#1a1a1a;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.subtitle{font-family:var(--font-display);font-size:var(--fs-lg);color:#8b7355;letter-spacing:.15em;margin-bottom:var(--space-lg)}.intro{font-family:var(--font-display);text-align:left;background:#ffffff80;border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);line-height:1.8;border:1px solid rgba(139,115,85,.2);max-width:var(--content-narrow)}.intro p{margin:0 0 1rem}.question-page{justify-content:center}.question-content{text-align:center}.question-content h2{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:.3em;margin-bottom:var(--space-md)}.hint{color:#8b7355;margin-bottom:1.5rem;font-size:.95rem}.question-input{width:100%;max-width:var(--content-narrow);padding:var(--space-md);font-family:inherit;font-size:var(--fs-base);border:1px solid #d1c7b7;border-radius:var(--radius-md);background:#fff9;resize:vertical;margin-bottom:var(--space-md);line-height:1.6;box-sizing:border-box}.question-input:focus{outline:none;border-color:#8b7355}.yao-line{display:flex;align-items:center;gap:.75rem;padding:.35rem 0}.yao-highlight{background:#c4a26526;border-radius:4px;padding:.35rem .5rem}.yao-changing{position:relative}.yao-position{font-size:.8rem;color:#999;width:1.5rem;text-align:center}.yao-yin,.yao-yang{display:flex;align-items:center;gap:6px;width:120px}.yao-bar{flex:1;height:6px;background:#2c2c2c;border-radius:1px}.yao-gap{width:12px}.yao-bar-full{flex:1;height:6px;background:#2c2c2c;border-radius:1px;width:120px}.yao-info{font-size:.75rem;color:#999;white-space:nowrap}.yao-change-marker{color:#c4a265;font-weight:700}.divination-page-v2{padding:var(--space-sm) var(--space-sm) var(--space-xs);gap:var(--space-sm);min-height:100vh;min-height:100dvh;width:var(--content-width);display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.dv2-instruction-area{background:#ffffff8c;border:1px solid rgba(139,115,85,.15);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);text-align:center}.dv2-progress-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.dv2-progress-label{font-size:.85rem;color:#666}.dv2-ganzhi-mini{font-size:.75rem;color:#8b7355;letter-spacing:.05em}.dv2-progress-bar{width:100%;height:5px;background:#e0d8cc;border-radius:3px;overflow:hidden;margin-bottom:.8rem}.dv2-progress-fill{height:100%;background:linear-gradient(90deg,#8b7355,#c4a265);border-radius:3px;transition:width .4s ease}.dv2-main-instruction{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:.1em;margin:0 0 var(--space-xs);color:#2c2c2c;font-weight:700}.dv2-sub-instruction{font-size:.85rem;color:#8b7355;margin:0}.dv2-canvas-area{display:flex;flex-direction:column;align-items:center;min-height:clamp(280px,40vw,420px);container-type:inline-size;container-name:canvas-area}.dv2-canvas-wrapper{width:100%;max-width:100%;border:1px solid rgba(139,115,85,.18);border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(180deg,#f5f0e899,#ebe4d866);box-shadow:inset 0 2px 8px #8b735514;margin-bottom:var(--space-sm)}.dv2-sidebar{display:flex;flex-direction:column;gap:var(--space-sm)}.dv2-yao-display{padding:var(--space-sm) var(--space-md);background:#ffffff80;border-radius:var(--radius-md);border:1px solid rgba(139,115,85,.12)}.dv2-yao-title{font-size:.85rem;color:#8b7355;margin:0 0 var(--space-xs);letter-spacing:.15em;text-align:center;font-family:var(--font-display)}.dv2-yao-lines{display:flex;flex-direction:column;gap:.1rem}.dv2-yao-empty{font-size:.8rem;color:#bbb;text-align:center;margin:0}.dv2-yao-placeholder{display:flex;flex-direction:column;gap:.1rem;opacity:.35}.yao-bar-empty{flex:1;height:6px;background:#ccc;border-radius:1px;width:120px;border:1px dashed #bbb;box-sizing:border-box}.yao-pending .yao-info{color:#ccc}.dv2-action-buttons{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;justify-content:center}.dv2-action-buttons .btn{min-width:140px}.dv2-log-area{background:#00000008;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);max-height:clamp(140px,20vh,240px);overflow-y:auto;scroll-behavior:smooth}.dv2-log-title{font-size:.8rem;color:#999;margin:0 0 .4rem;letter-spacing:.1em}.dv2-log-empty{font-size:.8rem;color:#bbb;font-style:italic;margin:0}.dv2-log-entries{display:flex;flex-direction:column;gap:.15rem}.dv2-log-entry{display:flex;gap:.5rem;font-size:.78rem;padding:.2rem 0;border-bottom:1px solid rgba(0,0,0,.03);animation:logFadeIn .3s ease}@keyframes logFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dv2-log-time{color:#bbb;font-family:Consolas,monospace;min-width:40px;text-align:right}.dv2-log-text{color:#555}.dv2-log-info .dv2-log-text{color:#8b7355;font-weight:600}.dv2-log-step .dv2-log-text{color:#666}.dv2-log-yao .dv2-log-text{color:#5a4a35;font-weight:600}.dv2-log-result .dv2-log-text{color:#c4a265;font-weight:700}.result-page{max-width:var(--content-result);align-items:stretch}.result-page h2{font-family:var(--font-display);text-align:center;font-size:var(--fs-2xl);letter-spacing:.3em;margin-bottom:var(--space-md);position:relative}.result-page h2:after{content:"";display:block;width:80px;height:2px;background:linear-gradient(90deg,transparent,#c4a265,transparent);margin:var(--space-xs) auto 0}.result-timestamp{text-align:center;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:#8b73550f;border:1px solid rgba(139,115,85,.15);border-radius:var(--radius-md)}.result-ts-ganzhi{font-size:1.05rem;color:#5a4a35;font-weight:600;letter-spacing:.15em;margin-bottom:.3rem}.result-ts-gregorian{font-size:.85rem;color:#888;display:flex;align-items:center;justify-content:center;gap:.5rem}.result-ts-gregorian .time-source-dot{margin-left:.4rem;vertical-align:middle}} .result-question{text-align:center;color:#8b7355;font-size:.95rem;margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);background:#8b735514;border-radius:var(--radius-sm)}.hexagram-display{display:flex;justify-content:center;align-items:flex-start;gap:2rem;margin-bottom:2rem}.hexagram-column{text-align:center}.hexagram-column h4{margin-bottom:.8rem;color:#555}.hexagram-lines{display:flex;flex-direction:column;gap:.1rem}.hexagram-arrow{font-size:2rem;color:#c4a265;margin-top:3rem;width:40px;height:2px;background:#c4a265;position:relative}.hexagram-arrow:after{content:"";position:absolute;right:0;top:-5px;border:solid #c4a265;border-width:0 2px 2px 0;padding:4px;transform:rotate(-45deg)}.interpretation{background:#fff9;border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid rgba(139,115,85,.2)}.interpretation h3{font-family:var(--font-display);text-align:center;font-size:var(--fs-xl);letter-spacing:.2em;margin-bottom:var(--space-md)}.interp-method{text-align:center;color:#8b7355;font-size:.9rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid rgba(139,115,85,.2)}.interp-primary{font-family:var(--font-display);font-size:var(--fs-lg);line-height:2;text-align:center;margin-bottom:var(--space-xs)}.interp-secondary{font-size:.95rem;color:#888;line-height:1.6;text-align:center;padding-top:.5rem;border-top:1px dashed rgba(0,0,0,.1)}.ref-label{font-size:.8rem;color:#aaa}.changing-info{text-align:center;font-size:.85rem;color:#999;margin-top:1rem}.gua-detail{background:#fff6;border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid rgba(0,0,0,.06)}.gua-detail h3{font-size:1.15rem;margin-bottom:.5rem}.gua-meta{font-size:.85rem;color:#999;margin-bottom:.8rem}.gua-text{line-height:1.8;margin-bottom:.5rem}.gua-expanded{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.08);line-height:1.8}.gua-expanded h4{margin:1rem 0 .5rem;color:#8b7355}.yao-text-detail{margin-bottom:.8rem;padding-bottom:.8rem;border-bottom:1px solid rgba(0,0,0,.04)}.xiang-text{font-size:.85rem;color:#999;margin-top:.2rem}.raw-data{background:#00000008;border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.raw-data h4{font-size:.85rem;color:#999;margin-bottom:.5rem}.raw-values{display:flex;flex-wrap:wrap;gap:.5rem}.raw-value{font-size:.8rem;padding:.25rem .5rem;background:#fff9;border-radius:4px;border:1px solid rgba(0,0,0,.08);font-family:monospace}.raw-changing{border-color:#c4a265;background:#c4a2651a}.home-page .btn,.question-page .btn{display:block;margin:0 auto}.result-page>.btn{display:block;margin:var(--space-md) auto 0}.interpretation .interp-method:before,.interpretation .interp-method:after{content:"── ";color:#c4a26566;letter-spacing:.3em}.interpretation .interp-method:after{content:" ──"}.interp-primary p{position:relative;padding:0 1.5rem}.interp-primary p:before{content:"「";position:absolute;left:0;top:-.1em;font-size:1.5em;color:#c4a26580;font-family:LXGW WenKai,serif}.interp-primary p:after{content:"」";position:absolute;right:0;bottom:-.3em;font-size:1.5em;color:#c4a26580;font-family:LXGW WenKai,serif}.intro:before{content:"";display:block;width:60px;height:2px;background:linear-gradient(90deg,transparent,#c4a265,transparent);margin:0 auto 1rem}.hexagram-display{position:relative;padding:1.5rem 1rem}.hexagram-display:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(196,162,101,.3),transparent)}.hexagram-display:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(196,162,101,.3),transparent)}@media(max-width:480px){.ganzhi-header{font-size:var(--fs-xs);justify-content:center;text-align:center}.ganzhi-header:before,.ganzhi-header:after{display:none}.time-source-dot{margin-left:.4rem}.hexagram-display{flex-direction:column;align-items:center;gap:var(--space-md)}.hexagram-arrow{transform:rotate(90deg);margin:0}.dv2-progress-row{flex-direction:column;gap:var(--space-xs);align-items:flex-start}.dv2-yao-display{padding:var(--space-xs) var(--space-sm)}.dv2-sidebar{gap:var(--space-xs)}}@media(min-width:769px)and (max-width:1024px){.divination-page-v2{grid-template-columns:1fr 240px;grid-template-rows:auto 1fr}.dv2-instruction-area{grid-column:1 / -1}.dv2-canvas-area{grid-column:1;grid-row:2}.dv2-sidebar{grid-column:2;grid-row:2;max-height:calc(100vh - 160px)}.dv2-log-area{max-height:none;flex:1;overflow-y:auto}}@media(min-width:1025px){.divination-page-v2{grid-template-columns:1fr 300px;grid-template-rows:auto 1fr;gap:var(--space-md);width:var(--content-width)}.dv2-instruction-area{grid-column:1 / -1}.dv2-canvas-area{grid-column:1;grid-row:2}.dv2-sidebar{grid-column:2;grid-row:2;position:sticky;top:var(--space-md);align-self:start;max-height:calc(100vh - 120px)}.dv2-log-area{max-height:none;flex:1;overflow-y:auto}.hexagram-display{gap:var(--space-xl)}}@media(min-width:1441px){.divination-page-v2{grid-template-columns:1fr 360px}}@media(max-height:500px)and (orientation:landscape){.page{padding:var(--space-xs) var(--space-md);min-height:auto}.dv2-canvas-area{min-height:260px}.dv2-sidebar{max-height:200px;overflow-y:auto}.dv2-log-area{max-height:80px}.home-page{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-md)}.home-content{max-width:50%}}.ai-interpretation{margin-top:var(--space-md);margin-bottom:var(--space-md);text-align:center}.btn-interpret{font-size:var(--fs-base);padding:var(--space-sm) var(--space-xl);background:linear-gradient(135deg,#4a3728,#2c2c2c);color:#f5f0e8;border:1px solid rgba(139,115,85,.4);border-radius:var(--radius-sm);cursor:pointer;transition:opacity .2s,transform .1s;font-family:var(--font-body);letter-spacing:.15em}.btn-interpret:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-interpret:disabled{opacity:.6;cursor:wait}.ai-result{text-align:left;margin-top:var(--space-md);padding:var(--space-lg);background:#fffffa80;border:1px solid rgba(139,115,85,.2);border-radius:var(--radius-md);position:relative}.ai-result h3{margin-top:0;margin-bottom:var(--space-md);font-family:var(--font-display);font-size:var(--fs-xl);color:#2c2c2c;text-align:center;letter-spacing:.2em}.ai-text{font-size:var(--fs-base);line-height:1.9;color:#333;white-space:pre-wrap;word-break:break-word}.ai-cursor{display:inline-block;width:2px;height:1.2em;background:#4a3728;margin-left:2px;vertical-align:text-bottom;animation:ai-blink .8s step-end infinite}@keyframes ai-blink{0%,to{opacity:1}50%{opacity:0}}.ai-error{margin-top:var(--space-md);padding:var(--space-md);background:#b43c3c0f;border:1px solid rgba(180,60,60,.2);border-radius:var(--radius-sm);color:#8b3a3a}.ai-error p{margin:0 0 var(--space-sm)}@media(max-width:480px){.result-page{padding-left:var(--space-sm);padding-right:var(--space-sm)}.hexagram-display{gap:var(--space-md)}.hexagram-column h4{font-size:var(--fs-sm)}.interpretation,.gua-detail{padding:var(--space-sm)}.ai-result{padding:var(--space-md)}.btn-interpret{width:100%}}@media(min-width:481px)and (max-width:1024px){.result-page{padding-left:var(--space-md);padding-right:var(--space-md)}}.share-section{margin:var(--space-lg) 0;text-align:center}.btn-share{font-size:var(--fs-base);padding:var(--space-sm) var(--space-xl);background:linear-gradient(135deg,#8b7355,#6b5b45);color:#f5f0e8;border:1px solid rgba(139,115,85,.4);border-radius:var(--radius-sm);cursor:pointer;transition:opacity .2s,transform .1s;font-family:var(--font-body);letter-spacing:.15em}.btn-share:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-share:disabled{opacity:.6;cursor:wait}.social-share-buttons{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;margin:var(--space-md) 0}.share-label{font-size:var(--fs-sm);color:#888;margin-right:var(--space-xs)}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(139,115,85,.25);background:#fffffa99;color:#555;cursor:pointer;transition:all .2s;text-decoration:none;padding:0;font-size:0}.share-btn:hover{transform:translateY(-2px);box-shadow:0 3px 8px #0000001a}.share-x:hover{color:#000;border-color:#000}.share-facebook:hover{color:#1877f2;border-color:#1877f2}.share-instagram:hover{color:#e4405f;border-color:#e4405f}.share-wechat:hover{color:#07c160;border-color:#07c160}.share-xiaohongshu:hover{color:#fe2c55;border-color:#fe2c55}.share-copy:hover{color:#8b7355;border-color:#8b7355}.share-modal-overlay{position:fixed;inset:0;z-index:1000;background:#00000080;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.share-modal{position:relative;background:#f5f0e8;border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;max-width:320px;box-shadow:0 8px 32px #0003}.share-modal h4{margin:0 0 var(--space-md);font-family:var(--font-display);font-size:var(--fs-lg)}.share-modal-close{position:absolute;top:var(--space-sm);right:var(--space-sm);background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer;line-height:1;padding:4px 8px}.share-modal-close:hover{color:#333}.share-qr-img{display:block;margin:0 auto var(--space-sm);border-radius:var(--radius-sm);background:#fff;padding:8px}.share-qr-hint{font-size:var(--fs-sm);color:#888;margin:0}.shared-page.result-page{width:var(--content-result)}.shared-loading,.shared-expired{text-align:center;margin:var(--space-xl) 0;color:#888;font-size:var(--fs-lg)}.shared-expired p{margin-bottom:var(--space-lg)}.shared-actions{text-align:center;margin-top:var(--space-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:480px){.share-btn{width:36px;height:36px}.share-btn svg{width:18px;height:18px}.share-modal{margin:0 var(--space-md);padding:var(--space-lg)}}.lang-selector{position:fixed;top:.6rem;right:.6rem;z-index:200}.lang-selector-btn{display:flex;align-items:center;gap:.3rem;background:#ffffffbf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(139,115,85,.25);border-radius:var(--radius-sm);padding:.35rem .55rem;cursor:pointer;color:#5a4a35;font-family:var(--font-body);font-size:.78rem;font-weight:600;transition:all .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.lang-selector-btn:hover{background:#ffffffe6;border-color:#8b735566}.lang-icon{flex-shrink:0;opacity:.7}.lang-short{letter-spacing:.02em}.lang-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(139,115,85,.2);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001a;min-width:150px;padding:.3rem;animation:fadeIn .15s ease-out}.lang-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .6rem;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:.82rem;color:#2c2c2c;text-align:left;transition:background .15s}.lang-option:hover{background:#8b735514}.lang-option-active{background:#c4a26526;font-weight:600}.lang-option-short{display:inline-block;min-width:1.8rem;text-align:center;color:#8b7355;font-weight:600;font-size:.75rem}.lang-option-name{flex:1}.title-sub{font-family:var(--font-body);font-size:var(--fs-lg);color:#8b7355;letter-spacing:.05em;margin-top:-.2rem;margin-bottom:var(--space-xs);font-style:italic}.subtitle-sub{font-family:var(--font-body);font-size:var(--fs-sm);color:#999;letter-spacing:.03em;margin-top:-.8rem;margin-bottom:var(--space-lg);font-style:italic}.question-title-sub{font-family:var(--font-body);font-size:var(--fs-base);color:#8b7355;letter-spacing:.05em;margin-top:-.5rem;margin-bottom:var(--space-md);font-style:italic}@media(max-width:480px){.lang-selector{top:.4rem;right:.4rem}.lang-selector-btn{padding:.3rem .4rem;font-size:.72rem}.lang-dropdown{min-width:135px}.lang-option{padding:.4rem .5rem;font-size:.78rem}}