.app-root{position:relative;min-height:100vh}.field-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.tension-field-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.tension-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;cursor:crosshair}.paper-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 30% 20%,rgba(154,123,62,.05),transparent 70%),radial-gradient(ellipse 70% 50% at 70% 80%,rgba(122,36,24,.035),transparent 70%)}.top-bar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:.6rem;padding:1.2rem 1.8rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);pointer-events:none}.top-bar-mark{font-family:var(--serif);color:var(--ink);font-size:.82rem;letter-spacing:.06em}.top-bar-sep{color:var(--line)}.top-bar-en{color:var(--muted)}.audio-toggle{margin-left:auto;pointer-events:auto;background:transparent;border:1px solid var(--line);color:var(--muted);padding:.3rem .7rem;font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;cursor:pointer;transition:color .4s,border-color .4s}.audio-toggle.on{color:var(--gold);border-color:var(--gold)}.audio-toggle:hover{color:var(--ink);border-color:var(--ink)}.phase-nav{position:fixed;right:1.4rem;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:1.3rem}.phase-dot{position:relative;width:12px;height:12px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;padding:0;transition:background .5s cubic-bezier(.2,.7,.3,1),border-color .5s,transform .5s}.phase-dot.active{background:var(--blood);border-color:var(--blood);transform:scale(1.3)}.phase-dot-num{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;color:var(--muted);opacity:0;white-space:nowrap;transition:opacity .35s,color .35s;pointer-events:none}.phase-dot:hover .phase-dot-num,.phase-dot.active .phase-dot-num{opacity:1}.phase-dot.active .phase-dot-num{color:var(--blood)}.content{position:relative;z-index:5;pointer-events:none}.content button,.content a,.content .pair{pointer-events:auto}.sec{min-height:100vh;display:flex;align-items:center;padding:6rem 2rem}.sec-inner{max-width:620px;width:100%;margin:0 auto}.overtitle{font-family:var(--mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem}.big-title{font-family:var(--serif);font-size:clamp(2.8rem,8vw,5.2rem);font-weight:400;line-height:1.08;letter-spacing:-.015em;color:var(--ink);margin-bottom:2rem}.big-title em{font-style:italic;color:var(--blood)}.section-title{font-family:var(--serif);font-size:clamp(2rem,5vw,3.2rem);font-weight:400;line-height:1.15;color:var(--ink);margin-bottom:2rem}.section-title em{font-style:italic;color:var(--blood)}.lead-text{font-size:1.15rem;line-height:1.78;color:var(--ink-soft);max-width:30rem}.scroll-hint{margin-top:3rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.2em;color:var(--muted);opacity:.4;transition:opacity 3s ease-in-out;animation:hintBreath 4s ease-in-out infinite}@keyframes hintBreath{0%,to{opacity:.3}50%{opacity:.7}}.pair-list{list-style:none;margin:2rem 0;display:flex;flex-direction:column;gap:1.6rem}.pair{padding-left:1.3rem;border-left:1px solid var(--line);transition:border-color .5s,padding-left .4s;cursor:default}.pair:hover{border-left-color:var(--blood);padding-left:1.6rem}.pair-ends{display:flex;align-items:baseline;gap:.8rem;font-size:1.4rem;color:var(--ink)}.pair-a,.pair-b{font-style:italic}.pair-dash{font-family:var(--mono);font-size:.85rem;color:var(--line);transition:color .5s}.pair:hover .pair-dash{color:var(--blood)}.pair-note-text{margin-top:.4rem;font-size:.92rem;color:var(--muted);line-height:1.65}.pair-note{margin-top:1.5rem;font-size:.92rem;color:var(--ink-soft);font-style:italic;border-top:1px solid var(--line);padding-top:1.2rem}.breaking-text{font-size:1.15rem;line-height:1.82;color:var(--ink-soft);max-width:32rem}.breaking-text em{font-style:italic;color:var(--blood);font-weight:500}.rest-text{font-size:1.15rem;line-height:1.82;color:var(--ink-soft);max-width:30rem;margin-bottom:2.5rem}.finale-wrap{position:relative;display:inline-block;margin-bottom:3rem}.finale-btn{position:relative;z-index:2;background:transparent;border:1px solid var(--ink);color:var(--ink);padding:1rem 2.4rem;font-family:var(--serif);font-size:1.05rem;font-style:italic;cursor:pointer;transition:background .6s cubic-bezier(.2,.7,.3,1),color .6s,border-color .6s,letter-spacing .6s;overflow:hidden}.finale-btn:hover{background:var(--ink);color:var(--paper);letter-spacing:.05em}.finale-btn.played{border-color:var(--gold);color:var(--gold)}.finale-btn.played:hover{background:var(--gold);color:var(--paper)}.finale-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:1;border:1px solid var(--gold);animation:finaleGlow 2.8s ease-out forwards;pointer-events:none}@keyframes finaleGlow{0%{transform:scale(1);opacity:.7}60%{transform:scale(1.8);opacity:.15}to{transform:scale(3);opacity:0}}.signature{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;color:var(--muted)}@media (max-width:768px){.sec{padding:5rem 1.3rem}.sec-inner{max-width:100%}.phase-nav{right:.7rem;gap:.9rem}.phase-dot{width:10px;height:10px}.phase-dot-num{right:18px;font-size:.52rem}.pair-ends{font-size:1.15rem;gap:.6rem}.pair-list{gap:1.2rem}.top-bar{padding:.9rem 1rem;font-size:.6rem;gap:.4rem}.top-bar-mark{font-size:.72rem}.lead-text,.breaking-text,.rest-text{font-size:1.02rem}.big-title{font-size:clamp(2.2rem,10vw,3.5rem)}.section-title{font-size:clamp(1.6rem,7vw,2.3rem)}.audio-toggle{padding:.25rem .5rem;font-size:.55rem}}@media (prefers-reduced-motion:reduce){.scroll-hint{animation:none;opacity:.5}.finale-glow{display:none}.phase-dot,.finale-btn{transition:none}}:root{--paper:#f4efe6;--paper-2:#ece5d6;--ink:#1a1714;--ink-soft:#3d3833;--blood:#7a2418;--gold:#9a7b3e;--muted:#8a8278;--line:#cfc6b3;--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{overflow-x:hidden}a{color:inherit}button{font-family:inherit}::selection{background:var(--gold);color:var(--paper)}:focus-visible{outline:2px solid var(--blood);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}