:root{color-scheme:dark;--ink:#f5f4ee;--muted:#c3c9c5;--line:rgba(255,255,255,.17);--accent:190,208,191;--ease:cubic-bezier(.22,.75,.16,1);--fast:.18s;--panel:.42s;--scene:1.1s;--camera-x:0px;--camera-y:0px;--lamp-x:0px;--lamp-y:0px}*{box-sizing:border-box}body{margin:0;background:#0a1114;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}button,input,a{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e2ead4;outline-offset:5px}button:disabled{cursor:wait;opacity:.5}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}button{background:transparent}button,kbd{user-select:none}.experience{position:relative;isolation:isolate;height:100svh;min-height:700px;overflow:clip;background:#101b20}.world{position:absolute;inset:0;z-index:-5;overflow:hidden}.camera{position:absolute;inset:0;transform:translate3d(var(--camera-x),var(--camera-y),0) scale(1.045);will-change:transform}.scene-frame{position:absolute;inset:0;overflow:hidden;background:#142128}.scene-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:57% 46%;will-change:transform}.scene-frame:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 200px 40px #020b121a;pointer-events:none}.atmosphere{position:absolute;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(180deg,rgba(4,12,18,.6) 0%,rgba(4,12,18,.1) 23%,transparent 40%,rgba(3,10,14,.32) 58%,rgba(3,10,14,.83) 84%,#060d11 100%),linear-gradient(90deg,rgba(4,12,18,.36),transparent 65%)}.ambient-light{position:absolute;left:-450px;top:-450px;width:900px;height:900px;z-index:-2;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--accent),.12),rgba(var(--accent),.025) 43%,transparent 70%);mix-blend-mode:screen;transform:translate3d(var(--lamp-x),var(--lamp-y),0);will-change:transform;transition:opacity .8s}.edge-light{position:absolute;inset:0;pointer-events:none;z-index:0;box-shadow:inset 0 0 110px #00000025}.masthead{height:114px;position:relative;padding:0 58px;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:2}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-symbol{width:40px;height:40px;stroke-width:1.1}.brand-symbol circle{fill:currentColor;stroke:none}.brand>span{display:flex;align-items:baseline;gap:15px;font-family:Songti SC,STSong,serif;font-weight:600;font-size:27px;letter-spacing:5px}.brand small{font-family:Arial,sans-serif;font-size:9px;letter-spacing:3px;font-weight:400;opacity:.8}.navigation{display:flex;align-items:center;gap:36px;position:absolute;left:50%;transform:translate(-50%)}.nav-button{position:relative;font-size:13px;letter-spacing:1px;padding:17px 0;color:#d2d5d4;transition:color var(--fast)}.nav-button span{font-size:9px;color:#a9b6b6;margin-left:5px;font-family:Arial,sans-serif}.nav-button.is-active{color:#fff}.nav-button.is-active:after{content:"";position:absolute;left:0;right:0;bottom:3px;width:18px;height:2px;margin:auto;background:#e9e9d8;box-shadow:0 0 12px #dfedc68c}.top-tools{display:flex;align-items:center;gap:13px;margin-left:auto}.live-mode{font-size:10px;letter-spacing:2px;margin-right:12px;display:flex;align-items:center;gap:8px;color:#e2e5dd}.live-mode i{display:block;width:4px;height:4px;background:#d5e1c3;border-radius:50%;box-shadow:0 0 9px #cdebb88c}.icon-button{position:relative;width:42px;height:42px;display:grid;place-items:center;transition:background var(--fast),color var(--fast);border-radius:50%}.icon-button svg{width:19px;height:19px}.mobile-saved{display:none}.tool-rule{height:15px;width:1px;background:#ffffff30}.icon-button[data-tip]:after{content:attr(data-tip);position:absolute;top:50px;left:50%;transform:translate(-50%) translateY(-4px);padding:7px 10px;border-radius:4px;background:#102027ed;font-size:10px;letter-spacing:.5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--fast),transform var(--fast)}.side-note{position:absolute;left:32px;top:39%;display:flex;align-items:center;gap:25px;writing-mode:vertical-rl;font:9px/1.5 Arial,sans-serif;letter-spacing:2.2px;color:#dae0ddb3}.side-note i{display:block;width:1px;height:53px;background:linear-gradient(180deg,transparent,#ffffff70,transparent)}.view-mark{position:absolute;top:38%;right:60px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:3px;color:#cfd7d1a8}.view-mark-cross{font:22px/1 Arial,sans-serif;color:#edf2e98c}.scene-story{position:absolute;left:clamp(76px,7vw,128px);bottom:268px;max-width:700px;z-index:1}.scene-overline{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:2px;color:#e0e5d9}.edition-number{font:12px/1 Arial,sans-serif;letter-spacing:1px;color:#d9e2d3}.overline-rule{width:26px;height:1px;background:#c3cfb7a8}.quality{letter-spacing:1px;border:1px solid #d8e2d23d;padding:4px 7px;border-radius:3px;font:9px/1.3 Arial,sans-serif;margin-left:2px;color:#d9e1d2}h1{font-family:Songti SC,STSong,"Noto Serif CJK SC",serif;font-size:clamp(54px,4.8vw,80px);font-weight:400;letter-spacing:5px;line-height:1.27;margin:23px 0 18px;text-shadow:0 2px 32px #00000020}h1 span{color:#dce3d5;font-weight:300}h1 br{display:block}.scene-description{font-size:13px;line-height:1.9;letter-spacing:2px;color:#d6ddd5;margin:0 0 17px}.scene-detail{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:1.5px;color:#bac8c5}.scene-detail i{width:2px;height:2px;border-radius:50%;background:#d4ded2a1}.scene-actions{display:flex;align-items:center;gap:12px;margin-top:31px}.download-button{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:13px;padding:0 21px;height:49px;background:#ebeee3;color:#26332d;border:1px solid #ffffff87;border-radius:5px;box-shadow:0 2px 1px #ffffff30 inset,0 5px 28px #09120d33;transition:transform var(--fast) var(--ease),background var(--fast),box-shadow .4s}.download-button>span:first-of-type{font-size:12px;letter-spacing:1px;font-weight:500}.download-button>svg{width:16px;height:16px}.download-button .action-arrow{width:16px;margin-left:8px}.download-small{display:none}.save-button{position:relative;isolation:isolate;overflow:hidden;width:49px;height:49px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:5px;background:#14212847;backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff13;transition:border-color var(--fast),background var(--fast),transform var(--fast)}.save-button svg{width:18px;height:18px}.save-button[aria-pressed=true]{background:#cbd8bc;color:#25362c;border-color:#e4edda}.save-button[aria-pressed=true] svg{fill:currentColor;stroke-width:0}.light-track:before{content:"";position:absolute;z-index:-1;inset:-1px;pointer-events:none;background:radial-gradient(160px circle at var(--light-x,50%) var(--light-y,-30%),rgba(255,255,255,.38),transparent 75%);opacity:0;transition:opacity .35s}.zen-button{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1px;padding:12px;margin-left:8px;color:#dce2db;transition:color var(--fast)}.zen-button svg{height:17px;width:17px}.zen-button kbd{font:8px Arial,sans-serif;padding:3px 5px;border:1px solid #ffffff30;border-radius:3px;color:#c3cec8;margin-left:2px}.scene-navigator{position:absolute;right:61px;bottom:268px;text-align:right}.scene-coordinate{display:flex;align-items:center;justify-content:flex-end;gap:14px;color:#d1dbd4;font:10px Arial,sans-serif;letter-spacing:1px}.scene-coordinate>span:first-child{font-size:23px;letter-spacing:1px;color:#f3f4ed}.coordinate-line{height:1px;width:60px;background:linear-gradient(90deg,#d6dfcfaa,#d6dfcf33)}.nav-arrows{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.circle-button{width:43px;height:43px;border:1px solid #ffffff3b;border-radius:50%;display:grid;place-items:center;background:#182a2833;backdrop-filter:blur(8px);transition:background var(--fast),border-color var(--fast),transform var(--fast)}.circle-button svg{width:17px;height:17px}.scene-navigator p{margin:18px 0 0;font-size:9px;letter-spacing:2px;color:#b9c9c1}.film-dock{position:absolute;left:58px;right:58px;bottom:58px;z-index:2;padding:17px 21px 20px;border:1px solid #ffffff23;border-radius:13px;background:linear-gradient(135deg,#e4eee812,#b3c8c505 55%,#e4eee809),#10202768;backdrop-filter:blur(24px) saturate(1.1);box-shadow:inset 0 1px #f2fff517,0 14px 55px #02090f28;isolation:isolate}.film-dock:before{content:"";position:absolute;left:10%;right:45%;height:1px;top:-1px;background:linear-gradient(90deg,transparent,#e6f1d97a,transparent);pointer-events:none}.dock-heading{display:flex;justify-content:space-between;align-items:center;padding:0 1px 15px}.dock-heading>div{display:flex;align-items:center;gap:9px}.dock-dot{width:4px;height:4px;border-radius:50%;background:#dbe5c7;box-shadow:0 0 11px #d0ecbc80}.dock-heading h2{font-size:11px;letter-spacing:1.6px;margin:0;font-weight:450}.dock-subtitle{font-size:9px;color:#a9bcb6;letter-spacing:1.5px;margin-left:8px}.autoplay-button{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1px;color:#c1cec5;padding:4px}.autoplay-button svg{width:12px;height:12px}.autoplay-button[aria-pressed=true]{color:#ecf3e0}.film-row{display:flex;gap:19px;align-items:stretch}.filmstrip{display:flex;flex:1;gap:12px;min-width:0;overflow:auto;scrollbar-width:none;padding:3px;margin:-3px;scroll-snap-type:x proximity}.filmstrip::-webkit-scrollbar{display:none}.filmstrip{--film-height:82px}.film{position:relative;display:block;padding:0;flex:1;min-width:80px;height:var(--film-height);overflow:hidden;border-radius:5px;border:1px solid #ffffff14;scroll-snap-align:center;transform-origin:center;transition:border-color .3s,opacity .3s,transform .4s var(--ease);opacity:.66;background:#1b2c2d}.film img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease),filter .45s;filter:saturate(.7)}.film:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 40%,#091015d9)}.film[aria-pressed=true]{border-color:#dfebce;box-shadow:0 0 0 1px #d8e8c11a,0 0 18px #cfebbd13;opacity:1}.film[aria-pressed=true] img{filter:saturate(1)}.film-label{position:absolute;left:9px;right:9px;bottom:8px;display:flex;align-items:center;gap:7px;z-index:1;font-size:10px;letter-spacing:.5px;text-shadow:0 1px 4px #00000080}.film-label>span:first-child{font:8px Arial,sans-serif;opacity:.7}.film-progress{position:absolute;left:0;bottom:0;z-index:2;width:100%;height:2px;background:#e3edd0;transform-origin:left;transform:scaleX(0)}.film[aria-pressed=true] .film-progress{transform:scaleX(1)}.is-playing .film[aria-pressed=true] .film-progress{animation:journey-progress 9s linear forwards}.is-playing.paused .film-progress{animation-play-state:paused}.open-library{width:61px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-left:1px solid #ffffff1e;color:#c1cec5;font-size:9px;letter-spacing:2px;line-height:1.5;transition:color var(--fast)}.open-library svg{width:17px;height:17px}.open-library br{display:none}.screen-footer{position:absolute;left:59px;right:59px;bottom:20px;display:flex;align-items:center;justify-content:space-between;color:#abbcb5b0;font-size:8px;letter-spacing:1.1px}.keyboard-hint{display:flex;align-items:center;gap:6px}.keyboard-hint>span{margin:0 7px}.keyboard-hint kbd{font:8px Arial,sans-serif;color:#d6dfd4b3;border:1px solid #b6c4ba40;border-radius:2px;padding:1px 3px}.screen-footer button{display:flex;align-items:center;gap:7px;font-size:8px;color:inherit;padding:3px}.footer-orbit{display:inline-block;width:7px;height:7px;border:1px solid #d2ddce80;border-radius:50%;position:relative}.footer-orbit:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#cfdec4;top:1px;left:1px}.chrome{transition:opacity .65s var(--ease),transform .8s var(--ease),filter .65s;filter:blur(0)}.experience.zen .chrome{opacity:0;pointer-events:none;filter:blur(4px)}.experience.zen .masthead{transform:translateY(-14px)}.experience.zen .film-dock,.experience.zen .screen-footer{transform:translateY(18px)}.experience.zen .scene-story{transform:translateY(12px)}.experience.zen .atmosphere{opacity:0;transition:opacity 1.4s}.experience:not(.zen) .atmosphere{transition:opacity 1s}.exit-zen{position:absolute;left:50%;bottom:38px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:13px 20px;border:1px solid #ffffff50;background:#0e1c21a6;backdrop-filter:blur(20px);border-radius:50px;color:#f6f5ef;font-size:12px;letter-spacing:1px;z-index:5;animation:zen-return .5s var(--ease)}.exit-zen svg{width:17px;height:17px}.exit-zen kbd{border:1px solid #ffffff30;padding:3px 4px;border-radius:3px;font:8px Arial,sans-serif;color:#d4ddd1}.loading-state{position:absolute;top:120px;left:50%;transform:translate(-50%);font-size:11px;color:#f1f3eb;padding:10px 16px;background:#0d1b23cc;border:1px solid #ffffff25;border-radius:30px;z-index:6;backdrop-filter:blur(12px)}.loading-state>span{display:inline-block;width:9px;height:9px;margin-left:10px;border:1px solid #ffffff50;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}dialog{margin:auto;border:1px solid #d6e4d426;background:#0e191ef0;color:var(--ink);padding:0;border-radius:15px;box-shadow:inset 0 1px #ffffff14,0 35px 100px #00000070;backdrop-filter:blur(40px);max-height:calc(100svh - 90px)}dialog::backdrop{background:#050c1294;backdrop-filter:blur(11px)}dialog[open]{animation:dialog-in var(--panel) var(--ease)}dialog.closing{animation:dialog-out .24s var(--ease) both}#library-dialog{width:min(1140px,calc(100vw - 100px));overflow:auto;scrollbar-width:thin;scrollbar-color:#ffffff35 transparent}.library-shell{padding:30px 34px 22px}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-kicker{font:8px/1.5 Arial,sans-serif;letter-spacing:2.8px;color:#a4b9ad;margin:0 0 13px}.dialog-header h2{font-size:27px;font-family:Songti SC,serif;font-weight:400;letter-spacing:3px;margin:0}.dialog-header h2>span{font:11px Arial,sans-serif;letter-spacing:1px;color:#9cb1a6;margin-left:10px}.dialog-header .icon-button{color:#d1ddd2;border:1px solid #ffffff20}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0 21px;margin-bottom:1px}.library-tabs{display:flex;gap:8px}.library-tabs button{font-size:12px;color:#b9c8bf;padding:9px 15px;border-radius:4px;transition:background var(--fast),color var(--fast)}.library-tabs button.selected{background:#dce4d3;color:#263a30}.library-search{display:flex;align-items:center;gap:9px;background:#ffffff05;border-bottom:1px solid #ffffff26;padding:9px 0;color:#9db1a6}.library-search svg{width:16px;height:16px}.library-search input{background:none;border:0;color:#edf2e7;font-size:11px;min-width:0;width:160px;outline:none}.library-search input::placeholder{color:#91a59b}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}.library-item{min-width:0;position:relative}.library-picture{display:block;position:relative;aspect-ratio:1.55;border-radius:5px;overflow:hidden;width:100%;padding:0;background:#213a3d}.library-picture>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s var(--ease)}.library-picture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#07141ca6);pointer-events:none}.library-picture .library-quality{position:absolute;bottom:9px;left:10px;font:8px Arial,sans-serif;color:#e8eee3;z-index:1;letter-spacing:1px}.library-item.is-current .library-picture{box-shadow:0 0 0 1px #e0ebd5}.library-current{position:absolute;right:8px;bottom:8px;background:#dce9c9;color:#284135;font-size:8px;letter-spacing:.5px;padding:4px 6px;border-radius:3px;z-index:1}.library-caption{margin:11px 0 0;display:flex;align-items:center;justify-content:space-between;gap:5px}.library-caption h3{font-weight:400;font-size:12px;letter-spacing:.5px;margin:0;color:#e4eadf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-caption span{font:8px Arial,sans-serif;color:#92aba0;white-space:nowrap}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:#8da59a;letter-spacing:.8px;border-top:1px solid #ffffff13;margin-top:28px;padding-top:18px}.dialog-footer>span:last-child{display:flex;align-items:center;gap:10px}.dialog-footer svg{width:13px;height:13px}.library-empty{text-align:center;padding:60px 20px;color:#b2c3b6}.library-empty>svg{width:30px;height:30px}.library-empty h3{font-size:19px;font-weight:400;letter-spacing:1px}.library-empty p{font-size:12px;color:#90a698}#download-dialog{width:min(850px,calc(100vw - 80px));overflow:auto}.close-download{position:absolute;top:12px;right:12px;z-index:2;background:#0b1a1fc9;backdrop-filter:blur(10px);border:1px solid #ffffff30}.download-preview{height:310px;position:relative;overflow:hidden}.download-preview>img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.download-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#0e191ed9)}.download-preview>span{position:absolute;bottom:22px;left:35px;z-index:1;color:#dfebdc;font:9px Arial,sans-serif;letter-spacing:2.5px}.download-content{padding:20px 35px 28px}.download-content .dialog-kicker{font-size:10px;letter-spacing:2px;margin-bottom:12px}.download-content h2{font:400 30px/1.4 Songti SC,serif;letter-spacing:2px;margin:0 0 8px}.download-description{font-size:11px;letter-spacing:1px;color:#b4c6b9;margin:0 0 22px}.resolution-option{display:flex;align-items:center;gap:13px;border:1px solid #b6c9aa70;background:#b8d2aa09;border-radius:6px;padding:15px 18px}.resolution-option>svg{height:17px;width:17px;color:#d3e2bd}.resolution-option>span:first-of-type{font:14px Arial,sans-serif;letter-spacing:1px;color:#f0f3e9}.resolution-option small{display:block;font:10px -apple-system,sans-serif;letter-spacing:1px;color:#9fb49f;margin-top:6px}.resolution-tag{margin-left:auto;font:8px Arial,sans-serif;border:1px solid #a7bda64d;padding:4px 6px;color:#becfb4;border-radius:3px;letter-spacing:1px}.confirm-download{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;background:#e1e8d6;color:#24382b;border-radius:5px;min-height:48px;font-size:12px;letter-spacing:1px;margin-top:13px}.confirm-download>svg{height:16px;width:16px}.confirm-download>svg:last-child{position:absolute;right:19px}.download-note{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:#8ea599;line-height:1.8;letter-spacing:.3px;margin:17px 0 0}.download-note>svg{width:13px;height:13px;margin-top:2px}.toast{position:fixed;bottom:258px;left:50%;z-index:12;transform:translate(-50%,7px);opacity:0;pointer-events:none;border:1px solid #d4e6c73b;background:#14252ed9;backdrop-filter:blur(20px);border-radius:30px;padding:13px 23px;font-size:12px;letter-spacing:1px;color:#f3f6ec;box-shadow:0 8px 40px #00000036;transition:opacity .28s,transform .35s var(--ease);white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%)}[hidden]{display:none!important}.no-motion *,.no-motion *:before,.no-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.no-motion .ambient-light{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes journey-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-out{to{opacity:0;transform:translateY(8px) scale(.99)}}@keyframes zen-return{0%{opacity:0;bottom:28px}to{opacity:1;bottom:38px}}@media(hover:hover)and (pointer:fine){.nav-button:hover{color:#fff}.icon-button:hover{background:#ffffff17}.icon-button[data-tip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.light-track:hover:before{opacity:1}.download-button:hover{background:#f6f9ee;box-shadow:0 1px 1px #ffffff50 inset,0 4px 35px #c7e9ab1f;transform:translateY(-2px)}.save-button:hover{background:#d7e8ce1a;border-color:#dfead582;transform:translateY(-2px)}.circle-button:hover{background:#d2e3cd1c;border-color:#ebf2df85;transform:translate(1px)}.zen-button:hover{color:#fff}.film:hover{opacity:1;transform:translateY(-2px)}.film:hover img{transform:scale(1.075);filter:saturate(1)}.open-library:hover,.autoplay-button:hover{color:#fff}.library-picture:hover>img{transform:scale(1.05)}.library-tabs button:not(.selected):hover{background:#ffffff12;color:#fff}}@media(min-width:1500px){.scene-story{bottom:290px}h1{font-size:80px}.filmstrip{--film-height:95px}.film{height:var(--film-height)}.film-dock{padding:18px 23px 23px}.scene-navigator{bottom:288px}.film-dock{bottom:65px}.screen-footer{bottom:24px}}@media(max-height:820px)and (min-width:761px){.experience{min-height:650px}.masthead{height:98px}.scene-story{bottom:244px}h1{font-size:57px;margin:18px 0 13px}.scene-description{font-size:12px;margin-bottom:11px}.scene-actions{margin-top:23px}.scene-navigator{bottom:246px}.film-dock{bottom:50px}.filmstrip{--film-height:71px}.film{height:var(--film-height)}.screen-footer{bottom:17px}}@media(max-width:1180px){.masthead{padding:0 36px;gap:18px}.brand small{display:none}.navigation{gap:25px}.top-tools{gap:7px}.live-mode{display:none}.side-note{left:18px}.scene-story{left:66px}h1{font-size:58px;letter-spacing:4px}.scene-story{max-width:75%}.scene-navigator{right:38px}.scene-navigator p{display:none}.film-dock{left:35px;right:35px}.filmstrip{gap:10px}.filmstrip{--film-height:76px}.film{min-width:105px;flex:1 0 105px;height:var(--film-height)}.screen-footer{left:36px;right:36px}.view-mark{right:37px}.dock-subtitle{font-size:8px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#library-dialog{width:calc(100vw - 70px)}}@media(max-width:760px){.experience{height:100svh;min-height:690px}.masthead{height:88px;padding:0 23px;gap:12px}.brand-symbol{height:32px;width:32px}.brand{gap:8px}.brand>span{font-size:24px;letter-spacing:4px}.brand small{display:none}.navigation{position:static;transform:none;margin-left:auto;gap:0}.nav-button{font-size:12px;letter-spacing:.4px;padding:13px 0}.nav-button:nth-child(1),.nav-button:nth-child(3){display:none}.nav-button:nth-child(2)>span{display:none}.top-tools{margin-left:8px;gap:1px}.mobile-saved{display:grid}.icon-button{width:35px;height:40px}.icon-button svg{height:18px;width:18px}.tool-rule,#fullscreen{display:none}.scene-photo{object-position:var(--mobile-focus,60%) center}.atmosphere{background:linear-gradient(180deg,rgba(3,12,19,.5),transparent 23%,transparent 36%,rgba(4,12,17,.48) 58%,rgba(5,13,17,.94) 85%,#070e13 100%)}.side-note{left:22px;top:29%;font-size:7px;letter-spacing:1.7px;gap:15px;color:#e2e7e2a6}.side-note>span:last-child{display:none}.side-note i{height:34px}.view-mark{right:24px;top:29%;font-size:8px;gap:7px;letter-spacing:2px}.view-mark-cross{font-size:17px}.scene-story{left:25px;right:22px;max-width:none;bottom:233px}.scene-overline{gap:9px;font-size:10px;letter-spacing:1.6px}.edition-number{font-size:10px}.overline-rule{width:19px}.quality{font-size:8px;margin-left:2px;padding:3px 5px}h1{font-size:43px;line-height:1.32;letter-spacing:3px;margin:18px 0 13px}h1 br{display:block}.scene-description{font-size:11px;line-height:1.9;letter-spacing:.8px;margin-bottom:15px}.scene-detail{font-size:9px;letter-spacing:.5px;gap:8px}.scene-actions{gap:9px;margin-top:23px;flex-wrap:nowrap}.download-button{height:45px;padding:0 15px;gap:10px;border-radius:5px}.download-button>span:first-of-type{font-size:11px;letter-spacing:.5px}.download-button>svg{width:15px;height:15px}.download-button .action-arrow{margin-left:2px;display:none}.save-button{width:45px;height:45px}.save-button svg{height:17px;width:17px}.zen-button{margin-left:0;padding:12px 0 12px 7px;gap:7px;font-size:10px;letter-spacing:.5px}.zen-button svg{height:16px;width:16px}.zen-button kbd{display:none}.scene-navigator{right:24px;bottom:235px;display:none}.film-dock{left:18px;right:18px;bottom:51px;padding:15px 13px;border-radius:11px}.dock-heading{padding:0 1px 12px}.dock-heading h2{font-size:10px;letter-spacing:1px}.dock-heading>div{gap:7px}.dock-subtitle{display:none}.autoplay-button{font-size:9px;letter-spacing:.5px}.autoplay-button svg{width:11px;height:11px}.film-row{gap:12px}.filmstrip{gap:9px;padding:3px;margin:-3px}.filmstrip{--film-height:68px}.film{flex:0 0 106px;min-width:106px;height:var(--film-height);border-radius:4px}.film-label{left:7px;right:5px;bottom:7px;font-size:9px;gap:5px}.film-label>span:first-child{font-size:7px}.open-library{width:32px;font-size:8px;letter-spacing:1px;gap:5px;padding-left:8px}.open-library br{display:block}.open-library svg{height:16px;width:16px}.screen-footer{left:23px;right:23px;bottom:21px;font-size:7px;letter-spacing:.5px}.screen-footer button{font-size:7px;letter-spacing:.5px}.keyboard-hint{display:none}.exit-zen{font-size:11px;bottom:35px;padding:12px 19px}.exit-zen kbd{display:none}.loading-state{top:92px;font-size:10px}.toast{bottom:211px;font-size:11px;max-width:calc(100vw - 40px);white-space:normal;text-align:center;line-height:1.6;padding:11px 19px}dialog{max-height:calc(100svh - 36px);border-radius:13px}#library-dialog{width:calc(100vw - 24px)}.library-shell{padding:24px 19px 20px}.dialog-header{gap:10px}.dialog-kicker{font-size:7px;letter-spacing:1.5px;margin-bottom:10px}.dialog-header h2{font-size:26px;letter-spacing:2px}.dialog-header h2>span{font-size:9px;margin-left:5px}.dialog-header .icon-button{height:35px;width:35px}.library-toolbar{flex-direction:column;gap:16px;align-items:stretch;padding:21px 0 20px}.library-tabs{gap:3px;justify-content:space-between}.library-tabs button{padding:9px 12px;font-size:12px}.library-search{padding:10px 0}.library-search input{width:100%;font-size:12px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 11px}.library-picture{aspect-ratio:1.25}.library-caption{display:block;margin-top:10px}.library-caption h3{font-size:11px;letter-spacing:.5px}.library-caption>span{display:block;font-size:8px;margin-top:6px}.library-current{font-size:7px;padding:3px 4px;right:6px;bottom:7px}.library-picture .library-quality{font-size:7px;left:7px;bottom:8px}.dialog-footer{font-size:8px;margin-top:22px;padding-top:15px;line-height:1.8}.dialog-footer>span:last-child{display:none}#download-dialog{width:calc(100vw - 24px)}.download-preview{height:210px}.download-preview>span{font-size:7px;left:23px;letter-spacing:1.5px;bottom:19px}.download-content{padding:20px 23px 25px}.download-content h2{font-size:25px;letter-spacing:1px}.download-content .dialog-kicker{font-size:9px}.download-description{font-size:10px;line-height:1.8;margin-bottom:22px}.resolution-option{padding:14px;gap:10px}.resolution-option>span:first-of-type{font-size:13px}.resolution-option small{font-size:10px}.resolution-tag{font-size:7px;padding:4px}.confirm-download{font-size:11px;letter-spacing:.5px;min-height:47px}.download-note{font-size:10px}.close-download{width:34px;height:34px}}@media(max-width:370px){.masthead{padding:0 18px}.brand>span{font-size:22px}.scene-story{left:21px;right:18px;bottom:222px}h1{font-size:39px}.scene-description{font-size:10px;letter-spacing:.3px}.scene-actions{gap:8px}.download-button{padding:0 12px}.zen-button{font-size:9px;gap:5px;padding-left:3px}.film-dock{left:14px;right:14px;bottom:47px}.screen-footer{left:20px;right:20px;bottom:19px}.side-note{left:18px}.scene-detail{font-size:8px}.library-tabs button{padding:9px 10px}}@media(max-height:740px)and (max-width:760px){.experience{min-height:620px}.scene-story{bottom:215px}h1{font-size:38px;margin:14px 0 10px}.scene-description{margin-bottom:11px}.scene-actions{margin-top:18px}.film-dock{bottom:47px}.filmstrip{--film-height:61px}.film{height:var(--film-height)}.screen-footer{bottom:17px}.view-mark,.side-note{top:25%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.ambient-light{display:none}.camera{transform:scale(1.025);will-change:auto}.scene-photo{will-change:auto}}:root{--control-glass:rgba(18,32,38,.56);--control-border:rgba(224,238,232,.38);--control-ink:#f0f5f0;--readable-muted:#c9d6cf}.download-button,.confirm-download{background:linear-gradient(125deg,#e1f1ec1a,#e1f1ec06),var(--control-glass);color:var(--control-ink);border:1px solid var(--control-border);backdrop-filter:blur(18px) saturate(1.15);box-shadow:inset 0 1px #ffffff1f,0 8px 28px #000a0f26;border-radius:6px;transition:background .22s,border-color .22s,box-shadow .3s,transform .22s var(--ease)}.download-button{height:51px;padding:0 23px;gap:13px}.download-button>span:first-of-type{font-size:14px;font-weight:450;letter-spacing:.7px}.download-button>svg{width:18px;height:18px}.download-button .action-arrow{width:18px}.confirm-download{font-size:14px;min-height:51px;letter-spacing:1px}.confirm-download>svg{height:18px;width:18px}.save-button{width:51px;height:51px;background:var(--control-glass);border-color:var(--control-border);box-shadow:inset 0 1px #ffffff15}.save-button[aria-pressed=true]{background:#c4e0d22e;color:#f0f6ed;border-color:#d5e6d2a6}.save-button svg{width:19px;height:19px}.light-track:before{background:radial-gradient(170px circle at var(--light-x,50%) var(--light-y,-30%),rgba(238,255,245,.19),transparent 75%)}.library-tabs button.selected{background:#daede11f;color:#f0f5ec;box-shadow:inset 0 0 0 1px #def0e470,inset 0 1px #ffffff12}.resolution-option{width:100%;text-align:left;background:#1121268f;border:1px solid rgba(211,233,222,.22);transition:border-color .18s,background .18s;gap:12px}.resolution-option[aria-pressed=true]{background:#b8d1c514;border-color:#bbd0bda3;box-shadow:inset 0 1px #ffffff12}.resolution-option>svg{color:#e7f1df}.resolution-option:not([aria-pressed=true])>svg{opacity:.12}.resolution-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.resolution-option>span:first-of-type{font-size:15px}.resolution-option small{font-size:12px;line-height:1.5;color:var(--readable-muted)}.resolution-tag{font-size:10px;color:#d5e2cf}.resolution-option:first-child:last-child{grid-column:1/-1}.resolution-option .resolution-tag{display:none}.scene-overline{font-size:13px;letter-spacing:1.3px;color:#e2ebdc}.edition-number{font-size:13px}.quality{font-size:11px;background:#0c1d266e;border-color:#dbe9dd66;color:#eff5e6;padding:5px 8px}.scene-description{font-size:15px;line-height:1.85;letter-spacing:1px;color:#e0e8df;max-width:560px}.scene-detail{font-size:13px;color:#d4e0d5;letter-spacing:.8px;max-width:600px}.scene-detail #scene-tags{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scene-detail #scene-resolution{white-space:nowrap;flex-shrink:0}.scene-story{text-shadow:0 1px 8px #00121baa}.scene-actions{margin-top:26px}.zen-button{font-size:13px;color:#e5ede3}.zen-button kbd{font-size:9px;color:#d3dfd3}.scene-navigator p{font-size:12px;letter-spacing:1px;color:#c8d7cb}.scene-coordinate{font-size:12px}.scene-coordinate>span:first-child{font-size:25px}.masthead .nav-button{font-size:14px;letter-spacing:.6px}.nav-button span{font-size:11px;color:#d1ded3}.live-mode{font-size:12px;color:#d5e2d4;letter-spacing:1px}.side-note{font-size:10px;color:#d5e0d1bd}.view-mark{font-size:11px;letter-spacing:1.5px;color:#d2dec8cc}.dock-heading h2{font-size:13px;letter-spacing:1px}.dock-subtitle{font-size:12px;color:#c5d5c9;letter-spacing:.6px}.autoplay-button{font-size:12px;letter-spacing:.6px;color:#d7e3d5}.autoplay-button svg{width:14px;height:14px}.filmstrip{gap:11px}.film{flex:0 0 138px;min-width:138px;opacity:.82}.film-label{font-size:12px;left:9px;right:7px;gap:5px}.film-label>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.film-label>span:first-child{font-size:10px;opacity:.9}.film:after{background:linear-gradient(180deg,transparent 25%,#061118e6)}.film[aria-pressed=true]{border-color:#e2eed6;box-shadow:0 0 0 1px #e0efd330,0 0 18px #d1ebbc12}.open-library{font-size:11px;color:#d7e4d7;letter-spacing:.8px;width:63px}.screen-footer{font-size:11px;letter-spacing:.5px;color:#c9d7cbd9}.screen-footer button{font-size:11px;letter-spacing:.5px}.keyboard-hint kbd{font-size:10px;color:#dbe6d5}.screen-footer .keyboard-hint{gap:5px}.dialog-kicker{font-size:10px;color:#c1d5c4;letter-spacing:2px}.dialog-header h2>span{font-size:13px;color:#c1d2c5}.library-tabs{gap:5px;flex-wrap:wrap}.library-tabs button{font-size:13px;padding:10px 13px;color:#cbd8ce;white-space:nowrap;min-height:40px}.library-toolbar{align-items:flex-start;gap:18px}.library-search{flex-shrink:0}.library-search input{font-size:13px;color:#f0f4eb;width:170px}.library-search input::placeholder{color:#b6c9ba}.library-caption{align-items:flex-start;gap:4px}.library-caption h3{font-size:13px;letter-spacing:.3px}.library-caption>span{font-size:10px;color:#c1d1c4;margin-top:2px}.library-picture .library-quality{font-size:10px;letter-spacing:.5px;text-shadow:0 1px 6px #000}.library-current{background:#14282bd9;border:1px solid #cddfc866;color:#f0f5e5;font-size:10px}.dialog-footer{font-size:12px;color:#c4d4c7;letter-spacing:.2px}.dialog-footer .load-more{display:flex;align-items:center;gap:12px;border:1px solid #d1e5d138;border-radius:5px;padding:10px 16px;background:#d6e7dd08;color:#e5f0e1;font-size:12px;min-height:40px}.category-panel{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;border:1px solid #d0e6d126;padding:14px;margin:0 0 20px;border-radius:7px;background:#14242ab8}.category-panel button{min-height:42px;padding:9px 10px;font-size:13px;border-radius:4px;color:#d8e4d7}.category-panel button.selected{border:1px solid #dbecd457;background:#d4e6d313}.library-feedback{padding:25px 20px;text-align:center;border:1px solid #c4d7c826;border-radius:6px;color:#dae6d8;font-size:14px;line-height:1.8;margin:0 0 16px}.library-feedback p{margin:0}.library-feedback button,.status-retry{background:#10252ce8;border:1px solid #d3e6cf73;color:#ecf4e7;border-radius:5px;padding:11px 18px;font-size:13px;letter-spacing:.5px}.library-feedback button{margin-top:14px}.status-retry{position:absolute;z-index:6;left:50%;top:125px;transform:translate(-50%)}.loading-state{font-size:13px}.library-empty p{font-size:14px;color:#c0d2c2;line-height:1.8}.library-empty h3{color:#e5f0dc}.download-content .dialog-kicker{font-size:12px;color:#c8dcc6}.download-description{font-size:14px;line-height:1.8;color:#d0decf}.download-preview>span{font-size:11px;color:#e8f0df;letter-spacing:1.6px}.download-note{font-size:12px;line-height:1.85;color:#c1d2c4;letter-spacing:.2px}.download-note>svg{width:15px;height:15px;margin-top:3px}.download-note span{overflow-wrap:anywhere}.confirm-download[aria-busy=true]{pointer-events:none;color:#c9d8c8;background:#172b31}.film-message{display:flex;align-items:center;min-height:82px;font-size:13px;letter-spacing:1px;color:#c7d8c8;padding:0 10px}@media(hover:hover){.download-button:hover,.confirm-download:hover{background:linear-gradient(120deg,#e0f3e82e,#e0f3e80a),#162b31bf;border-color:#e4eee58a;box-shadow:inset 0 1px #fff2,0 6px 35px #d9ecd417;color:#fff;transform:translateY(-1px)}.library-tabs button:not(.selected):hover,.category-panel button:hover{background:#d4e4d316;color:#fff}.resolution-option:hover{background:#c2dacb1a;border-color:#c7dbc77d}.save-button:hover{background:#bfd9c219;border-color:#d8e7d48a}}@media(max-width:1180px){.keyboard-hint{display:none}.library-toolbar{flex-direction:column}.library-search,.library-search input{width:100%}.category-panel{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.masthead{padding:0 21px}.masthead .nav-button{font-size:13px}.scene-story{left:24px;right:22px;bottom:242px}.scene-overline{font-size:12px;gap:8px;letter-spacing:1px}.edition-number{font-size:12px}.quality{font-size:10px;padding:4px 6px}.scene-description{font-size:14px;line-height:1.7;letter-spacing:.3px;max-width:100%;margin-bottom:13px}.scene-detail{font-size:12px;gap:8px;letter-spacing:.3px}.scene-detail #scene-tags{max-width:200px}.scene-actions{margin-top:23px;gap:9px}.download-button{height:48px;padding:0 16px;gap:10px}.download-button>span:first-of-type{font-size:13px;letter-spacing:.3px}.download-button>svg{width:17px;height:17px}.save-button{height:48px;width:48px;flex-shrink:0}.save-button svg{height:19px;width:19px}.zen-button{font-size:12px;gap:6px;padding:10px 0 10px 4px;white-space:nowrap}.zen-button svg{width:17px;height:17px}.side-note{font-size:8px}.view-mark{font-size:10px}.film-dock{padding:16px 13px;bottom:54px}.dock-heading h2{font-size:12px;letter-spacing:.5px}.autoplay-button{font-size:12px;letter-spacing:.2px}.filmstrip{--film-height:72px}.film{height:var(--film-height);flex:0 0 112px;min-width:112px}.film-label{font-size:11px;gap:5px;left:7px;bottom:7px}.film-label>span:first-child{font-size:9px}.open-library{font-size:10px;width:34px;letter-spacing:.3px}.screen-footer{font-size:10px;left:22px;right:22px;bottom:20px;letter-spacing:0}.screen-footer button{font-size:10px;letter-spacing:0}.dock-subtitle{display:none}.library-shell{padding:23px 18px 20px}.library-toolbar{gap:16px;padding:20px 0}.library-tabs{gap:5px;justify-content:flex-start;width:100%}.library-tabs button{font-size:12px;min-height:40px;padding:10px 13px}.library-search input{font-size:14px}.library-caption{display:block}.library-caption h3{font-size:13px;line-height:1.5;letter-spacing:0}.library-caption>span{font-size:11px;margin-top:6px}.library-picture .library-quality{font-size:10px}.library-current{font-size:10px;bottom:7px;right:6px;padding:3px 4px}.dialog-kicker{font-size:9px;letter-spacing:1.3px}.dialog-header h2>span{font-size:12px}.dialog-footer{font-size:12px;flex-wrap:wrap;line-height:1.6;gap:13px}.dialog-footer .load-more{font-size:12px;padding:10px 13px}.category-panel{grid-template-columns:repeat(3,1fr);padding:10px;gap:5px}.category-panel button{font-size:12px;min-height:42px;padding:8px 5px}.download-content .dialog-kicker{font-size:12px}.download-description{font-size:13px;line-height:1.7}.download-preview>span{font-size:10px;letter-spacing:.8px}.resolution-choices{grid-template-columns:1fr;gap:8px}.resolution-option{padding:12px 14px}.resolution-option>span:first-of-type{font-size:14px}.resolution-option small{font-size:12px;margin-top:4px}.resolution-option .resolution-tag{display:block;font-size:9px}.confirm-download{font-size:14px;min-height:49px}.download-note{font-size:12px;line-height:1.8}.loading-state{font-size:12px;width:max-content;max-width:90vw;top:100px}.status-retry{top:143px;font-size:12px;white-space:nowrap}.library-feedback{font-size:14px;padding:20px 14px}}@media(max-width:370px){.scene-story{left:20px;right:18px;bottom:238px}.scene-description{font-size:13px}.scene-detail{font-size:11px}.download-button{padding:0 13px}.download-button>span:first-of-type{font-size:12px}.zen-button{font-size:11px;gap:5px}.screen-footer,.screen-footer button{font-size:9px}.film-label{font-size:11px}.library-caption h3{font-size:12px}}@media(max-height:740px)and (max-width:760px){.scene-story{bottom:230px}.scene-overline{font-size:11px}.scene-description{font-size:13px;line-height:1.6}.scene-detail{font-size:11px}.scene-actions{margin-top:18px}.filmstrip{--film-height:65px}.film{height:var(--film-height)}.film-dock{bottom:50px}.screen-footer{bottom:17px}}.scene-overline{width:max-content;max-width:100%;padding:5px 8px;background:#03101861;border:1px solid rgba(224,238,225,.16);border-radius:4px;backdrop-filter:blur(8px)}.atmosphere{background:linear-gradient(180deg,rgba(4,12,18,.6) 0%,rgba(4,12,18,.1) 23%,transparent 36%,rgba(3,10,14,.4) 55%,rgba(3,10,14,.83) 84%,#060d11 100%),linear-gradient(90deg,rgba(4,12,18,.48),rgba(4,12,18,.12) 55%,transparent 80%)}@media(max-width:760px){.atmosphere{background:linear-gradient(180deg,rgba(3,12,19,.5),transparent 23%,rgba(3,12,19,.18) 32%,rgba(3,12,19,.56) 47%,rgba(4,12,17,.72) 65%,rgba(5,13,17,.95) 86%,#070e13 100%)}.scene-overline{padding:5px 7px;max-width:100%}}#library-dialog{height:min(820px,calc(100svh - 80px));max-height:calc(100svh - 80px);overflow:hidden}.library-shell{height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}.library-shell>.dialog-header,.library-shell>.library-toolbar{flex-shrink:0}.library-body{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#dce8dd45 transparent;padding:1px 7px 12px 1px;overflow-anchor:none}.library-shell>.dialog-footer{flex:0 0 64px;margin-top:14px;padding-top:14px;align-items:center}.library-end{height:1px;width:100%;pointer-events:none}.library-feedback{position:absolute;z-index:2;top:12px;left:50%;transform:translate(-50%);margin:0;padding:10px 16px;width:max-content;max-width:calc(100% - 24px);background:#10232bf0;backdrop-filter:blur(14px);font-size:13px;box-shadow:0 8px 28px #0003;pointer-events:none}.library-feedback button{pointer-events:auto}.library-feedback.has-error{top:35%;max-width:90%;width:360px;padding:20px;pointer-events:auto}.library-grid[aria-busy=true]{cursor:progress}.library-skeleton{pointer-events:none;min-width:0}.skeleton-picture{position:relative;aspect-ratio:1.55;border-radius:5px;overflow:hidden;background:linear-gradient(125deg,#1c333a,#152a30);border:1px solid #d0e5df0d}.skeleton-picture:after,.skeleton-line:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(100deg,transparent 20%,#d9ece512 50%,transparent 80%);animation:skeleton-sweep 1.8s var(--ease) infinite}.skeleton-caption{height:20px;margin-top:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.skeleton-line{position:relative;display:block;overflow:hidden;background:#253c41;border-radius:3px;width:60%;height:12px}.skeleton-line:last-child{width:27%;height:9px;background:#1f343a}.film-more{flex:0 0 138px;min-width:138px;height:var(--film-height);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:7px;padding:13px;border:1px dashed #c8ddd553;border-radius:5px;background:#c7dfd509;text-align:left;color:#edf4e8;scroll-snap-align:end}.film-more strong{font-size:12px;font-weight:450;letter-spacing:.5px}.film-more small{font-size:11px;line-height:1.5;color:#c0d4c4}.film-more[aria-busy=true]{cursor:progress}.film-more:focus-visible{outline-offset:-3px}.dock-subtitle .continue-hint{margin-left:10px;color:#bcd0bd}.filmstrip:focus-visible{outline:1px solid #dce9cd90;outline-offset:7px}@keyframes skeleton-sweep{to{transform:translate(100%)}}@media(max-width:760px){#library-dialog{height:calc(100svh - 32px);max-height:calc(100svh - 32px)}.library-body{padding-right:4px}.library-shell>.dialog-footer{flex-basis:72px;flex-wrap:nowrap;font-size:11px;gap:9px}.dialog-footer .load-more{font-size:11px;white-space:nowrap;padding:9px 11px;flex-shrink:0}.library-feedback{font-size:12px;padding:9px 12px}.library-feedback.has-error{padding:18px;line-height:1.8}.skeleton-picture{aspect-ratio:1.25}.skeleton-caption{height:37px;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px}.skeleton-line{width:75%;height:12px}.skeleton-line:last-child{width:45%;height:10px}.film-more{flex-basis:112px;min-width:112px;padding:10px;gap:5px}.film-more strong{font-size:11px}.film-more small{font-size:10px}.dock-subtitle{display:inline;font-size:10px;letter-spacing:0;margin-left:4px;color:#c4d6c7}.dock-subtitle .continue-hint{display:none}.dock-heading>div{gap:6px}.dock-heading h2{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autoplay-button{font-size:11px;white-space:nowrap}.scene-detail #scene-tags{max-width:190px}}@media(max-width:370px){.dock-subtitle{font-size:9px}.dock-heading h2{max-width:74px;font-size:11px}.autoplay-button{font-size:10px}.library-shell>.dialog-footer{font-size:10px}}@media(prefers-reduced-motion:reduce){.skeleton-picture:after,.skeleton-line:after{animation:none;transform:none;background:none}}.library-body:focus-visible{outline:1px solid #d9e8d24a;outline-offset:0;border-radius:4px}@media(max-height:540px)and (min-width:761px){#library-dialog{height:calc(100svh - 24px);max-height:calc(100svh - 24px)}.library-shell{padding:14px 22px 12px}.dialog-header .dialog-kicker{display:none}.dialog-header h2{font-size:22px}.dialog-header .icon-button{height:34px;width:34px}.library-toolbar{flex-direction:row;padding:10px 0 12px;gap:16px;align-items:center}.library-tabs{flex-wrap:nowrap;overflow:auto;min-width:0}.library-tabs button{font-size:11px;padding:8px 11px;min-height:36px}.library-search{width:170px;flex-shrink:0;padding:7px 0}.library-search input{font-size:12px}.library-shell>.dialog-footer{flex-basis:44px;margin-top:8px;padding-top:8px;font-size:11px}.dialog-footer .load-more{min-height:34px;padding:7px 12px}.library-body{padding-bottom:8px}}.music-toggle{width:44px;height:44px;color:#d7e2dd;border:1px solid transparent;flex-shrink:0}.sound-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:20px;width:22px}.sound-wave i{display:block;width:2px;height:7px;border-radius:2px;background:currentColor;transform:scaleY(.6);transition:transform .35s var(--ease),opacity .35s;opacity:.7}.sound-wave i:nth-child(2){height:17px}.sound-wave i:nth-child(3){height:12px}.sound-wave i:nth-child(4){height:9px}.music-toggle[aria-pressed=true]{color:#eff6e6;border-color:#dae9d630;background:#deecdc0b;box-shadow:inset 0 1px #ffffff0c}.music-toggle[aria-pressed=true] .sound-wave i{opacity:1;animation:sound-breathe 1.35s ease-in-out infinite alternate}.music-toggle[aria-pressed=true] .sound-wave i:nth-child(2){animation-delay:-.65s}.music-toggle[aria-pressed=true] .sound-wave i:nth-child(3){animation-delay:-.95s}.music-toggle[aria-pressed=true] .sound-wave i:nth-child(4){animation-delay:-.3s}.music-toggle[aria-busy=true] .sound-wave i{animation-play-state:paused;opacity:.5}.icon-button[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}@keyframes sound-breathe{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@media(max-width:1320px){.live-mode{display:none}}@media(max-width:760px){.top-tools>.icon-button{width:44px;height:44px}.top-tools{gap:0;margin-left:0}.masthead{gap:8px}}@media(prefers-reduced-motion:reduce){.music-toggle[aria-pressed=true] .sound-wave i{animation:none;transform:scaleY(1)}}.screen-footer{z-index:4}.footer-links{display:flex;align-items:center;gap:14px;color:#c4d1cb}.footer-links a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;transition:color .18s,background .18s}.footer-links .github-link{width:32px}.github-link svg{width:17px;height:17px}.footer-divider{height:12px;width:1px;background:#d2e0d333}.friend-links{position:relative;letter-spacing:.3px}.friend-links>summary{display:flex;align-items:center;gap:8px;min-height:36px;cursor:pointer;list-style:none;font-size:12px;color:#d5e0d8;border-radius:4px}.friend-links>summary::-webkit-details-marker{display:none}.friend-links>summary::marker{content:""}.friend-links>summary svg{width:13px;height:13px;transform:rotate(90deg);transition:transform .18s var(--ease)}.friend-links[open]>summary svg{transform:rotate(270deg)}.friend-links>summary:focus-visible{outline:2px solid #e2ead4;outline-offset:4px}.friend-panel{position:absolute;right:0;bottom:calc(100% + 10px);width:280px;max-width:calc(100vw - 44px);max-height:min(360px,calc(100svh - 130px));overflow:auto;padding:9px;border:1px solid #d1e2d52e;border-radius:12px;background:linear-gradient(140deg,#d6ece50a,transparent 65%),#102026f5;color:#edf3e9;backdrop-filter:blur(24px);box-shadow:inset 0 1px #ffffff0c,0 12px 45px #020b1273}.friend-panel-title{margin:5px 12px 8px;font-size:11px;letter-spacing:1px;color:#c1d1c6}.friend-panel .friend-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:11px 13px;border-radius:7px;text-align:left}.friend-entry>span{display:flex;flex-direction:column;gap:4px;min-width:0}.friend-entry strong{font-size:14px;font-weight:450;line-height:1.4;color:#edf3e9}.friend-entry svg{width:14px;height:14px;transform:rotate(-40deg);color:#c4d6c9}.friend-links[open] .friend-panel{animation:friend-panel-in .18s var(--ease) both}@keyframes friend-panel-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){.footer-links .github-link:hover,.friend-links>summary:hover{color:#fff}.friend-panel .friend-entry:hover{background:#d5ead60d}}@media(max-width:760px){.footer-links{gap:8px}.footer-links a{min-height:36px}.footer-links .github-link{width:32px}.friend-links>summary{font-size:12px;gap:6px;min-height:36px}.screen-footer{bottom:12px}.friend-panel{bottom:calc(100% + 8px)}}body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}.scene-frame>.scene-photo{position:absolute;inset:0}.scene-photo-preview{filter:blur(6px)}.film-skeleton,.film.is-loading{opacity:1;pointer-events:none;background:linear-gradient(125deg,#21383d,#172b31)}.film-skeleton:before,.film.is-loading:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(100deg,transparent 20%,#d9ece514 50%,transparent 80%);transform:translate(-100%);animation:skeleton-sweep 1.8s var(--ease) infinite;pointer-events:none}.film.is-loading{pointer-events:auto}.film.is-loading img,.film.is-loading .film-label{opacity:0}.film img{transition:opacity .28s var(--ease),transform .65s var(--ease),filter .45s}.film-label{transition:opacity .28s var(--ease)}@media(prefers-reduced-motion:reduce){.film-skeleton:before,.film.is-loading:before{animation:none;background:none}.film img,.film-label{transition:none}}