:root{color:#eef2fa;font-synthesis:none;--glass:linear-gradient(145deg, #141a2aed, #0b101de6);--chip:#0c111ecc;--mute:#99a4bf;--cyan:#7fe3ff;--amber:#ffb454;--mono:"DM Mono", ui-monospace, Menlo, monospace;--shadow:0 18px 50px -20px #000c;background:#090d16;font-family:Outfit,Arial,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%}body{background:#090d16;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,[tabindex]:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}#app{isolation:isolate;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}#world{z-index:-3;position:absolute;inset:0}#world canvas{touch-action:none;width:100%;height:100%;display:block}.vignette{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#050810b3,#0000 26%),linear-gradient(270deg,#05081094,#0000 22%),radial-gradient(at 52% 47%,#0000 54%,#03050bb8 100%);position:absolute;inset:0}#loading{text-align:center;width:100%;color:var(--mute);font-size:14px;position:absolute;top:47%}.card{background:var(--glass);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:16px}.h{letter-spacing:1.2px;text-transform:uppercase;color:var(--mute);justify-content:space-between;align-items:baseline;gap:8px;margin:0 3px 8px;font-size:10px;font-weight:600;display:flex}.h em{font:400 10px var(--mono);letter-spacing:0;text-transform:none;color:#7985a2;font-style:normal}.side{pointer-events:none;z-index:4;flex-direction:column;gap:11px;width:292px;display:flex;position:absolute;top:22px;left:24px}.side>*{pointer-events:auto}.brand{text-shadow:0 2px 18px #000000b3;display:block;pointer-events:none!important}.brand h1{letter-spacing:-.5px;text-transform:uppercase;margin:0;font-weight:800;line-height:.92}.brand h1 span{letter-spacing:.6px;color:#dfe6f5;font-size:19px;font-weight:600;display:block}.brand h1 b{color:var(--cyan);font-size:39px;font-weight:800;display:block}.brand small{color:#c7cee0;max-width:27em;margin-top:9px;font-size:12.5px;line-height:1.5;display:block}.moods,.scene-switch{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.scene-switch button{background:var(--chip);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;border-radius:12px;padding:7px 10px;transition:background .2s,color .2s,transform .25s cubic-bezier(.2,1.5,.3,1)}.scene-switch button:hover{background:#1a2133eb;transform:translateY(-1px)}.scene-switch button.on{color:#101626;background:#eef4ff}.scene-switch b{font-size:13.5px;font-weight:600;display:block}.scene-switch small{font:500 9.5px/1.2 var(--mono);color:#8d97b3;margin-top:2px;display:block}.scene-switch button.on small{color:#56607a}.mood{background:var(--chip);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;border-radius:12px;padding:7px 8px;transition:background .2s,color .2s,transform .25s cubic-bezier(.2,1.5,.3,1)}.mood:hover{background:#1a2133eb;transform:translateY(-1px)}.mood.on{color:#101626;background:#eef4ff}.mood .pal{border-radius:5px;height:15px;margin-bottom:6px;display:flex;overflow:hidden;box-shadow:0 3px 8px -4px #0009}.mood .pal i{flex:1}.mood b{font-size:13.5px;font-weight:600;display:block}.mood small{font:500 9.5px/1.2 var(--mono);color:#8d97b3;margin-top:2px;display:block}.mood.on small{color:#56607a}.meter{gap:6px;display:flex}.stat{background:var(--chip);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;flex:1;min-width:0;padding:6px 9px 7px}.stat i{font:500 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8d97b3;font-style:normal;display:block}.stat b{font:500 15px/1 var(--mono);color:#fff;font-variant-numeric:tabular-nums;margin-top:4px;display:block}.stat u{background:#ffffff14;border-radius:2px;height:3px;margin-top:6px;display:block;overflow:hidden}.stat u span{background:#aeb7cc;border-radius:2px;width:0;height:100%;transition:width .5s;display:block}.stat.top b{color:var(--cyan)}.stat.top u span{background:var(--cyan)}.why{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c3cadc;background:#0c111eb8;border-radius:12px;min-height:3.6em;margin:0;padding:9px 11px;font-size:12px;line-height:1.5}.why b{color:#fff}.why .accent{color:var(--cyan)}.board{padding:10px 8px 9px}.slots{grid-template-columns:repeat(3,1fr);gap:4px 6px;display:grid}.slot{text-align:center;border-radius:11px;flex-direction:column;align-items:center;gap:4px;padding:5px 2px 4px;transition:background .2s;display:flex}.slot:hover{background:#ffffff0d}.slot.sel{background:#ffffff1c}.slot.drop{background:#7fe3ff26}.slot canvas{border-radius:10px;width:50px;height:50px;transition:transform .25s cubic-bezier(.2,1.6,.3,1);box-shadow:0 7px 14px -7px #000000e6}.slot:hover canvas{transform:translateY(-2px)}.slot.pop canvas{animation:.5s cubic-bezier(.2,1.6,.3,1) pop}@keyframes pop{0%{transform:scale(.7)rotate(-6deg)}to{transform:none}}.slot i{font:500 8.5px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#8891ab;white-space:nowrap;font-style:normal}.slot span{color:#e3e8f4;max-width:70px;min-height:2.3em;font-size:10.5px;line-height:1.15;display:block}.tools{z-index:5;gap:6px;display:flex;position:absolute;top:22px;right:24px}.tools button,.bottom-actions button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#dfe4f3;background:#0d1220d1;border-radius:11px;place-items:center;width:34px;height:34px;transition:background .15s,opacity .2s;display:grid;box-shadow:0 8px 20px -10px #000000bf}.tools button:hover:not(:disabled),.bottom-actions button:hover{background:#1c2336f2}.tools button.on{color:#141a2c;background:#eef4ff}.tools button:disabled{opacity:.35;cursor:default}.tools svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.tools .sep{width:4px}.light{z-index:4;width:232px;padding:10px 10px 11px;position:absolute;top:70px;right:24px}.times{flex-direction:column;gap:5px;display:flex}.time{text-align:left;border-radius:12px;align-items:center;gap:7px;width:100%;padding:5px;transition:background .2s;display:flex}.time:hover{background:#ffffff0e}.time.on{background:#ffffff1f}.time svg{fill:none;stroke:#e8edf8;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px;margin:0 2px 0 4px}.time .th{background:#141a28;border-radius:9px;flex:none;width:118px;height:66px;position:relative;overflow:hidden;box-shadow:0 6px 14px -8px #000000d9}.time .th canvas{width:100%;height:100%;display:block}.time b{font-size:12.5px;font-weight:600;display:block}.time small{font:500 10px var(--mono);color:#8d97b3;margin-top:2px;display:block}.clock{font:500 12px var(--mono);color:#fff;letter-spacing:0;text-transform:none}.slider-wrap{height:34px;margin:8px 4px 0;position:relative}.time-range{--time-color:#ffb071;appearance:none;cursor:pointer;touch-action:none;background:0 0;width:100%;height:26px;margin:0}.time-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ef9b6b,#f7f1dd 35%,#f8d09a 66%,#5f6f9f 82%,#33395e);border-radius:4px;height:6px;box-shadow:inset 0 1px 2px #00000073}.time-range::-moz-range-track{background:linear-gradient(90deg,#ef9b6b,#f7f1dd 35%,#f8d09a 66%,#5f6f9f 82%,#33395e);border-radius:4px;height:6px}.time-range::-webkit-slider-thumb{appearance:none;background:linear-gradient(#fff,#c3cadb);border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 3px 8px #0009}.time-range::-moz-range-thumb{background:#f5f6fb;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 3px 8px #0009}.ticks{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:24px;left:2px;right:2px}.ticks i{background:#ffffff40;width:1px;height:4px}.tray{z-index:4;min-width:420px;max-width:calc(100vw - 520px);padding:8px 10px 9px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.tabs{flex-wrap:nowrap;align-items:center;gap:2px;margin-bottom:7px;display:flex}.tabs button{color:#b3bbcf;white-space:nowrap;border-radius:9px;height:26px;padding:0 10px;font-size:12.5px;font-weight:500;transition:background .15s,color .15s,opacity .2s}.tabs button:hover{color:#fff;background:#ffffff0f}.tabs button.on{color:#101626;background:#eef4ff}.tabs .div{background:#ffffff1c;width:1px;height:16px;margin:0 6px}.tabs .for{font:500 10.5px var(--mono);color:var(--cyan);white-space:nowrap;align-items:center;gap:6px;margin-left:auto;padding-left:12px;display:none}.tabs .for.on{display:flex}.tabs .for button{width:20px;height:20px;color:var(--cyan);background:#7fe3ff21;border-radius:6px;place-items:center;padding:0;font-size:13px;display:grid}.items{scrollbar-width:none;gap:6px;min-height:86px;padding:4px 2px 2px;display:flex;overflow:auto hidden}.items::-webkit-scrollbar{display:none}.it{cursor:grab;touch-action:pan-x;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:5px;width:70px;padding:3px 0 4px;transition:background .2s;display:flex}.it:hover{background:#ffffff0a}.it:active{cursor:grabbing}.it canvas,.it img{object-fit:contain;border-radius:12px;width:60px;height:60px;transition:transform .3s cubic-bezier(.2,1.5,.3,1);box-shadow:0 8px 16px -8px #000c}.it:hover canvas,.it:hover img{transform:translateY(-4px)rotate(-2.5deg)}.it.fur{width:84px}.it.fur img{width:80px;height:60px;box-shadow:none;background:radial-gradient(at 50% 62%,#ffffff1f,#ffffff08 55%,#0000 75%);border-radius:14px}.it span{color:#c9d0e2;white-space:nowrap;text-overflow:ellipsis;max-width:84px;font-size:10.5px;overflow:hidden}.it.cur span{color:var(--cyan)}.it.cur span:before{content:"●  ";vertical-align:1px;font-size:8px}.tmini{display:none}#drag-ghost{z-index:20;pointer-events:none;object-fit:cover;opacity:0;border-radius:12px;width:64px;height:64px;margin:-32px 0 0 -32px;transition:opacity .12s;position:fixed;top:0;left:0;transform:rotate(-6deg)scale(1.08);box-shadow:0 18px 30px -10px #000000d9}#drag-ghost.on{opacity:1}#drag-ghost.fur{width:88px;height:66px;box-shadow:none;object-fit:contain;border-radius:0;margin:-33px 0 0 -44px}#selection{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#0d1220eb;border-radius:12px;gap:3px;padding:4px;transition:opacity .15s;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 12px 30px -12px #000c}#selection.on{opacity:1;pointer-events:auto}#selection button{color:#e3e8f4;border-radius:9px;align-items:center;gap:5px;height:28px;padding:0 9px;font-size:12px;display:flex}#selection button:hover{background:#ffffff17}#selection svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}#selection b{align-items:center;padding:0 6px 0 7px;font-size:12px;font-weight:600;display:flex}#annotations{z-index:2;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}#annotations.off{opacity:0}#leaders{width:100%;height:100%;position:absolute;inset:0;overflow:visible}#leaders line{stroke:#f0f6ffb3;stroke-width:1px;stroke-dasharray:5 5}#leaders circle{fill:#fff;filter:drop-shadow(0 0 4px #7fe3ff)}.annotation{text-align:center;filter:drop-shadow(0 12px 14px #00000059);width:84px;position:absolute;transform:translate(-50%,-100%)}.annotation canvas{border-radius:10px;width:72px;height:72px;margin:0 auto -4px;display:block}.annotation div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d121ec7;border-radius:9px;padding:5px 8px;display:inline-block}.annotation b{font-size:10.5px;line-height:1.05;display:block}.annotation i{font:500 7.5px var(--mono);color:var(--cyan);text-transform:uppercase;margin-top:2px;font-style:normal;display:block}.scene-tag{z-index:3;text-align:right;text-shadow:0 2px 12px #000;position:absolute;bottom:66px;right:24px}.scene-tag span{font:500 10px var(--mono);letter-spacing:.13em;color:#e8edf7;display:block}.scene-tag b{color:#9ea8c0;margin-top:4px;font-size:12px;font-weight:400;display:block}.bottom-actions{z-index:4;gap:8px;display:flex;position:absolute;bottom:22px;right:24px}.bottom-actions button svg{fill:#dfe4f3;width:14px;height:14px}.bottom-actions #reset-view{width:auto;padding:0 13px;font-size:11px}#toast{z-index:12;color:#dfe5ee;white-space:nowrap;opacity:0;pointer-events:none;background:#0d1220eb;border-radius:14px;padding:7px 14px;font-size:11.5px;transition:opacity .25s,transform .25s;position:absolute;top:22px;left:50%;transform:translate(-50%)translateY(-6px);box-shadow:0 10px 24px -12px #000c}#toast.on{opacity:1;transform:translate(-50%)translateY(0)}#app.ui-off>:not(#world):not(.vignette):not(#toast):not(#tour-fade){visibility:hidden;pointer-events:none;transition:opacity .25s,visibility 0s .25s;opacity:0!important}#tour-fade{z-index:25;opacity:0;pointer-events:none;background:#05070d;transition:opacity .45s;position:fixed;inset:0}#tour-fade.on{opacity:1}dialog{color:#eef1fa;background:#101526;border:0;border-radius:20px;max-width:600px;max-height:84vh;padding:28px;overflow-y:auto;box-shadow:0 30px 80px #000000b3}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05070fad}dialog h2{margin:0 0 8px;font-size:23px}dialog h3{letter-spacing:1.5px;text-transform:uppercase;color:#8f98b3;margin:20px 0 6px;font-size:11px}dialog p{color:#c0c7dc;-webkit-user-select:text;user-select:text;margin:0 0 10px;font-size:13.5px;line-height:1.65}dialog code{font-family:var(--mono);background:#ffffff12;border-radius:5px;padding:1px 5px;font-size:12px}#close{float:right;color:#8f98b3;font-size:24px}.br{z-index:4;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:18px;right:24px}.br-title{font:500 9px var(--mono);letter-spacing:.13em;color:#b9c1d4;text-shadow:0 2px 10px #000}.recommend-card{background:#141a28;border-radius:14px;width:176px;height:108px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 16px 36px -16px #000c}.br.minimal .br-title,.br.minimal .recommend-card{display:none}.recommend-card canvas{width:100%;height:100%;display:block}.recommend-card div{background:linear-gradient(#0000,#080c14e8);padding:22px 10px 8px;position:absolute;bottom:0;left:0;right:0}.recommend-card b{font-size:11.5px;display:block}.recommend-card small{font:400 8.5px var(--mono);color:#9aa5bd;margin-top:2px;display:block}.br-actions{align-items:center;gap:7px;display:flex}.br-actions button,.br-actions a{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#dfe4f3;background:#0d1220d6;border-radius:11px;justify-content:center;align-items:center;gap:4px;min-width:32px;height:32px;padding:0 8px;font-size:11px;text-decoration:none;display:flex;box-shadow:0 8px 20px -10px #000b}.br-actions button:hover,.br-actions a:hover{background:#1c2336f5}.br-actions svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.br-actions #share svg{fill:currentColor;stroke:none}.br-actions #view-count,.br-actions #comment-count{font:500 9px var(--mono)}.br-actions #comment-count{color:#8e99b2;margin-left:2px}.br-actions #follow{padding:0 12px;font-size:11.5px}.br-actions #reset-view{font:500 11px var(--mono)}.br-actions #notify.on{color:#141a2c;background:#eef4ff}#tune{z-index:9;width:min(320px,100vw - 48px);font:400 11.5px/1 var(--mono);color:#c9cfe2;background:#0d1220f7;border-radius:16px;padding:12px 4px 10px;position:absolute;top:70px;right:24px;box-shadow:0 22px 52px -20px #000c}#tune[hidden]{display:none}#tune h3{letter-spacing:.09em;text-transform:uppercase;color:#8f98b3;justify-content:space-between;align-items:center;margin:0 12px 9px;font:600 11px/1 Outfit,sans-serif;display:flex}#tune h3 em{color:#7f88a5;font-style:normal}#tune-close{color:#aab4ca;margin-left:auto;padding:0 2px 0 12px;font-size:17px;line-height:.8}#tune-rows{scrollbar-width:thin;max-height:min(56vh,440px);overflow:auto}.tune-row{align-items:center;gap:8px;padding:5px 12px;display:flex}.tune-row:hover{background:#ffffff0b}.tune-row b{white-space:nowrap;flex:1;font-weight:400}.tune-row input{accent-color:#8fe3ff;cursor:ew-resize;width:96px}.tune-row output{text-align:right;color:#fff;font-variant-numeric:tabular-nums;width:42px}.tune-foot{color:#8f98b3;border-top:1px solid #ffffff14;margin:9px 12px 0;padding-top:8px;font-size:10px;line-height:1.7}.tune-foot kbd{font:inherit;color:#dfe4f3;background:#ffffff14;border-radius:4px;padding:1px 4px}#tune-json{resize:none;width:calc(100% - 24px);height:52px;font:400 10px/1.5 var(--mono);color:#c9cfe2;background:#ffffff0a;border:0;border-radius:8px;margin:8px 12px 0;padding:6px 8px;display:block}@media (width<=1180px){.side{width:262px}.light{width:206px}.time .th{width:98px;height:56px}.tray{max-width:calc(100vw - 470px)}}@media (height<=820px) and (width>=901px){.brand small{display:none}.time .th{width:92px;height:52px}.why{min-height:0}}@media (height<=700px) and (width>=901px){.board{display:none}}@media (width<=900px){.side{gap:8px;width:auto;top:12px;left:12px;right:12px}.brand h1 span{font-size:12px;display:inline}.brand h1 b{margin-left:4px;font-size:23px;display:inline}.brand small,.mood small,.meter,.why,.board,.light,.scene-tag,.br{display:none}.moods{margin-right:88px}.mood{padding:6px 7px}.mood .pal{height:10px;margin-bottom:4px}.mood b{font-size:12.5px}.tools{top:12px;right:12px}.tools .dsk{display:none}.tray{min-width:0;max-width:none;padding:8px;bottom:8px;left:8px;right:8px;transform:none}.tabs button{padding:0 8px;font-size:12px}.tabs .div{margin:0 3px}.tabs .for{display:none!important}.tmini{align-items:center;gap:10px;margin:0 2px 6px;display:flex}.tmini .clock{flex:none;width:44px}.tmini .time-range{flex:1}.items{min-height:76px}.it{width:62px}.it canvas,.it img{width:54px;height:54px}.it.fur{width:76px}.it.fur img{width:72px;height:54px}.vignette{background:radial-gradient(at 50% 46%,#0000 52%,#05060ca6 100%)}.annotation{transform:translate(-50%,-100%)scale(.8)}.bottom-actions{bottom:148px;right:12px}}