:root{color-scheme:dark;--bg:#101112;--panel:#1c1e1e;--line:#303232;--text:#f4f1ed;--muted:#9c9f9d;--accent:#edac88;--drawer-width:min(80vw,340px);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);display:flex;align-items:center;justify-content:center;gap:clamp(30px,5vw,100px)}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{opacity:.3;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;pointer-events:none}button{transition:background .16s,color .16s,transform .16s}button:active:not(:disabled){transform:scale(.95)}[hidden]{display:none!important}.phone{height:100dvh;width:min(100%,460px);position:relative;overflow:hidden;background:#1b1d1c;isolation:isolate}.scene{position:absolute;inset:0;background:#080909;display:flex;flex-direction:column;overflow:hidden;transition:transform .34s cubic-bezier(.22,.8,.25,1),border-radius .34s;box-shadow:-16px 0 55px #0005}.phone.menu-open .scene{transform:translateX(var(--drawer-width));border-radius:26px 0 0 26px}.topbar{height:78px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:env(safe-area-inset-top) 14px 0;background:#111313;z-index:4}.icon-button{height:44px;width:44px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.icon-button:hover{background:#ffffff0c}.asset-heading{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:5px;padding:4px 6px}.asset-heading span{font-size:9px;letter-spacing:2px;color:var(--muted)}.asset-heading strong{font-size:16px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;background:#050505}.track{position:absolute;inset:0;transform:translateY(-100%);will-change:transform}.slide{height:100%;width:100%;position:relative;overflow:hidden;background:#050505}.slide video{width:100%;height:100%;object-fit:contain;display:block}.slide:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0004,transparent 14%,transparent 64%,#000b)}.caption{position:absolute;z-index:1;left:22px;right:88px;bottom:30px;pointer-events:none;text-shadow:0 2px 12px #000}.caption .series{display:inline-block;border:1px solid #ffffff40;border-radius:6px;padding:5px 7px;font-size:10px;letter-spacing:1px;margin-bottom:10px;background:#0003}.caption h2{font-weight:500;font-size:20px;line-height:1.25;margin:0 0 7px;max-width:300px;letter-spacing:-.3px}.caption p{font-size:11px;color:#d0d0c9;margin:0;letter-spacing:.2px}.video-top{position:absolute;top:18px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:2}.collection-pill{font-size:8px;letter-spacing:1.5px;background:#15171790;border:1px solid #ffffff24;padding:7px 10px;border-radius:20px;backdrop-filter:blur(12px)}.position{font-size:10px;letter-spacing:1px;color:#d6d6d0;text-shadow:0 1px 3px #000}.sound-prompt{position:absolute;left:50%;top:62px;transform:translateX(-50%);white-space:nowrap;border-radius:30px;padding:10px 16px;font-size:12px;background:#f6f0e6;color:#242522;z-index:3;box-shadow:0 4px 20px #0004}.sound-prompt:active{transform:translateX(-50%) scale(.96)}.sound-prompt svg{width:16px;height:16px;margin-left:7px}.actions{position:absolute;right:13px;bottom:40px;display:flex;flex-direction:column;align-items:center;z-index:3;width:56px;gap:16px}.reaction{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:48px;min-height:50px;filter:drop-shadow(0 2px 5px #0009)}.reaction svg{width:31px;height:31px;stroke-width:1.8}.reaction b{font-size:13px;font-weight:600}.reaction small{font-size:9px;color:#ddd}.heart.liked{color:var(--accent)}.heart.liked svg{fill:var(--accent)}.heart.pop{animation:pop .28s ease-out}.unheart{height:24px;font-size:11px;color:#dbd7d0;margin-top:-13px;min-width:44px;background:#ffffff12;border-radius:20px}.reaction.rejected{color:var(--accent)}.round-control{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#292b2a90;border:1px solid #ffffff18;backdrop-filter:blur(8px)}.round-control svg{width:19px;height:19px}.seek-row{position:absolute;bottom:0;left:15px;right:15px;height:22px;z-index:4;display:flex;align-items:center}.seek-row input{width:100%;height:3px;appearance:none;background:#ffffff45;cursor:pointer;accent-color:var(--accent)}.seek-row input::-webkit-slider-thumb{appearance:none;width:8px;height:8px;background:#efede4;border-radius:50%}.seek-row input::-moz-range-thumb{width:8px;height:8px;background:#efede4;border:0;border-radius:50%}.bottom-bar{height:70px;padding:0 20px env(safe-area-inset-bottom);display:flex;align-items:center;justify-content:space-between;gap:10px;background:#111313;flex-shrink:0;border-top:1px solid #ffffff08}.tab{display:flex;align-items:center;gap:7px;font-size:12px;min-height:44px;color:var(--muted)}.tab svg{width:19px;height:19px}.tab.active{color:var(--accent)}.count-badge{border:1px solid #ffffff24;border-radius:5px;font-size:9px;padding:2px 4px}.save-state{font-size:9px;color:#8b9a8e;white-space:nowrap;max-width:125px;overflow:hidden;text-overflow:ellipsis}.save-state:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:5px}.play-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;background:#0005;width:68px;height:68px;border:1px solid #ffffff30;border-radius:50%;backdrop-filter:blur(6px)}.play-indicator:active{transform:translate(-50%,-50%) scale(.95)}.play-indicator svg{width:28px;height:28px}.drawer{position:absolute;inset:0 auto 0 0;width:var(--drawer-width);padding:40px 14px 24px;display:flex;flex-direction:column;overflow-y:auto}.drawer-brand{padding:0 12px;margin-bottom:45px}.wordmark{font-size:42px;font-weight:750;letter-spacing:-2.5px}.wordmark span{font-size:14px;vertical-align:baseline;margin-left:5px;color:var(--accent)}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:500;color:var(--muted);margin:0 0 16px}.drawer .eyebrow{padding-left:14px}.asset-row{height:58px;display:flex;gap:12px;align-items:center;width:100%;padding:0 13px;border-radius:13px;text-align:left;margin-bottom:5px}.asset-row.selected{background:#30332f}.asset-row>span{color:var(--accent)}.asset-row div{flex:1;min-width:0;overflow:hidden}.asset-row strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500}.asset-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.asset-row .asset-number{color:var(--muted);font-size:11px}.new-asset{display:flex;align-items:center;gap:12px;text-align:left;padding:15px 14px;margin-top:12px;font-size:13px;color:var(--accent)}.new-asset span{font-size:22px}.drawer-bottom{margin-top:auto;padding:35px 13px 0;display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.6}.drawer-bottom small{display:block;font-size:10px;color:var(--muted)}.tiny-disc{font-size:29px;color:var(--accent)}.scene-shade{position:absolute;inset:0;z-index:10;background:#0004;width:100%;height:100%}.desktop-note,.desktop-right{width:240px;flex-shrink:1}.desktop-note>p{font-size:39px;line-height:1.26;letter-spacing:-1.5px;margin:65px 0 26px}.desktop-note em{font-style:normal;color:var(--accent)}.desktop-note>small{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.desktop-keys{margin-top:95px;font-size:11px;line-height:2.3;color:#757a77}.desktop-right{align-self:center}.edition{font-size:9px;letter-spacing:2px;color:#6f7572}.infinite-mark{font-size:100px;line-height:1;margin:55px 0 22px;color:#4f5750;font-family:Georgia,serif}.desktop-right p{font-size:22px;line-height:1.4;font-weight:400;letter-spacing:-.4px}.desktop-right small{font-size:11px;line-height:1.8;color:var(--muted)}.desktop-nav{display:flex;gap:14px;margin-top:50px}.desktop-nav button{border:1px solid var(--line)}.sheet{position:fixed;padding:26px 24px 18px;margin:auto;border:1px solid #ffffff13;border-radius:24px;color:var(--text);background:#191b1b;max-height:min(850px,94dvh);width:460px;max-width:calc(100% - 24px);box-shadow:0 25px 100px #0008;overflow:auto}.sheet::backdrop{background:#0009;backdrop-filter:blur(8px)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.sheet-head .eyebrow{margin-bottom:9px}.sheet h1{font-size:37px;font-weight:500;letter-spacing:-1.3px;margin:0}.sheet h2{font-size:24px;font-weight:500;letter-spacing:-.5px;margin:0}.accent{color:var(--accent)}.results-subtitle{font-size:12px;color:var(--muted);margin:15px 0 23px}.summary{display:flex;gap:0;border:1px solid var(--line);border-radius:12px;margin-bottom:25px;padding:16px 0}.summary div{flex:1;text-align:center;border-right:1px solid var(--line)}.summary div:last-child{border:0}.summary b{font-size:24px;font-weight:500;display:block;font-variant-numeric:tabular-nums}.summary span{font-size:9px;color:var(--muted);display:block;margin-top:6px}.summary div:first-child b{color:var(--accent)}.filters{display:flex;gap:5px;overflow:auto;scrollbar-width:none;padding-bottom:4px}.filters button{font-size:10px;white-space:nowrap;min-height:36px;padding:9px 12px;border:1px solid var(--line);border-radius:22px;color:var(--muted)}.filters button.selected{background:var(--accent);border-color:var(--accent);color:#211a16}.result-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:19px 0 10px;font-size:10px}.sort-label{display:flex;align-items:center;gap:5px}.sort-label svg,.text-button svg{width:14px;height:14px}.sort-label select{background:none;border:0;color:var(--muted);font-size:10px;max-width:170px;padding:10px 0}.sort-label select option{background:#222}.text-button{color:var(--muted);padding:10px 0;font-size:10px}.text-button svg{margin-left:4px}.result-row{display:flex;align-items:center;width:100%;text-align:left;padding:11px 0;gap:13px;border-bottom:1px solid #ffffff0b}.result-row img{width:43px;height:65px;object-fit:cover;border-radius:5px;background:#080909}.result-row .row-title{flex:1;min-width:0}.result-row strong{display:block;font-size:12px;line-height:1.4;font-weight:500}.result-row .row-title small{color:var(--muted);font-size:9px;margin-bottom:5px;display:block;letter-spacing:.7px}.row-rating{font-size:12px;color:var(--accent);display:flex;gap:4px;align-items:center}.row-rating svg{width:16px;height:16px}.row-rating.neutral{color:#737a75}.result-row>.arrow{color:#5f6760;font-size:17px}.sheet-footer{position:sticky;bottom:-18px;background:linear-gradient(#191b1b00,#191b1b 15%);padding:25px 0 8px;margin-top:8px}.primary{display:flex;justify-content:center;align-items:center;gap:9px;background:var(--accent);color:#211b17;border-radius:12px;padding:16px;font-size:13px;font-weight:600;width:100%;min-height:48px}.primary svg{height:17px;width:17px}.sheet-footer small{display:block;text-align:center;font-size:9px;color:var(--muted);margin-top:11px}.empty-results{text-align:center;padding:36px 20px;font-size:13px;line-height:1.8;color:var(--muted)}.field{display:block;margin:26px 0 20px;font-size:12px;color:var(--muted)}.field input{margin-top:10px;width:100%;border:1px solid var(--line);border-radius:10px;padding:13px;background:#111414;color:var(--text);font-size:16px}.upload-target{margin:22px 0;font-size:13px;color:var(--muted)}.dropzone{position:relative;border:1px dashed #657067;border-radius:15px;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:#ffffff03}.dropzone>svg{color:var(--accent);width:30px;height:30px;margin-bottom:7px}.dropzone strong{font-size:14px;font-weight:500}.dropzone span{font-size:11px;color:var(--muted)}.dropzone small{font-size:9px;color:#777e78}.dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-list{margin:18px 0;max-height:190px;overflow:auto;font-size:11px;color:var(--muted);line-height:1.8;word-break:break-word}.file-list div{padding:5px 0;border-bottom:1px solid var(--line)}.upload-status{font-size:12px;margin:14px 0;color:var(--accent);line-height:1.6;white-space:pre-line}.upload-status progress{width:100%;height:5px;accent-color:var(--accent);margin-top:10px}.empty-feed{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.empty-feed>span{font-size:60px;color:var(--accent)}.empty-feed h2{font-size:28px;font-weight:400;letter-spacing:-.6px}.empty-feed p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 30px}.empty-feed .primary{width:auto;padding:16px 28px}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:30;background:#f4efe6;color:#252823;border-radius:10px;padding:13px 18px;max-width:calc(100% - 30px);width:max-content;font-size:12px;box-shadow:0 5px 30px #0005;pointer-events:none}.floating-heart{position:absolute;z-index:5;right:30px;bottom:300px;color:var(--accent);font-size:34px;pointer-events:none;animation:float-heart .7s ease-out forwards}.video-error{position:absolute;top:40%;left:25px;right:25px;text-align:center;color:var(--text);z-index:2;background:#161919e8;border-radius:12px;padding:18px;font-size:12px;line-height:1.8}.video-error button{color:var(--accent);text-decoration:underline}.loading-message{position:absolute;top:45%;width:100%;text-align:center;color:var(--muted);font-size:13px}@keyframes pop{50%{transform:scale(1.2)}}@keyframes float-heart{to{transform:translate(-30px,-100px) rotate(-15deg);opacity:0}}@media(min-width:800px){.phone{height:min(940px,96dvh);border:1px solid #ffffff12;border-radius:22px;box-shadow:0 30px 90px #0005}.viewer{min-height:360px}.desktop-note,.desktop-right{max-width:230px}.topbar{height:76px}}@media(max-width:1050px){body{gap:25px}.desktop-note,.desktop-right{max-width:170px}.desktop-note>p{font-size:30px}.desktop-right p{font-size:19px}}@media(max-width:799px){body{display:block}.desktop-note,.desktop-right{display:none}.phone{width:100%;max-width:none}.topbar{height:calc(68px + env(safe-area-inset-top))}.bottom-bar{height:calc(62px + env(safe-area-inset-bottom))}.sheet{max-height:94dvh;padding:24px 20px 18px}.results-sheet{height:94dvh}.actions{bottom:38px}.caption{left:20px}.caption h2{font-size:20px}}@media(max-height:660px){.actions{gap:8px;bottom:32px}.reaction svg{width:25px;height:25px}.round-control{width:34px;height:34px}.caption h2{font-size:17px}.video-top{top:10px}.sound-prompt{top:45px}.topbar{height:57px}.bottom-bar{height:55px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Focused player: the bottom belongs to the video. */
.results-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;font-size:12px;padding:8px 4px 8px 10px;color:var(--accent)}.results-button svg{width:20px;height:20px}.results-button .count-badge{color:var(--muted)}.video-top{right:auto;gap:12px;left:20px;top:20px;max-width:calc(100% - 120px)}.video-top .position{order:-1}.collection-pill{pointer-events:auto;cursor:pointer;text-transform:none;font-size:10px;letter-spacing:.2px}.view-tools{position:absolute;top:12px;right:12px;display:flex;gap:7px;z-index:4}.view-tools .round-control{width:36px;height:36px}.view-tools svg{width:18px;height:18px}.actions{bottom:calc(36px + env(safe-area-inset-bottom));gap:15px}.download-original{color:var(--text);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.download-original svg{width:27px;height:27px}.download-original:active{transform:scale(.95)}.caption{bottom:calc(30px + env(safe-area-inset-bottom))}.seek-row{bottom:env(safe-area-inset-bottom)}.new-asset{margin-top:7px;padding:13px 14px}.sync-warning{font-size:11px;line-height:1.6;color:var(--accent);padding:0 14px}.buffering{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:30px;background:#171919d9;color:#e6e8e3;font-size:11px;z-index:2;white-space:nowrap;pointer-events:none}.buffering>span{width:15px;height:15px;border:2px solid #ffffff40;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.restore-ui{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;z-index:9;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#10121270;color:#ffffff9a}.restore-ui svg{width:20px;height:20px}.restore-ui:hover,.restore-ui:focus-visible{background:#101212cc;color:#fff}.clean-view .topbar,.clean-view .actions,.clean-view .video-top,.clean-view .view-tools,.clean-view .sound-prompt,.clean-view .play-indicator,.clean-view .seek-row,.clean-view .caption,.clean-view .slide:after{display:none!important}.clean-view .viewer{flex:1}.fullscreen-view .desktop-note,.fullscreen-view .desktop-right{display:none}.fullscreen-view .phone{width:100%;height:100dvh;border:0;border-radius:0}.fullscreen-view .topbar{background:#101212}.toast{bottom:28px}.sound-prompt{top:65px}.new-asset:has(+.sync-warning){margin-bottom:8px}@media(max-height:700px){.actions{gap:8px;bottom:27px}.reaction{min-height:43px}.reaction svg{width:25px;height:25px}.reaction small{font-size:8px}.unheart{height:28px;margin-top:-8px}.round-control{height:35px;width:35px}.caption h2{font-size:16px}.view-tools .round-control{width:34px;height:34px}}@media(max-width:370px){.results-button{gap:5px}.results-button .count-badge{display:none}.asset-heading strong{font-size:14px}}

/* One fragment, clearly labelled alternatives. */
.fragment-nav{position:absolute;z-index:4;top:54px;left:14px;right:14px;max-width:100%;pointer-events:auto}
.fragment-nav label{display:flex;align-items:center;gap:8px;padding:4px 9px;background:#101212dd;border:1px solid #ffffff20;border-radius:9px}
.fragment-nav label>span{color:var(--muted);font-size:10px;flex:none}
.fragment-nav select{width:100%;min-width:0;min-height:34px;background:transparent;color:var(--text);border:0;font:inherit;font-size:11px;text-overflow:ellipsis}
.fragment-nav option{background:#171919;color:#fff}
.variant-nav{display:flex;gap:6px;overflow:auto;padding:7px 0;scrollbar-width:thin;overscroll-behavior:contain;touch-action:pan-x}
.variant-nav button{flex:none;max-width:270px;min-height:36px;border:1px solid #ffffff35;border-radius:8px;padding:7px 10px;background:#101212dd;color:#ddd;font-size:10px;line-height:1.4;white-space:normal;text-align:left}
.variant-nav button.selected{color:var(--accent);border-color:var(--accent);background:#28231ff2}
.result-group{margin:0 0 24px}.result-group>header{display:flex;gap:10px;align-items:baseline;justify-content:space-between;padding:13px 0 9px;border-bottom:1px solid var(--line)}
.result-group h2{font-size:13px;font-weight:600;line-height:1.5;margin:0;overflow-wrap:anywhere}
.result-group>header>span{font-size:10px;white-space:nowrap;color:var(--muted)}
.result-group .result-row .row-title small{letter-spacing:0;line-height:1.6}
.viewer:has(.fragment-nav:not([hidden])) .sound-prompt{top:165px}
.clean-view .fragment-nav{display:none!important}
@media(max-height:700px){.fragment-nav{top:48px}.variant-nav button{min-height:32px;font-size:9px}.viewer:has(.fragment-nav:not([hidden])) .sound-prompt{top:153px}}

/* Safari must not show its native play overlay during a slide handoff. */
.slide video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}