@font-face{font-family:EB Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(./eb-garamond-400-BCNrxLz_.woff2)format("woff2")}@font-face{font-family:EB Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(./eb-garamond-500-DehAIUv0.woff2)format("woff2")}@font-face{font-family:Noto Serif SC;font-style:normal;font-weight:400;font-display:swap;src:url(./noto-serif-sc-400-CUEIFr3R.woff2)format("woff2")}@font-face{font-family:Noto Serif SC;font-style:normal;font-weight:600;font-display:swap;src:url(./noto-serif-sc-600-NT2M5DBq.woff2)format("woff2")}@font-face{font-family:Noto Serif JP;font-style:normal;font-weight:400;font-display:swap;src:url(./noto-serif-jp-400-CVrMMyvR.woff2)format("woff2")}@font-face{font-family:Noto Serif JP;font-style:normal;font-weight:600;font-display:swap;src:url(./noto-serif-jp-600-ICd6PPsv.woff2)format("woff2")}:root{--stage:#0d0805;--ink:#f3e7d0;--ink-dim:#f3e7d094;--gold:#d6b06c;--gold-line:#d6b06c42;--glass:#100a068c;--glass-lit:#26180eb3;--latin:"EB Garamond", "Iowan Old Style", "Palatino Linotype", palatino, georgia, serif;--hairline:1px;--pill:999px}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--latin);color:var(--ink);background:var(--stage);-webkit-font-smoothing:antialiased;margin:0;font-weight:400;overflow:hidden}:lang(zh){font-family:EB Garamond,Noto Serif SC,Source Han Serif SC,Songti SC,stsong,simsun,serif}:lang(ja){font-family:EB Garamond,Noto Serif JP,Hiragino Mincho ProN,Yu Mincho,MS Mincho,serif}main{display:contents}#qin{z-index:1;touch-action:none;outline:none;display:block;position:fixed;inset:0}#qin:focus-visible{outline:var(--hairline) solid #d6b06cbf;outline-offset:-6px}header{z-index:3;pointer-events:none;background:linear-gradient(#090503a8,#09050300);justify-content:space-between;align-items:center;gap:1rem;padding:clamp(.7rem,1.6vw,1.1rem) clamp(.85rem,2.4vw,1.7rem);display:flex;position:fixed;inset:0 0 auto}header>*{pointer-events:auto}#wordmark{color:#f3e7d0cc;text-indent:.44em;text-shadow:0 1px 8px #000c;text-transform:uppercase;letter-spacing:.44em;white-space:nowrap;margin:0;font-size:clamp(.82rem,1.05vw,.95rem);font-weight:500}#controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem .9rem;display:flex}.field{align-items:center;gap:.55rem;display:flex}.field-label{color:var(--ink-dim);text-indent:.26em;text-transform:uppercase;letter-spacing:.26em;white-space:nowrap;font-size:.62rem}.segmented,.chip{background:var(--glass);border:var(--hairline) solid var(--gold-line);border-radius:var(--pill);box-shadow:inset 0 var(--hairline) 0 #ffecc814, 0 2px 14px #00000073;-webkit-backdrop-filter:blur(9px)saturate(1.1);backdrop-filter:blur(9px)saturate(1.1)}.segmented{display:flex;overflow:hidden}.seg,.chip{font:inherit;color:var(--ink-dim);transition:color .22s,background-color .22s,border-color .22s}.seg{cursor:pointer;text-indent:.16em;letter-spacing:.16em;white-space:nowrap;border:0;border-left:var(--hairline) solid #d6b06c29;background:0 0;border-radius:0;padding:.36rem .72rem;font-size:.72rem}.seg:first-child{border-left:0}.chip{letter-spacing:.16em;white-space:nowrap;align-items:center;gap:.5rem;padding:.3rem .8rem .3rem .68rem;font-size:.72rem;display:inline-flex}.icon{opacity:.9;flex:none}.seg:hover,.chip:hover{color:var(--ink);background-color:var(--glass-lit)}.seg:focus-visible{color:var(--ink);outline:var(--hairline) solid var(--gold);outline-offset:2px}.seg[aria-pressed=true]{color:#1c1109;background:linear-gradient(#eed5a8,#cba564);font-weight:500}.slider{cursor:pointer;appearance:none;background:0 0;width:clamp(58px,7vw,88px);height:14px;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, #e0be80f2 var(--fill,90%), #f3e7d029 var(--fill,90%));border-radius:var(--pill);height:3px}.slider::-moz-range-track{background:linear-gradient(90deg, #e0be80f2 var(--fill,90%), #f3e7d029 var(--fill,90%));border-radius:var(--pill);height:3px}.slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(#fcf4e3,#ceac70);border-radius:50%;width:11px;height:11px;margin-top:-4px;box-shadow:0 1px 5px #000000a6}.slider::-moz-range-thumb{background:linear-gradient(#fcf4e3,#ceac70);border:0;border-radius:50%;width:11px;height:11px}.slider:focus-visible{outline:var(--hairline) solid var(--gold);outline-offset:4px}.icon-cross{display:none}#volume-chip[data-silent=true]{color:#f3e7d066;border-color:#d6b06c24}#volume-chip[data-silent=true] .icon-wave{display:none}#volume-chip[data-silent=true] .icon-cross{display:inline}#hint{z-index:3;color:#f3e7d08f;text-indent:.22em;text-shadow:0 1px 8px #000c;letter-spacing:.22em;pointer-events:none;margin:0;font-size:.66rem;position:fixed;inset:auto auto clamp(.7rem,2vw,1.3rem) clamp(.9rem,2.4vw,1.7rem)}.overlay{z-index:2;width:100%;height:100%;font:inherit;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(4px)saturate(.85);backdrop-filter:blur(4px)saturate(.85);background:radial-gradient(80% 60% at 50% 48%,#1c11099e,#060402e6);border:0;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.9rem,2.4vh,1.6rem);transition:opacity .45s;display:flex;position:fixed;inset:0}.overlay[hidden]{display:none}.start-title{color:#0000;text-indent:.16em;letter-spacing:.16em;background:linear-gradient(#faf0dc 0%,#e2c086 52%,#b0844a 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(3.2rem,12vw,7.5rem);font-weight:500;line-height:1}.rule{width:min(42vw,320px);height:var(--hairline);background:linear-gradient(90deg,#0000,#d6b06c99,#0000);display:block;position:relative}.rule:after{content:"";background:#d6b06ce6;width:5px;height:5px;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg}.start-hint{color:#f3e7d0e0;text-indent:.2em;letter-spacing:.2em;font-size:clamp(.95rem,2.1vw,1.25rem)}.start-cta{color:#f3e7d0c2;text-indent:.34em;text-transform:uppercase;letter-spacing:.34em;font-size:.66rem;animation:3.4s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.68}50%{opacity:1}}@media (width<=560px){header{align-items:flex-start}.field-label{display:none}#wordmark{letter-spacing:.3em;font-size:.72rem}.seg,.chip{letter-spacing:.1em;padding-inline:.58rem;font-size:.68rem}#hint{letter-spacing:.16em;font-size:.6rem;right:clamp(.9rem,2.4vw,1.7rem)}}@media (prefers-reduced-motion:reduce){.overlay,.seg,.chip{transition:none}.start-cta{opacity:.85;animation:none}}
