:root{color:#eee6d4;font-synthesis:none;--muted:#b0b3a6;--gold:#edbd79;--line:#e0cfa840;background:#050908;font-family:Songti SC,STSong,Noto Serif CJK SC,serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:1px solid var(--gold);outline-offset:6px}button{transition:color .25s,background .25s,opacity .25s}button:hover{color:#fff3ce}svg{fill:none;stroke:currentColor;stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round}#experience{isolation:isolate;width:100%;height:100svh;position:relative;overflow:hidden}#cosmos{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block}#cosmos:active{cursor:grabbing}.shade{pointer-events:none;background:linear-gradient(90deg,#03080787,#0000 40%),linear-gradient(#0000 81%,#030807d6);position:absolute;inset:0}.ui{z-index:2;transition:opacity .6s,transform .6s;position:absolute}.header{justify-content:space-between;align-items:center;display:flex;top:29px;left:40px;right:36px}.brand{letter-spacing:5px;align-items:center;gap:20px;padding:0;font-size:19px;display:flex}.brand svg{width:54px;height:36px}.header nav{letter-spacing:4px;align-items:center;gap:28px;font-size:16px;display:flex}.header nav>button{padding:10px 0}.divider{background:var(--line);width:1px;height:23px;display:block}.icon-button{place-items:center;width:27px;height:42px;display:grid}.icon-button svg{width:24px;height:24px}.waves{display:none}[aria-pressed=true] .waves{display:block}[aria-pressed=true] .mute-line{display:none}.introduction{pointer-events:none;top:23%;left:6%}.introduction h1{letter-spacing:9px;text-shadow:0 2px 30px #0005;margin:0;font-size:clamp(64px,6.1vw,98px);font-weight:400;line-height:1.17}.english{letter-spacing:7px;margin:25px 0 22px;font-family:Georgia,Times New Roman,serif;font-size:15px}.poem{letter-spacing:5px;color:#d1d2c0;margin:0;font-size:18px;line-height:1.95}.chapter{letter-spacing:3px;align-items:center;gap:11px;font-size:18px;display:flex;bottom:97px;left:40px}.chapter i{background:linear-gradient(90deg,#b4ab96,#0000);width:70px;height:1px;margin-left:10px}.transport{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);white-space:nowrap;background:#040a0994;border-radius:40px;align-items:center;gap:24px;height:58px;padding:0 26px;display:flex;bottom:81px;left:50%;transform:translate(-50%)}.transport button{letter-spacing:3px;align-items:center;gap:12px;padding:13px 0;font-size:16px;display:flex}.transport button svg{width:21px;height:21px}.transport button[aria-pressed=true]{color:var(--gold)}.transport label{letter-spacing:2px;font-size:15px}.transport output{letter-spacing:1px;min-width:41px;margin-left:10px;font-family:Georgia,serif;display:inline-block}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:135px;height:28px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#dfd5b8 var(--progress,31%),#565b4f var(--progress,31%));height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#f3e7cd;border-radius:50%;width:13px;height:13px;margin-top:-5.5px;box-shadow:0 0 15px #e9bd7140}input[type=range]::-moz-range-track{background:#626557;height:2px}input[type=range]::-moz-range-thumb{background:#f3e7cd;border:0;width:13px;height:13px}.rebirth{letter-spacing:4px;color:#f2c789;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#100e0966;border:1px solid #e9b46d;border-radius:40px;justify-content:center;align-items:center;gap:20px;min-width:170px;height:46px;padding:0 24px;font-size:16px;display:flex;bottom:88px;right:36px;box-shadow:0 0 20px #c87a1e12}.rebirth svg{width:18px;height:18px}.rebirth:hover{background:#e4ab7220;box-shadow:0 0 25px #d4933325}.rebirth:disabled{opacity:.45;cursor:wait}.hint{letter-spacing:3px;color:#b2b5a6;white-space:nowrap;pointer-events:none;align-items:center;gap:15px;font-size:12px;display:flex;bottom:25px;left:50%;transform:translate(-50%)}.hint svg{width:14px;height:22px}.mobile-hint{display:none}#moment{letter-spacing:7px;color:#f7ddb1;pointer-events:none;opacity:0;white-space:nowrap;font-size:17px;transition:opacity 1s;position:absolute;top:17%;left:50%;transform:translate(-50%)}#moment.visible{opacity:1}.ui-hidden .ui{opacity:0;pointer-events:none}#loading,#error{z-index:10;background:#050908;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1s;display:flex;position:absolute;inset:0}#loading p{letter-spacing:5px;color:#c3b99f;font-size:14px}.loading-orbit{border:1px solid #bba17933;border-top-color:#cba77a;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:2s linear infinite spin}#loading.loaded{opacity:0;pointer-events:none}#error[hidden]{display:none}#error p{color:var(--muted)}#error button{border:1px solid var(--gold);margin-top:20px;padding:12px 25px}dialog{color:#e7e1d0;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#09100fee;border:1px solid #e6c68d40;border-radius:3px;width:min(500px,100% - 36px);max-height:90svh;padding:48px;overflow:auto;box-shadow:0 25px 150px #000}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0009}dialog h2{letter-spacing:2px;margin:23px 0;font-size:27px;font-weight:400;line-height:1.6}dialog p{letter-spacing:1px;color:#b3b8aa;font-size:14px;line-height:2}.dialog-index{font-family:Georgia,serif;letter-spacing:4px!important;color:#c4a779!important;font-size:11px!important}.close{padding:7px;display:grid;position:absolute;top:18px;right:18px}.close svg{width:18px;height:18px}dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px;padding:18px 0}dl div{color:#c4c5b4;justify-content:space-between;font-size:12px;line-height:2.5;display:flex}dd{margin:0}.colophon{letter-spacing:2px!important;font-size:11px!important}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1600px){.introduction{top:25%}.transport{gap:30px;padding:0 34px}}@media (width<=1200px){.transport{gap:15px;padding:0 20px}.transport input{width:100px}.chapter{font-size:15px;left:26px}.chapter i{width:30px}.rebirth{gap:10px;min-width:140px;padding:0 16px;right:24px}.header{left:26px;right:26px}.introduction{left:5%}.english{letter-spacing:5px;font-size:12px}.poem{letter-spacing:3px;font-size:15px}.transport label{letter-spacing:1px;font-size:13px}}@media (width<=900px){.chapter{bottom:154px}.rebirth{height:42px;bottom:145px}.transport{bottom:64px}.hint{bottom:15px}.introduction{top:22%}.introduction h1{letter-spacing:6px;font-size:68px}}@media (width<=600px){.header{top:19px;left:22px;right:22px}.brand{letter-spacing:3px;gap:10px;font-size:14px}.brand svg{width:37px;height:29px}.header nav{letter-spacing:2px;gap:15px;font-size:12px}.header nav .divider{height:17px}.icon-button svg{width:20px}.introduction{top:12%;left:25px}.introduction h1{letter-spacing:6px;font-size:52px;line-height:1.15}.english{letter-spacing:3.5px;margin:16px 0;font-size:9px}.poem{letter-spacing:2px;font-size:12px;line-height:1.9}.shade{background:linear-gradient(#0000 65%,#030807f5),linear-gradient(90deg,#03080755,#0000 70%)}.chapter{gap:8px;font-size:14px;bottom:154px;left:25px}.chapter i{width:32px;margin-left:3px}.rebirth{letter-spacing:2px;min-width:133px;height:41px;font-size:13px;bottom:145px;right:24px}.transport{justify-content:center;gap:12px;width:calc(100% - 40px);height:52px;padding:0 15px;bottom:69px}.transport button{letter-spacing:1px;gap:7px;font-size:13px}.transport button svg{width:17px;height:17px}.transport label{letter-spacing:0;font-size:0}.transport output{min-width:33px;margin:0;font-size:13px}.transport input{width:66px}.transport .divider{height:18px}.hint{letter-spacing:1.5px;gap:8px;font-size:9px;bottom:22px}.desktop-hint{display:none}.mobile-hint{display:inline}#moment{letter-spacing:3px;font-size:13px;top:11%}dialog{padding:32px}dialog h2{font-size:23px}}@media (height<=600px) and (width>=601px){.introduction{top:19%}.introduction h1{font-size:54px}.english{margin:14px 0}.poem{font-size:13px}.transport{height:47px;bottom:48px}.chapter{bottom:64px}.rebirth{height:40px;bottom:52px}.hint{bottom:7px}.header{top:13px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.loading-orbit{animation:none}}
