:root{--paper:#ece5d8;--ink:#211f1b;--muted:#756f65;--actor:#a65a4d;--actor-soft:rgba(166,90,77,.16);--meaning:0;--backdrop:.18;--actor-alpha:.23}*{box-sizing:border-box}html,body{width:100%;height:100%;overscroll-behavior:none}body{margin:0;overflow:hidden;background:var(--paper);color:var(--ink);font-family:"Yu Mincho","Hiragino Mincho ProN",serif}.viewport{position:fixed;inset:0;overflow:hidden;touch-action:none;user-select:none;background:linear-gradient(180deg,#f1eadf,#e8dfd0);transition:background .45s ease}.viewport:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(244,239,229,.18),rgba(236,229,216,.48) 65%,rgba(232,223,208,.75))}.scene-backdrop{position:absolute;inset:-4%;z-index:0;background-position:center;background-size:cover;opacity:var(--backdrop);filter:saturate(.72) sepia(.15) contrast(.88);transform:scale(1.05);transition:opacity .65s ease,background-image .65s ease,filter .65s ease}.scene-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(241,235,223,.27),rgba(236,228,214,.5)),radial-gradient(circle at 50% 50%,transparent 8%,rgba(238,230,216,.5) 76%)}.source-texture{position:absolute;inset:-3%;z-index:1;pointer-events:none;opacity:.045;background-size:cover;background-position:center;filter:sepia(.55) saturate(.48) contrast(.96);mix-blend-mode:multiply;transform:scale(1.03)}.actor-art{position:absolute;z-index:2;bottom:-4vh;width:min(55vw,360px);height:min(62vh,520px);background-repeat:no-repeat;opacity:var(--actor-alpha);filter:saturate(.72) sepia(.1);mix-blend-mode:multiply;pointer-events:none;transition:opacity .5s ease,transform .65s cubic-bezier(.2,.8,.2,1),background-image .5s ease,filter .5s ease;mask-image:linear-gradient(to top,black 58%,rgba(0,0,0,.76) 78%,transparent 100%)}.actor-art.lady{right:-7vw;background-size:210% auto;background-position:0 58%}.actor-art.monk{left:-5vw;background-size:175% auto;background-position:12% 52%}.viewport.xray-open .actor-art,.viewport.xray-open .scene-backdrop{opacity:.05}.world{position:absolute;left:0;top:0;width:2400px;height:9000px;z-index:5;transform-origin:0 0;will-change:transform;transition:opacity .25s ease,filter .25s ease}.viewport.xray-open .world{opacity:.12;filter:blur(5px) saturate(.55)}.route{position:absolute;inset:0;width:2400px;height:9000px;overflow:visible}.route-shadow{fill:none;stroke:rgba(52,45,36,.05);stroke-linecap:round;stroke-linejoin:round;stroke-width:32}.route-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4;opacity:.32}.beat{position:absolute;width:min(720px,88vw);transform-origin:center center;transition:opacity .3s ease,filter .3s ease;will-change:opacity,transform}.beat:not(.active){opacity:.07;filter:blur(1px)}.beat.near{opacity:.28;filter:blur(.2px)}.beat.active{opacity:1;filter:none}.beat-tag{margin:0 0 17px;color:rgba(54,48,40,.42);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:.62rem;font-weight:850;letter-spacing:.15em}.sentence{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2em .1em;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(1.34rem,6vw,2.02rem);font-weight:500;line-height:2.02;letter-spacing:.028em;text-wrap:pretty;max-width:100%}.token{position:relative;display:inline-block;vertical-align:baseline;white-space:nowrap;max-width:100%;transition:width .12s ease}.token .orig,.token .trans{position:absolute;left:0;top:0;display:block;white-space:nowrap;font:inherit;letter-spacing:inherit;color:inherit;transform-origin:left center;transition:none}.token .orig{opacity:calc(1 - var(--m,0));filter:blur(calc(var(--m,0)*.7px));transform:translateY(calc(var(--m,0)*-.025em))}.token .trans{opacity:var(--m,0);filter:blur(calc((1 - var(--m,0))*.7px));transform:translateY(calc((1 - var(--m,0))*.025em))}.token .sizer{visibility:hidden;white-space:nowrap;font:inherit;letter-spacing:inherit}.token.has-note:after{content:attr(data-note);position:absolute;left:0;top:calc(100% + .22rem);z-index:8;width:max-content;max-width:min(285px,74vw);padding:.1rem .28rem .18rem;border-left:2px solid color-mix(in srgb,var(--actor) 65%,transparent);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:.66rem;font-weight:650;line-height:1.45;letter-spacing:0;color:#625b52;white-space:normal;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .32s ease,transform .32s ease}.beat.active.idle .token.has-note:after{opacity:.9;transform:none}.subject-cue:before{content:"";position:absolute;left:-.2em;right:-.2em;bottom:-.13em;height:2px;background:linear-gradient(90deg,var(--actor),transparent);opacity:.5}.beat-whisper{position:absolute;left:0;top:-53px;max-width:88%;color:#726b61;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:.67rem;font-weight:720;line-height:1.5;opacity:0;transform:translateY(6px);transition:.4s ease}.beat.active.idle .beat-whisper{opacity:.82;transform:none}.beat-whisper:before{content:"";display:inline-block;width:30px;height:1px;margin:0 8px 3px 0;background:color-mix(in srgb,var(--actor) 55%,transparent)}.hud{position:absolute;inset:0;z-index:9;pointer-events:none}.story-mark{position:absolute;left:max(13px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));font-size:.7rem;letter-spacing:.14em;color:rgba(46,40,33,.45);writing-mode:vertical-rl}.subject-hud{position:absolute;right:max(16px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));display:grid;justify-items:end;gap:2px;color:rgba(51,45,38,.45);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}.subject-hud span{font-size:.54rem;font-weight:780;letter-spacing:.1em}.subject-hud strong{font-family:"Yu Mincho",serif;font-size:.98rem;color:var(--actor);letter-spacing:.04em}.depth-meter{position:absolute;right:max(12px,env(safe-area-inset-right));top:23%;height:54%;width:2px;background:rgba(45,38,31,.08);border-radius:99px;overflow:hidden}.depth-meter span{display:block;width:100%;height:0;background:var(--actor);opacity:.64;transition:height .1s linear}.meaning-meter{position:absolute;left:50%;bottom:max(17px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(245,240,230,.64);border:1px solid rgba(55,47,38,.08);backdrop-filter:blur(8px);opacity:0;transition:opacity .22s ease;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}.meaning-meter.show{opacity:.86}.meaning-meter b{font-size:.55rem;color:#6f685e;font-weight:760}.meaning-meter span{display:block;width:46px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--actor) calc(var(--meaning)*100%),rgba(55,47,38,.12) 0)}.edge-whisper{position:absolute;z-index:10;left:50%;top:11%;transform:translate(-50%,-7px);max-width:78vw;color:#655f56;font-size:.78rem;line-height:1.6;text-align:center;opacity:0;transition:.35s ease;pointer-events:none}.edge-whisper.show{opacity:.72;transform:translate(-50%,0)}.gesture-hint{position:absolute;z-index:12;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%,12px);display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(38,34,29,.81);color:#fff;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:.57rem;font-weight:800;white-space:nowrap;opacity:0;pointer-events:none;transition:.4s ease}.gesture-hint.show{opacity:.88;transform:translate(-50%,0)}.gesture-hint i{width:1px;height:11px;background:rgba(255,255,255,.25)}.xray{position:absolute;inset:0;z-index:7;pointer-events:none;transform:translateX(-104%);opacity:0;background:radial-gradient(circle at 15% 18%,rgba(255,255,255,.72),transparent 28%),linear-gradient(135deg,#e7dfd2,#f2ede4);transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .27s ease}.viewport.xray-open .xray{transform:none;opacity:1;pointer-events:auto}.xray:before{content:"";position:absolute;inset:0;opacity:.1;background-image:repeating-linear-gradient(90deg,transparent 0 38px,rgba(76,60,43,.09) 39px,transparent 40px)}.xray-inner{position:relative;z-index:2;height:100%;padding:max(24px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(64px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));display:grid;grid-template-rows:auto auto minmax(185px,1fr) auto;gap:15px;overflow:auto}.xray-head{display:grid;gap:4px}.xray-head span{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:.58rem;font-weight:900;letter-spacing:.2em;color:#82786b}.xray-head strong{font-size:clamp(1.3rem,6vw,2rem)}.xray-head small{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#766e63;font-size:.66rem;line-height:1.5}.xray-setting{display:flex;gap:7px;flex-wrap:wrap}.xray-setting span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.46);border:1px solid rgba(54,47,38,.13);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:.61rem;font-weight:780;color:#6e665c}.xray-graph{position:relative;min-height:230px;border-top:1px solid rgba(70,59,46,.12);border-bottom:1px solid rgba(70,59,46,.12);overflow:hidden}.xray-node{position:absolute;width:112px;display:grid;justify-items:center;gap:5px;transform:translate(-50%,-50%)}.xray-node .avatar{width:68px;height:78px;border-radius:18px;background-position:center;background-size:cover;filter:saturate(.72) sepia(.08);opacity:.6;box-shadow:inset 0 0 0 1px rgba(72,61,48,.09);mask-image:linear-gradient(black 75%,transparent)}.xray-node b{font-size:.86rem}.xray-node small{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:.55rem;color:#756d62;text-align:center}.xray-node.active b{color:var(--node-color)}.xray-node.active .avatar{opacity:.82;filter:saturate(.9);box-shadow:0 9px 18px color-mix(in srgb,var(--node-color) 18%,transparent)}.xray-rel{position:absolute;height:1px;background:rgba(70,59,46,.25);transform-origin:left center}.xray-rel-label{position:absolute;z-index:3;transform:translate(-50%,-50%);padding:3px 7px;border-radius:999px;background:#ebe3d7;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:.53rem;font-weight:850;white-space:nowrap;color:#675f55;box-shadow:0 0 0 3px rgba(235,227,215,.62)}.xray-culture{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.culture-card{padding:11px 11px 12px;border-left:2px solid var(--card-color,var(--actor));background:rgba(255,255,255,.4);min-height:86px}.culture-card b{display:block;margin-bottom:4px;font-size:.86rem}.culture-card p{margin:0;color:#645d54;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:.65rem;line-height:1.52}.xray-return{position:absolute;left:16px;bottom:max(20px,env(safe-area-inset-bottom));z-index:3;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:.58rem;font-weight:900;letter-spacing:.08em;color:#6f665a}.narration-toggle{position:absolute;z-index:15;right:max(16px,env(safe-area-inset-right));top:max(57px,calc(env(safe-area-inset-top) + 55px));appearance:none;border:1px solid rgba(63,53,43,.13);border-radius:999px;padding:6px 9px;background:rgba(244,238,226,.68);backdrop-filter:blur(8px);color:#665e54;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:.55rem;font-weight:800;letter-spacing:.04em;cursor:pointer;touch-action:manipulation}.narration-toggle[aria-pressed="false"]{opacity:.48}.narration-status{position:absolute;z-index:14;left:50%;top:max(18px,env(safe-area-inset-top));transform:translate(-50%,-8px);padding:5px 9px;border-radius:999px;background:rgba(42,37,31,.76);color:#fff;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:.55rem;font-weight:800;letter-spacing:.06em;opacity:0;pointer-events:none;transition:.25s ease}.viewport.narrating .narration-status{opacity:.82;transform:translate(-50%,0)}.viewport.narrating .depth-meter{filter:saturate(.5)}.credits{position:absolute;z-index:14;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#665e54;font-size:.56rem}.credits summary{cursor:pointer;list-style:none;opacity:.36}.credits summary::-webkit-details-marker{display:none}.credits[open] div{margin-top:6px;display:grid;gap:5px;width:min(76vw,330px);padding:10px 11px;border-radius:14px;background:rgba(245,240,230,.9);backdrop-filter:blur(12px);box-shadow:0 14px 34px rgba(53,44,33,.12)}.credits b{font-size:.62rem}.credits span{line-height:1.45}.credits a{color:#714b3f;font-weight:800;text-decoration:none}.dragging .world,.dragging .actor-art,.dragging .token,.dragging .xray{transition:none}@media (max-width:390px){.sentence{font-size:clamp(1.2rem,5.55vw,1.58rem);gap:.17em .07em}.beat{width:90vw}.xray-culture{grid-template-columns:1fr}.gesture-hint{font-size:.51rem;gap:6px;padding-inline:9px}.actor-art{width:58vw}.narration-toggle{font-size:.52rem}}@media (min-width:700px){.beat{width:min(760px,64vw)}.sentence{font-size:clamp(1.6rem,3vw,2.22rem)}.xray-inner{max-width:900px;margin:0 auto}.xray-culture{grid-template-columns:repeat(3,minmax(0,1fr))}.actor-art{width:min(34vw,360px)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}.world{will-change:auto}}