@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/ibm-plex-mono-300-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/ibm-plex-mono-300-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/space-grotesk-300-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/space-grotesk-300-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-grotesk-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-grotesk-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;overscroll-behavior:none}:root{--bg:#020308;--ink:#E6E4DD;--dim:#8B909B;--faint:#4A4F5A;--sub:#B04A4E;--thump:#C99457;--click:#8FB8D9;--clickb:#EAF2FB;--ghost:#8FC9A0;--dub:#C8A6E0;--cjk-sans:"PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC","Microsoft YaHei",sans-serif;--cjk-serif:"Songti SC","STSong","Source Han Serif SC","Noto Serif CJK SC","SimSun",serif;--serif:"Noto Serif SC",var(--cjk-serif);--mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,var(--cjk-sans),monospace;--grot:"Space Grotesk",var(--cjk-sans)}body{background:var(--bg);color:var(--ink);font-family:var(--serif);cursor:crosshair;overflow:hidden}#boot{position:fixed;inset:0;z-index:9997;background:#020308;display:grid;place-items:center;transition:opacity 1.6s ease}#boot.gone{opacity:0;pointer-events:none}#bootInner{display:flex;flex-direction:column;align-items:center;gap:20px;animation:bootPulse 2.4s ease-in-out infinite}@keyframes bootPulse{0%,to{opacity:.42}50%{opacity:1}}#bootRing{width:64px;height:64px;border:1px solid rgba(230,228,221,.14);border-top-color:#8fb8d9b8;border-radius:50%;animation:bootSpin 1.8s linear infinite}@keyframes bootSpin{to{transform:rotate(360deg)}}#bootTxt{font:300 9px var(--mono);color:var(--dim);letter-spacing:.55em;padding-left:.55em;text-align:center}body:before{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.55}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");animation:grainShift 1.4s steps(6) infinite}@keyframes grainShift{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}#stage{position:fixed;inset:0;display:block;touch-action:none}#spec{position:fixed;left:0;right:0;bottom:0;height:80px;z-index:36;pointer-events:none;opacity:0;transition:opacity 1.4s ease;mix-blend-mode:screen}#spec.show{opacity:.68}#vig{position:fixed;inset:0;pointer-events:none;z-index:37;background:radial-gradient(ellipse at 50% 50%,transparent 28%,rgba(2,3,8,.55) 62%,rgba(1,1,4,.92) 100%),linear-gradient(rgba(2,3,8,.75),transparent 22%,transparent 78%,rgba(2,3,8,.7))}#vigPulse{position:fixed;inset:0;pointer-events:none;z-index:38;opacity:0;background:radial-gradient(ellipse at 50% 50%,#8fb8d900 42%,#8fb8d91f);transition:opacity .08s linear}#cursorGlow{position:fixed;width:400px;height:400px;pointer-events:none;z-index:35;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity 1.2s ease;background:radial-gradient(circle,rgba(143,184,217,.08),rgba(143,184,217,.03) 40%,transparent 72%)}#cursorGlow.on{opacity:1}.corner{position:fixed;width:14px;height:14px;z-index:40;pointer-events:none;opacity:.55}.corner:before{content:"";position:absolute;left:6px;top:0;width:1px;height:14px;background:#e6e4dd59}.corner:after{content:"";position:absolute;top:6px;left:0;width:14px;height:1px;background:#e6e4dd59}.corner.tl{top:10px;left:10px}.corner.tr{top:10px;right:10px}.corner.bl{bottom:10px;left:10px}.corner.br{bottom:10px;right:10px}.hidden{opacity:0!important;pointer-events:none!important}#vertical{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:39;display:flex;flex-direction:column;gap:56px;pointer-events:none;font:300 9px var(--mono);color:var(--faint);letter-spacing:.5em}#vertical .vt{writing-mode:vertical-rl;text-orientation:upright;opacity:.4;transition:opacity 1.2s ease,color 1.2s ease}#vertical .vt.on{opacity:.9;color:var(--dim);text-shadow:0 0 12px rgba(201,148,87,.35)}#visions{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:41;display:flex;flex-direction:column;gap:24px;align-items:flex-end;pointer-events:none;opacity:0;transition:opacity 1.2s ease}#visions.show{opacity:1}#visions .vn{background:transparent;border:none;cursor:pointer;padding:4px 0;font:300 9px var(--mono);letter-spacing:.34em;color:var(--faint);writing-mode:vertical-rl;text-orientation:upright;transition:color .6s ease,text-shadow .6s ease,transform .6s ease;touch-action:manipulation;position:relative;pointer-events:auto}#visions .vn:before{content:"";position:absolute;right:-7px;top:50%;width:1px;height:0;background:currentColor;transform:translateY(-50%);transition:height .6s cubic-bezier(.2,.8,.2,1);opacity:.6}#visions .vn:hover{color:var(--dim);transform:translate(-3px)}#visions .vn:hover:before{height:60%}#visions .vn.on{color:var(--thump);text-shadow:0 0 16px rgba(201,148,87,.5)}#visions .vn.on:before{height:100%;opacity:1}#visions .vn[data-mode=mirror].on{color:#8fb8d9;text-shadow:0 0 16px rgba(143,184,217,.5)}#visions .vn[data-mode=tide].on{color:#78c8be;text-shadow:0 0 16px rgba(120,200,190,.5)}#visions .vn[data-mode=entropy].on{color:#c88278;text-shadow:0 0 16px rgba(200,130,120,.5)}#visions .vn[data-mode=loom].on{color:#e6be82;text-shadow:0 0 16px rgba(230,190,130,.5)}#phones{position:fixed;top:15px;left:28px;z-index:41;display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:none;font:300 9px var(--mono);color:var(--faint);letter-spacing:.18em;animation:phonesIn 1.6s .5s ease both}@keyframes phonesIn{0%{opacity:0}to{opacity:1}}#phones .ph-row{display:flex;align-items:center;gap:8px;animation:phonesBreath 3.8s ease-in-out infinite}@keyframes phonesBreath{0%,to{opacity:.55}50%{opacity:1}}#phones svg{width:12px;height:12px;flex:none;fill:none;stroke:#8fb8d9cc;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#phones .ph-en{color:#464a54}.ph-comp{display:none;color:#c99457d9}body.comp .ph-comp{display:inline;animation:phonesIn 1s ease both}#top{position:fixed;top:38px;left:28px;right:70px;display:flex;justify-content:space-between;z-index:40;pointer-events:none;animation:rise 1.4s .4s ease both;transition:top .6s ease}body.comp #top{top:54px}#scene{font:300 10px var(--mono);color:var(--dim);letter-spacing:.28em;transition:opacity .4s ease;text-shadow:0 0 12px rgba(143,184,217,.15)}#clock{font:300 10px var(--mono);color:var(--faint);letter-spacing:.16em}#clock b{color:var(--thump);font-weight:400;text-shadow:0 0 10px rgba(201,148,87,.5)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes riseC{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}#settingsBtn{position:fixed;top:15px;right:28px;z-index:42;background:transparent;border:none;cursor:pointer;padding:4px 0;display:flex;flex-direction:column;align-items:flex-end;gap:5px;touch-action:manipulation;animation:phonesIn 1.6s .5s ease both;transition:opacity .3s}#settingsBtn .sb-tag{font:300 9px var(--mono);color:var(--thump);letter-spacing:.26em;transition:color .3s,text-shadow .3s}#settingsBtn .sb-line{width:0;height:1px;background:#e6e4dd73;transition:width .4s cubic-bezier(.2,.8,.2,1),background .4s}#settingsBtn .sb-hint{font:300 8px var(--mono);color:var(--faint);letter-spacing:.3em;transition:color .3s}#settingsBtn:hover .sb-tag{color:#e8b478;text-shadow:0 0 12px rgba(201,148,87,.5)}#settingsBtn:hover .sb-line{width:100%;background:#e6e4dde6}#settingsBtn:hover .sb-hint{color:var(--dim)}#settingsBtn:active{opacity:.6}#pwaChip{position:fixed;top:62px;right:28px;z-index:43;display:flex;align-items:center;gap:7px;transition:opacity .5s ease}#pwaAction{background:transparent;border:none;cursor:pointer;padding:2px 0;font:300 8px var(--mono);letter-spacing:.24em;color:var(--thump);touch-action:manipulation;transition:color .3s,text-shadow .3s}#pwaAction:hover{color:#e8b478;text-shadow:0 0 12px rgba(201,148,87,.5)}#pwaAction:active{opacity:.6}#pwaDismiss{background:transparent;border:none;cursor:pointer;padding:0 1px;font:300 11px/1 var(--mono);color:var(--faint);touch-action:manipulation;transition:color .3s}#pwaDismiss:hover{color:var(--dim)}.system-params{margin-top:22px;padding-top:16px;border-top:1px solid rgba(230,228,221,.07)}.pref-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:transparent;border:none;cursor:pointer;padding:11px 0;border-bottom:1px solid rgba(230,228,221,.05);font:300 10px/1.4 var(--mono);letter-spacing:.1em;color:var(--dim);text-align:left;touch-action:manipulation;transition:color .25s}.pref-toggle span{display:flex;flex-direction:column;gap:3px;min-width:0}.pref-toggle em{font-style:normal;font-size:8px;letter-spacing:.16em;color:var(--faint)}.pref-toggle i{flex:none;position:relative;width:32px;height:15px;border-radius:9px;background:#e6e4dd17;border:1px solid rgba(230,228,221,.16);transition:background .25s,border-color .25s}.pref-toggle i:after{content:"";position:absolute;top:1px;left:1px;width:11px;height:11px;border-radius:50%;background:var(--faint);transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s}.pref-toggle.on{color:var(--ink)}.pref-toggle.on i{background:#c9945733;border-color:#c9945780}.pref-toggle.on i:after{transform:translate(17px);background:var(--thump)}.pref-toggle:active{opacity:.7}#diag{position:fixed;left:0;right:0;bottom:0;margin:0;z-index:60;background:#020308f0;color:#8fc9a0;font:400 10px/1.55 var(--mono);white-space:pre-wrap;word-break:break-all;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(143,201,160,.28);pointer-events:none}#settingsPanel{position:fixed;top:0;right:0;width:min(420px,94vw);height:100%;height:100dvh;background:linear-gradient(180deg,#08090df5,#04050afa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(230,228,221,.1);z-index:60;transform:translate(105%);transition:transform .55s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}#settingsPanel.open{transform:translate(0)}#settingsHeader{padding:26px 26px 18px;border-bottom:1px solid rgba(230,228,221,.08);display:flex;align-items:center;justify-content:space-between;flex:none;background:linear-gradient(180deg,rgba(20,22,30,.4),transparent)}#settingsHeader h2{font:500 14px var(--serif);letter-spacing:.32em;color:var(--ink);padding-left:.32em}#settingsClose{width:32px;height:32px;border:1px solid rgba(230,228,221,.2);background:transparent;cursor:pointer;display:grid;place-items:center;transition:border-color .2s;touch-action:manipulation}#settingsClose:hover{border-color:#e6e4dd8c}#settingsClose svg{width:12px;height:12px;stroke:#e6e4ddb3;stroke-width:1.5;stroke-linecap:round;fill:none}#settingsBody{flex:1;padding:22px 26px 32px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(230,228,221,.15) transparent}.settings-section{margin-bottom:34px}.settings-section h3{font:400 9px var(--mono);letter-spacing:.32em;color:var(--faint);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(230,228,221,.07);display:flex;align-items:center;gap:10px}.settings-section h3:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--thump);box-shadow:0 0 8px var(--thump)}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preset-btn{padding:13px 14px;background:linear-gradient(160deg,#ffffff07,#ffffff02);border:1px solid rgba(230,228,221,.1);cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);text-align:left;touch-action:manipulation;position:relative;overflow:hidden}.preset-btn:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(143,184,217,.1),transparent 70%);opacity:0;transition:opacity .3s}.preset-btn:hover{background:linear-gradient(160deg,#ffffff0e,#ffffff04);border-color:#e6e4dd52;transform:translateY(-1px)}.preset-btn:hover:after{opacity:1}.preset-btn.active{background:linear-gradient(160deg,#8fb8d924,#8fb8d90a);border-color:#8fb8d9a6;box-shadow:0 0 18px #8fb8d91f,inset 0 0 12px #8fb8d90f}.preset-btn.nature.active{background:linear-gradient(160deg,#78b48c24,#78b48c0a);border-color:#8cc8a099;box-shadow:0 0 18px #78b48c24,inset 0 0 12px #78b48c0f}.preset-btn .preset-name{font:400 11px var(--grot);color:var(--ink);margin-bottom:5px;display:block;letter-spacing:.06em}.preset-btn .preset-desc{font:300 9px var(--mono);color:var(--dim);display:block;line-height:1.5}.preset-btn .preset-tag{font:300 8px var(--mono);color:var(--click);display:block;margin-top:6px;letter-spacing:.18em}.preset-btn.nature .preset-tag{color:#8fc9a0}.param-group{margin-bottom:20px}.param-label{display:flex;justify-content:space-between;font:300 9px var(--mono);color:var(--dim);letter-spacing:.14em;margin-bottom:9px}.param-label span:first-child{display:flex;flex-direction:column;gap:2px}.param-label span:first-child em{font-style:normal;font-size:8px;color:var(--faint);letter-spacing:.18em}.param-label span:last-child{color:var(--thump);font-weight:400;letter-spacing:.04em;flex:none}.param-slider{position:relative;height:24px;cursor:pointer;touch-action:none}.param-slider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e6e4dd1a}.param-slider .param-fill{position:absolute;left:0;top:50%;height:1px;background:var(--thump);box-shadow:0 0 10px #c9945780;pointer-events:none}.param-slider .param-thumb{position:absolute;top:50%;width:3px;height:16px;transform:translate(-50%,-50%);background:var(--ink);box-shadow:0 0 10px #fff6;pointer-events:none}.param-slider .param-track{position:absolute;left:0;right:0;top:calc(50% - 12px);height:24px;cursor:ew-resize;touch-action:none}.nature-params{margin-top:14px;padding-top:14px;border-top:1px dashed rgba(140,200,160,.18)}.nature-params .param-label span:last-child{color:#8fc9a0}.nature-params .param-slider .param-fill{background:#8fc9a0;box-shadow:0 0 10px #8fc9a080}.dub-params{margin-top:14px;padding-top:14px;border-top:1px dashed rgba(200,166,224,.18)}.dub-params .param-label span:last-child{color:#c8a6e0}.dub-params .param-slider .param-fill{background:#c8a6e0;box-shadow:0 0 10px #c8a6e080}#copy{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:30;pointer-events:none;width:min(92vw,860px)}#copyInner{will-change:transform;transform-origin:center}#copyMain{font:600 clamp(26px,4.6vw,44px)/1.55 var(--serif);color:var(--ink);letter-spacing:.32em;padding-left:.32em;text-shadow:0 4px 40px rgba(0,0,0,.95),0 0 100px rgba(0,0,0,.6),0 0 24px rgba(143,184,217,.08);transition:letter-spacing 1.4s cubic-bezier(.2,.8,.25,1),padding-left 1.4s cubic-bezier(.2,.8,.25,1)}#copySub{margin-top:22px;font:400 clamp(12px,1.35vw,14px)/2.1 var(--serif);color:var(--dim);letter-spacing:.52em;padding-left:.52em;transition:letter-spacing 1.4s cubic-bezier(.2,.8,.25,1),padding-left 1.4s cubic-bezier(.2,.8,.25,1)}#copy.show #copyMain{letter-spacing:.2em;padding-left:.2em}#copy.show #copySub{letter-spacing:.32em;padding-left:.32em}#copy.exit #copyMain{letter-spacing:.46em;padding-left:.46em}#copy.exit #copySub{letter-spacing:.64em;padding-left:.64em}#copy .ch{display:inline-block;opacity:0;transform:translateY(-22px) scale(1.28);filter:blur(11px);will-change:transform,opacity,filter;transition:opacity .7s ease,transform 1.05s cubic-bezier(.17,.84,.27,1),filter .85s ease;transition-delay:var(--d,0s)}#copy.show .ch{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}#copy.exit .ch{opacity:0;transform:translateY(34px) scale(.92);filter:blur(10px);transition-duration:.6s,.75s,.55s}#ring{position:fixed;left:50%;top:68%;transform:translate(-50%,-50%);width:170px;height:170px;z-index:45;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;transition:opacity .8s;animation:ringIn 1.8s 1.1s ease both}@keyframes ringIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 20px))}to{opacity:1;transform:translate(-50%,-50%)}}#ring svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}#ring .rb{fill:none;stroke:#e6e4dd24;stroke-width:1.2}#ring .rd{fill:none;stroke:#e6e4dd0d;stroke-width:1;stroke-dasharray:2 7}#ring .rhalo{fill:none;stroke:#8fb8d914;stroke-width:.5}#ring .rf{fill:none;stroke:var(--clickb);stroke-width:1.4;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(234,242,251,.7))}#ringHold{position:absolute;inset:0;display:grid;place-items:center;font:300 10px var(--mono);letter-spacing:.55em;color:var(--dim);padding-left:.55em;transition:color .4s,opacity .4s}#ring:hover #ringHold{color:var(--ink)}#bend{position:fixed;left:50%;bottom:104px;transform:translate(-50%);width:min(660px,88vw);z-index:40;display:flex;align-items:center;gap:18px;transition:opacity 1.1s}#bend .bb-l{font:300 9px var(--mono);color:var(--faint);letter-spacing:.26em;white-space:nowrap}#bbTrack{position:relative;flex:1;height:28px;cursor:ew-resize;touch-action:none}#bbTrack:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e6e4dd29}#bbTrack:after{content:"";position:absolute;left:0;right:0;top:calc(50% - 3px);height:7px;background:repeating-linear-gradient(90deg,rgba(230,228,221,.11) 0 1px,transparent 1px 12.5%)}#bbFill{position:absolute;left:0;top:50%;height:1px;background:var(--thump);box-shadow:0 0 10px #c9945799;pointer-events:none;transition:width .1s linear}#bbNotch{position:absolute;top:calc(50% - 7px);width:1px;height:15px;background:#e6e4dd73;pointer-events:none}#bbTarget{position:absolute;top:calc(50% - 5px);width:1px;height:11px;background:#8fb8d9a6;box-shadow:0 0 8px #8fb8d980;pointer-events:none;transition:left .8s cubic-bezier(.3,.7,.3,1)}#bbThumb{position:absolute;top:50%;width:3px;height:18px;transform:translate(-50%,-50%);background:var(--ink);box-shadow:0 0 12px #ffffff80;pointer-events:none;transition:left .1s linear}#bend .bb-r{font:300 10px var(--mono);color:var(--dim);letter-spacing:.05em;white-space:nowrap}#bend .bb-r b{color:var(--thump);font-weight:500}#bbDir{margin:0 2px;font-weight:400;color:var(--faint)}#bbDir.up{color:var(--thump)}#bbDir.down{color:var(--click)}#bbTgt{color:var(--faint)}#revoke{font:400 10px var(--mono);letter-spacing:.22em;color:#c96a6d;background:#b04a4e0a;border:1px solid rgba(176,74,78,.5);padding:8px 15px;cursor:pointer;transition:.25s;white-space:nowrap;touch-action:manipulation}#revoke:hover{color:#e5868a;border-color:#e5868a;box-shadow:0 0 20px #b04a4e4d,inset 0 0 12px #b04a4e14}#ribbon{position:fixed;left:50%;bottom:26px;transform:translate(-50%);display:flex;z-index:40;pointer-events:none;font-family:var(--mono);animation:riseC 1.4s .8s ease both}.rp{display:flex;align-items:center;gap:8px;padding:0 20px;border-left:1px solid rgba(230,228,221,.08)}.rp:first-child{border-left:none}.rp i{width:4px;height:4px;border-radius:50%;background:#26292f;transition:all .8s;flex:none}.rp span{font:300 9px/1.75 var(--mono);color:var(--faint);letter-spacing:.1em}.rp em{font-style:normal;color:#353a42;transition:color .8s}.rp.on i{background:var(--thump);box-shadow:0 0 10px var(--thump)}.rp.on span{color:var(--dim)}.rp.on em{color:var(--faint)}#rpNm.on i{background:var(--sub);box-shadow:0 0 10px var(--sub)}#rpBeat b{color:var(--thump);font-weight:400}#hint{position:fixed;left:50%;bottom:19%;transform:translate(-50%);font:300 10px var(--mono);color:var(--dim);letter-spacing:.36em;z-index:35;animation:breath 2.8s ease-in-out infinite;pointer-events:none;transition:opacity .9s;text-align:center;padding:0 20px}#hintTxt{display:inline-block;transition:opacity .5s ease}@keyframes breath{0%,to{opacity:.3}50%{opacity:.85}}#resign{position:fixed;left:50%;top:72%;transform:translate(-50%);z-index:45;font:400 11px var(--mono);letter-spacing:.26em;color:var(--ink);background:transparent;border:1px solid rgba(230,228,221,.3);padding:12px 26px;cursor:pointer;transition:.35s;touch-action:manipulation;backdrop-filter:blur(4px)}#resign:hover{border-color:var(--ink);box-shadow:0 0 26px #eaf2fb33;background:#eaf2fb08}#phil{position:fixed;left:50%;bottom:56px;transform:translate(-50%);z-index:38;font:300 10px var(--mono);color:var(--faint);letter-spacing:.34em;pointer-events:none;text-align:center;max-width:min(560px,86vw);padding:0 20px;transition:opacity 1.1s ease}#philTxt{display:inline-block;transition:opacity 1s ease,transform 1s ease}#somatic{position:fixed;right:44px;bottom:120px;z-index:39;pointer-events:none;display:flex;flex-direction:column;gap:9px;opacity:0;transition:opacity 1.2s ease}#somatic.show{opacity:1}#somatic .sm-row{display:flex;align-items:center;gap:8px;font:300 8px var(--mono);letter-spacing:.22em;color:var(--faint)}#somatic .sm-row .sm-lbl{flex:1;text-align:right;white-space:nowrap}#somatic .sm-row .sm-lbl em{font-style:normal;color:#2a2e36;letter-spacing:.14em}#somatic .sm-bar{width:52px;height:1px;background:#e6e4dd14;position:relative;overflow:hidden;flex:none}#somatic .sm-bar i{position:absolute;left:0;top:0;height:100%;width:0%;background:currentColor;box-shadow:0 0 6px currentColor;transition:width .05s linear}#smSub{color:#b04a4e}#smThump{color:#c99457}#smClick{color:#8fb8d9}@media(max-width:720px){#vertical,#cursorGlow{display:none}#phones{top:calc(10px + env(safe-area-inset-top,0px));left:calc(16px + env(safe-area-inset-left,0px))}#phones .ph-en{display:none}#settingsBtn{top:calc(10px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));gap:4px}#settingsBtn .sb-tag{font-size:8px;letter-spacing:.2em}#settingsBtn .sb-hint{font-size:7px;letter-spacing:.22em}#pwaChip{top:calc(50px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px))}#pwaAction{font-size:7.5px;letter-spacing:.18em}#top{top:calc(34px + env(safe-area-inset-top,0px));left:calc(16px + env(safe-area-inset-left,0px));right:calc(100px + env(safe-area-inset-right,0px));flex-direction:column;align-items:flex-start;gap:4px}body.comp #top{top:calc(64px + env(safe-area-inset-top,0px))}#scene{letter-spacing:.18em}#clock{letter-spacing:.1em}#copy{width:min(84vw,520px)}#copy.show #copySub{letter-spacing:.24em;padding-left:.24em}#ring{width:148px;height:148px;top:66%}#resign{top:71%;font-size:10px;letter-spacing:.2em;padding:11px 22px}#hint{top:58%;bottom:auto;font-size:9px;letter-spacing:.24em;line-height:2;padding:0 26px;max-width:calc(100vw - 76px)}#bend{width:calc(100vw - 76px);flex-wrap:wrap;gap:6px 8px;align-items:center;bottom:calc(148px + env(safe-area-inset-bottom,0px))}#bend .bb-l{display:none}#bbTrack{flex:1 1 100%;order:1;height:34px}#bend .bb-r{order:2;flex:1 1 auto;min-width:0;font-size:9px;letter-spacing:.04em}#revoke{order:3;padding:8px 12px;font-size:9px;letter-spacing:.14em}.bb-ms{display:none}#visions{right:calc(16px + env(safe-area-inset-right,0px));gap:17px}#visions .vn{font-size:8.5px;letter-spacing:.26em}#visions .vn:before{right:-6px}#somatic{left:calc(14px + env(safe-area-inset-left,0px));right:auto;bottom:calc(234px + env(safe-area-inset-bottom,0px));gap:5px}#somatic .sm-row{gap:0;font-size:7px}#somatic .sm-row .sm-lbl{display:none}#somatic .sm-bar{width:42px}#ribbon{bottom:calc(12px + env(safe-area-inset-bottom,0px))}#ribbon .rp{padding:0 7px;gap:5px}#ribbon .rp br,#ribbon .rp em{display:none}#ribbon .rp span{font-size:8px;letter-spacing:.06em;line-height:1.2}#phil{bottom:calc(48px + env(safe-area-inset-bottom,0px));font-size:9px;letter-spacing:.2em;max-width:min(76vw,520px)}#spec{height:48px}.preset-grid{grid-template-columns:1fr}}@media(max-width:720px)and (max-height:660px){#somatic{display:none}}@media(max-width:420px)and (max-height:640px){#hint{top:calc(112px + env(safe-area-inset-top,0px));bottom:auto;left:calc(16px + env(safe-area-inset-left,0px));transform:none;text-align:left;padding:0;font-size:8.5px;letter-spacing:.14em;line-height:1.9;max-width:calc(100vw - 76px)}}390 px 的可用高度里，中央文案 / 提示 / 时间标尺 / 箴言 仍能各占一行。 */ @media(max-height:480px){#copy{top:38%;max-width:min(80vw,700px)}#ring{top:74%}#hint{bottom:auto;top:60%;font-size:8.5px;letter-spacing:.18em;line-height:1.9;padding:0 14px;max-width:min(68vw,560px)}#phil{bottom:calc(36px + env(safe-area-inset-bottom,0px));font-size:8.5px;letter-spacing:.2em;max-width:min(62vw,560px)}#bend{flex-wrap:nowrap;width:min(560px,82vw);gap:9px;bottom:calc(92px + env(safe-area-inset-bottom,0px))}#bend .bb-l{display:block;font-size:8px;letter-spacing:.18em}#bbTrack{flex:1 1 auto;order:0;height:26px}#bend .bb-r{order:0;font-size:8px;letter-spacing:.04em}#revoke{order:0;padding:6px 10px;font-size:8px;letter-spacing:.12em}}