@font-face{font-family:Fell;src:url('/fonts/im-fell-english.woff2')}*{box-sizing:border-box}body{margin:0;background:#dfdcd1;color:#303733;font-family:Georgia,'Songti SC',serif}button,a{color:inherit}button{font:inherit}a{text-decoration:none}header{height:76px;display:flex;align-items:center;gap:16px;padding:0 4vw;background:#dfdcd1ed;position:relative;z-index:20}.study{font-size:11px;letter-spacing:.08em}.utilities{margin-left:auto;display:flex;gap:12px}.circle{width:36px;height:36px;border:1px solid #7c80745a;border-radius:50%;background:transparent;display:inline-grid;place-items:center;font-size:19px;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #bca275;outline-offset:4px}main{min-height:calc(100svh - 76px)}.title h1{font:400 clamp(40px,5vw,70px)/1.1 Fell;margin:0 0 12px}.title .ipa{opacity:.65;font-size:14px}.title .definition{font:21px/1.5 Fell;max-width:530px;margin:18px 0 10px}.title .zh{font-size:14px;line-height:1.8;max-width:500px}.hint{font-size:12px;line-height:1.8;opacity:.75}.title{pointer-events:none}dialog{border:0;background:#e8e2d4;color:#303733;padding:48px;max-width:700px;max-height:85svh;width:calc(100% - 40px)}dialog::backdrop{background:#171b1abb}dialog p{line-height:1.85}dialog h2{font:38px Fell}#close{float:right}button{touch-action:manipulation}.panorama{height:calc(100svh - 76px);min-height:540px;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:thin;cursor:grab;touch-action:pan-x pan-y}.panorama:active{cursor:grabbing}.world{height:100%;width:max(100vw,calc((100svh - 76px)*3));position:relative}.world>img{width:100%;height:100%;object-fit:cover;pointer-events:none}.pan-copy{pointer-events:none;position:fixed;bottom:42px;left:5vw;z-index:5;color:#eee4d2;text-shadow:0 2px 15px #000;max-width:520px}.pan-copy:before{content:'';position:absolute;inset:-60px -45px -45px;z-index:-1;background:radial-gradient(ellipse,#171611be,transparent 70%)}.anemoia .world{border:16px solid #dad0b9}.anemoia .panorama{background:#c5b89c}.anemoia .pan-copy .hint{margin-top:26px}.trace{position:absolute;border:1px solid transparent;background:transparent;border-radius:50%;width:60px;height:60px;color:#eee2c8;cursor:zoom-in}.trace:after{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#e6d6af;margin:auto;box-shadow:0 0 0 7px #f3e6ca17}.trace:hover,.trace:focus-visible{border-color:#e5d8bd}.detail-view{position:absolute;width:260px;height:190px;background-size:600% auto;background-image:url('assets/kenopsia.webp');border:6px solid #cfc6b7;box-shadow:0 12px 40px #0008;z-index:6;cursor:zoom-out}.detail-view small{position:absolute;bottom:0;left:0;right:0;background:#e2dacaed;padding:8px;color:#383c35;font-size:12px}.routes{min-height:calc(100svh - 76px);position:relative;overflow:hidden;background:radial-gradient(ellipse,#f0ece0,#d9d6c8)}.routes .title{padding:28px 5vw;position:relative;z-index:4;max-width:570px}.map{height:440px;position:relative;margin:0 4vw;overflow:hidden}.map svg{position:absolute;width:100%;height:100%;inset:0}.map path{stroke:#888e7d;stroke-width:1;fill:none}.destination{position:absolute;width:90px;height:62px;background-size:cover;border:3px solid #ebe6d8;box-shadow:0 3px 10px #403c3525;cursor:pointer;transform:translate(-50%,-50%)}.here{position:absolute;left:50%;top:55%;width:clamp(170px,25vw,340px);height:190px;transform:translate(-50%,-50%);background-size:cover;background-position:center;box-shadow:0 12px 35px #525a3c28;border:8px solid #eee9de}.here small{position:absolute;bottom:10px;left:15px;color:#fff;text-shadow:0 1px 4px #000}.breadcrumbs{padding:20px 5vw;display:flex;gap:12px;overflow:auto}.breadcrumbs button{background:transparent;border:0;border-bottom:1px solid #838a75;padding:8px;cursor:pointer;white-space:nowrap}.mono{min-height:calc(100svh - 76px);background:#ede8df;position:relative;overflow:hidden}.mono .title{padding:35px 5vw;max-width:660px}.letterfield{position:relative;height:410px;overflow:hidden;margin:0 5vw;touch-action:pan-y;background:linear-gradient(90deg,transparent 26%,#d5d3c520 26%)}.letterrows{position:absolute;left:30%;right:0;top:16px;display:grid;gap:26px;color:#aaa99b;font:18px Fell;white-space:nowrap}.letterrows div{word-spacing:25px;line-height:1.3}.stranger{position:absolute;left:13%;top:175px;background:transparent;border:0;border-bottom:1px solid #737c65;font:23px Fell;padding:8px 10px;color:#343c35;cursor:grab;touch-action:none;transition:transform .3s}.mono-caption{padding:0 5vw 24px;max-width:580px}.gaze-scene{position:relative;height:calc(100svh - 76px);min-height:540px;background:#323733;overflow:hidden}.gaze-pair{position:absolute;inset:0}.gaze-photo{position:absolute;left:50%;top:50%;width:max(100vw,150svh);height:max(66.667vw,100svh);transform:translate(-50%,-50%);background-image:url('assets/opia.webp');background-size:200% 100%;background-position:0 0}.gaze-photo.direct{background-position:100% 0;opacity:0;transition:opacity .9s}.gaze-scene[data-looking=true] .direct{opacity:1}.eye-region{position:absolute;left:27%;top:22%;width:66%;height:32%;border:0;background:none;cursor:default}.gaze-scene .title{position:absolute;left:5vw;bottom:45px;color:#eee8da;text-shadow:0 2px 10px #111;z-index:3}.gaze-scene:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#111b);pointer-events:none}.expression{min-height:calc(100svh - 76px);background:#d8dcda;position:relative}.expression .title{padding:30px 5vw 12px;max-width:640px}.expression-space{position:relative;min-height:400px;display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:35px 7vw 50px}.whole{position:relative;align-self:start;aspect-ratio:4/3;background:url('/images/exulansis.webp') center/cover;box-shadow:0 18px 45px #44525730;transition:transform 3s,opacity 3s}.expression[data-quiet=true] .whole{transform:translateX(-10px) rotate(-2deg);opacity:.55}.fragment{position:absolute;width:33.333%;height:50%;border:0;background:transparent;cursor:grab;touch-action:none}.fragment:hover,.fragment:focus-visible{outline:1px solid #e6e3d3;outline-offset:-3px}.fragment.dragging{background-image:url('/images/exulansis.webp');background-size:300% 200%;box-shadow:0 6px 15px #2a3b3b80;z-index:5}.paper{position:relative;min-height:280px;background:#eeeade;box-shadow:1px 10px 35px #51595018}.paper:before{content:'';position:absolute;inset:25px;border-top:1px solid #c5c5b85c}.paper small{position:absolute;bottom:18px;left:22px;font-size:11px;color:#7a8176}.received{position:absolute;width:70px;height:65px;background-image:url('/images/exulansis.webp');background-size:300% 200%;box-shadow:0 3px 7px #40504b20}.expression>.hint{padding:0 5vw 25px}.expression-note{font-size:11px;opacity:.6;padding:0 5vw 25px}.live{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}@media(max-width:600px){header{padding:0 18px;height:68px;gap:10px}.study{font-size:10px}.utilities{gap:7px}.circle{width:32px;height:32px}.title h1{font-size:42px}.pan-copy{left:24px;bottom:35px;max-width:calc(100vw - 48px)}.title .definition{font-size:19px}.title .zh{font-size:13px}.panorama,.gaze-scene{height:calc(100svh - 68px)}.world{width:max(100vw,calc((100svh - 68px)*3))}.pan-copy:before{inset:-25px -20px}.detail-view{width:210px;height:155px}.map{height:410px}.destination{width:64px;height:47px}.here{height:145px;width:170px}.routes .title,.mono .title,.expression .title{padding:25px 24px}.letterfield{height:380px;margin:0 24px}.stranger{font-size:19px}.letterrows{font-size:15px;gap:28px}.gaze-photo{width:100vw;height:66.667vw;left:50%;top:32%}.eye-region{left:5%;width:90%;top:24%;height:20%}.gaze-scene .title{left:24px;bottom:35px;max-width:calc(100vw - 48px)}.expression-space{grid-template-columns:1fr;gap:36px;padding:10px 24px 30px}.paper{min-height:220px}.whole{max-width:340px}.expression>.hint,.expression-note{padding-left:24px;padding-right:24px}.received{width:63px;height:58px}.mono-caption{padding:0 24px 25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.expression[data-quiet=true] .whole{transform:none;opacity:1}}