:root{--paper:#eeede8;--red:#ed2024;--muted:#8d9188;--line:#33372f;--ink:#101010}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:5px}[hidden]{display:none!important}p,h1,h2{margin:0}button{background:none;border:0}video{display:block}input,select,textarea{color:inherit;border-radius:0}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;width:auto;height:auto;clip-path:none;top:8px;left:8px;background:black;z-index:99;padding:15px}.day-header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 4%;border-bottom:1px solid var(--line)}.day-brand{font-size:23px;font-weight:900;letter-spacing:-1px;display:flex;align-items:center;gap:15px}.day-brand>span{font-size:9px;letter-spacing:2px;font-weight:400;border-left:1px solid #53574e;padding-left:15px}.back-home{font-size:10px;letter-spacing:.6px;margin-left:auto}.outline{border:1px solid #676b60;font-size:11px;padding:12px 17px}.outline:hover{background:var(--red);border-color:var(--red)}.day-intro{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding:47px 4% 40px}.micro{font-size:9px;letter-spacing:1.8px}.day-intro h1{font-size:clamp(36px,5.6vw,86px);font-weight:500;letter-spacing:-3px;line-height:1.2;margin-top:18px}.day-intro h1>span:not(.red-dot){font-family:Arial Black,Arial,sans-serif;font-weight:900;letter-spacing:-6px;margin:0 6px}.red-dot{color:var(--red)}.intro-note{font-size:11px;line-height:2;color:#a2a69a;padding-bottom:4px}.day-channel-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 4%;border-top:1px solid var(--line)}.channels{display:flex;align-items:stretch;gap:36px}.channels>button{display:flex;align-items:center;gap:10px;padding:22px 0;font-size:16px;border-top:2px solid transparent;margin-top:-1px}.channels>button[aria-pressed=true]{border-color:var(--red);color:#fff}.channels>button[aria-pressed=false]{color:#8c9383}.channels>button>span{font-size:8px;color:#8e9684}.channels small{font-size:8px;letter-spacing:1px;margin-left:4px}.local-badge{font-size:9px;color:#9ca491;letter-spacing:.5px}.local-badge>i{display:inline-block;background:var(--red);height:5px;width:5px;border-radius:50%;margin-right:8px}.film{position:relative;aspect-ratio:16/8.4;min-height:390px;max-height:760px;overflow:hidden;background:#171d18}.scene-art{position:absolute;inset:0;background:linear-gradient(#151e21,#515c56);overflow:hidden;transition:background .4s}.scene-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#0008)}.ridge{position:absolute;width:120%;height:60%;bottom:-12%;left:-10%;background:#27392f;clip-path:polygon(0% 67%,12% 25%,23% 46%,36% 0%,50% 53%,61% 20%,79% 71%,89% 32%,100% 80%,100% 100%,0% 100%)}.ridge-back{background:#60736d;opacity:.45;bottom:8%;transform:scaleX(-1)}.ridge-front{filter:blur(1px)}.scene-sun{position:absolute;width:75px;height:75px;right:22%;top:16%;border-radius:50%;background:#c6bf9d;opacity:.4}.scene-grain{position:absolute;inset:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.5' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.film[data-scene=erhai] .scene-art{background:linear-gradient(#112127,#567780 58%,#253e49 58%,#192f3a)}.film[data-scene=erhai] .ridge{opacity:.5;height:25%;bottom:39%;background:#172c35;clip-path:polygon(0% 100%,0% 78%,15% 70%,32% 38%,44% 68%,57% 0%,68% 47%,80% 60%,92% 29%,100% 40%,100% 100%)}.film[data-scene=erhai] .ridge-back{display:none}.film[data-scene=erhai] .scene-sun{background:#edd3a9;width:90px;height:90px;opacity:.55}.film[data-scene=life] .scene-art{background:linear-gradient(140deg,#141416,#5c473a)}.film[data-scene=life] .ridge{clip-path:polygon(0 100%,0 37%,5% 37%,5% 20%,18% 20%,18% 47%,23% 47%,23% 5%,30% 5%,30% 14%,40% 14%,40% 58%,45% 58%,45% 28%,62% 28%,62% 0,69% 0,69% 40%,78% 40%,78% 16%,86% 16%,86% 33%,100% 33%,100% 100%);background:#221e1a;height:65%;bottom:0}.film[data-scene=life] .ridge-back{background:#7d6651;bottom:5%;opacity:.3}.film[data-scene=life] .scene-sun{background:#d8ad72;top:25%;width:50px;height:50px}.film>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#080808;z-index:1}.film-top{position:absolute;left:4%;right:4%;top:25px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.5px;z-index:2;pointer-events:none;text-shadow:0 1px 6px #000}.film-top>span:last-child{font-size:9px;letter-spacing:.5px;color:#c4cbbb}.empty-frame{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:55px 20px 30px;z-index:1}.empty-frame>p{font-size:8px;letter-spacing:1.2px;color:#c2cabb}.empty-time{font-family:Arial Black,Arial,sans-serif;font-size:clamp(80px,15vw,220px);font-weight:900;letter-spacing:-.07em;line-height:1.15;margin:10px 0 8px;font-variant-numeric:tabular-nums}.empty-frame h2{font-size:14px;font-weight:400;letter-spacing:2px}.empty-frame button{margin-top:24px;border-bottom:1px solid #9ba490;padding:9px 0;font-size:11px}.empty-frame button:hover{color:white;border-color:var(--red)}.empty-frame>small{font-size:8px;color:#a9b19f;margin-top:10px}.film-bottom{position:absolute;left:4%;right:4%;bottom:57px;display:flex;justify-content:space-between;gap:20px;align-items:flex-end;z-index:2;text-shadow:0 2px 7px #000;pointer-events:none}.film-bottom>div>span{font-size:16px}.film-bottom p{font-size:11px;line-height:1.8;margin-top:9px}.film-bottom>span{font-size:9px;color:#ccc;white-space:nowrap}.playback-error{position:absolute;z-index:3;bottom:65px;left:4%;font-size:12px;line-height:1.8;color:#fff;background:#8a221be6;padding:0 12px}.playback-error:empty{display:none}.timeline-panel{padding:25px 4% 28px;border-bottom:1px solid var(--line)}.transport{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.time-readout{display:flex;align-items:center;gap:13px}.time-readout>input{color-scheme:dark;background:none;border:0;padding:0;font-size:28px;width:127px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.time-readout>span{font-size:10px;color:#878e7f}.time-readout>b{font-size:8px;letter-spacing:1px;color:#92998b;font-weight:400;margin-left:15px}.transport-actions{display:flex;align-items:center;gap:16px}.transport-actions button{font-size:10px;border:1px solid #41483a;padding:11px 15px}.transport-actions button[aria-pressed=true]{background:var(--red);border-color:var(--red)}.transport-actions>button:first-child,.transport-actions>button:nth-child(3){font-size:17px;line-height:1;padding:9px 14px}.scrub-wrap{position:relative;height:46px;margin-top:3px;touch-action:none}.scrub-wrap canvas{width:100%;height:100%;display:block}.scrub-wrap input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:crosshair;z-index:2}.scrub-wrap:focus-within{outline:2px solid var(--red);outline-offset:3px}.time-cursor{position:absolute;left:25%;top:-5px;bottom:-5px;width:2px;background:var(--red);pointer-events:none}.time-cursor:before{content:"";position:absolute;left:-3px;top:-3px;width:8px;height:5px;background:var(--red)}.hour-labels{display:flex;justify-content:space-between;font-size:8px;color:#89917f;margin:15px 0 25px;font-variant-numeric:tabular-nums}.timeline-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:9px;color:#a3ab98;line-height:1.9}.timeline-footer p{display:flex;align-items:center;gap:8px}.timeline-footer i{display:inline-block;width:4px;height:9px;margin-left:8px}.legend-filled{background:var(--red)}.legend-empty{background:#424a39}.day-message{font-size:10px;line-height:1.9;color:#d4c0a4;margin-top:14px;min-height:1px}.day-message:empty{margin:0}.local-clips{padding:38px 4% 50px}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px}.collection-heading h2{font-size:17px;font-weight:400}.collection-heading h2 span{font-size:8px;color:var(--muted);letter-spacing:1px;margin-left:25px}.text-button{font-size:10px;color:#c0c6b6;padding:0}#no-clips{font-size:11px;color:#868e7b;padding:30px 0;line-height:2}.clip-row{display:flex;gap:15px;align-items:center;border-bottom:1px solid #292f24}.clip-row>.clip-open{display:flex;align-items:center;gap:25px;flex:1;padding:20px 0;text-align:left;min-width:0}.clip-row time{font-size:24px;letter-spacing:-1px;color:#a6b397;font-variant-numeric:tabular-nums}.clip-row.active time{color:var(--red)}.clip-row .clip-label{display:flex;flex-direction:column;gap:8px;font-size:12px;min-width:0}.clip-label small{font-size:9px;color:#868e7b;line-height:1.6}.clip-row>.clip-remove{font-size:9px;color:#868e7b;padding:10px}.day-footer{padding:35px 4%;background:#181c15;border-top:1px solid #343a2d}.day-footer>p{font-size:clamp(18px,3.1vw,50px);font-weight:900;letter-spacing:-1px}.day-footer>div{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:30px;font-size:8px;color:#939c85;line-height:1.8}dialog{width:min(640px,calc(100% - 30px));max-height:90dvh;overflow:auto;background:var(--paper);color:#20251b;border:0;padding:40px}.dialog-close{position:absolute;right:18px;top:13px;font-size:28px;line-height:1;width:35px;height:35px}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}dialog h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:20px 0}.upload-description{font-size:11px;color:#787c70;line-height:1.8;margin-bottom:25px}form label:not(.check-line){display:block;font-size:11px;margin-bottom:20px;line-height:1.8}form input:not([type=checkbox]):not([type=range]):not([type=file]),form select,form textarea{display:block;width:100%;border:1px solid #c6cabd;background:transparent;padding:10px;margin-top:7px;font-size:12px;min-width:0}form input::placeholder,form textarea::placeholder{color:#999e8d}form input[type=file]{display:block;font-size:11px;padding:10px 0;margin-top:5px;max-width:100%}form input[type=file]::file-selector-button{border:0;background:#20251b;color:var(--paper);padding:12px 17px;margin-right:12px;font-size:10px}.file-pick{border:1px dashed #a4ae97;padding:17px}.file-pick small{font-size:9px;color:#7b8371;line-height:1.9}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}#upload-preview{width:100%;max-height:230px;background:#101010}#file-info,#trim-info{font-size:10px;color:#727c64;line-height:1.8;margin:10px 0 20px}#trim-box label{font-size:10px;margin-bottom:8px}#trim-start{width:100%;accent-color:var(--red);margin:7px 0}form textarea{resize:vertical}.check-line{display:flex;gap:10px;align-items:flex-start;font-size:10px;line-height:1.9;margin:12px 0}.check-line input{accent-color:#20251b;flex-shrink:0;margin-top:3px}.save-button{display:flex;justify-content:space-between;align-items:center;width:100%;background:#20251b;color:var(--paper);padding:16px 20px;margin-top:22px;font-size:12px}.save-button span{font-size:22px}.upload-error{font-size:11px;color:#b12a21;line-height:1.9}.storage-note{font-size:9px;color:#7e8872;line-height:1.9;margin-top:17px}#rules-dialog>p:not(.micro){font-size:12px;line-height:2;margin-bottom:18px;color:#6b745f}#rules-dialog>.reference-note{font-size:10px!important;border-top:1px solid #c6cabd;padding-top:20px;margin-top:25px}#delete-dialog{width:min(430px,calc(100% - 30px))}#delete-dialog h2{font-size:23px;margin-top:0}#delete-dialog p{font-size:12px;line-height:2;color:#6b745f}.delete-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.delete-actions button{font-size:11px;padding:12px 20px;border:1px solid #b9c0af}#confirm-delete{background:var(--red);color:white;border-color:var(--red)}@media(max-width:760px){.day-header{height:72px;padding:0 5%;gap:10px}.day-brand{display:block;font-size:21px}.day-brand>span{display:block;border:0;padding:0;font-size:7px;letter-spacing:4px;margin-top:7px}.back-home{display:none}.outline{font-size:10px;padding:11px 12px}.day-intro{padding:35px 5% 29px;display:block}.micro{font-size:8px;letter-spacing:1px}.day-intro h1{font-size:38px;letter-spacing:-2px;margin-top:17px}.day-intro h1>span:not(.red-dot){letter-spacing:-3px;margin:0 3px}.intro-note{font-size:10px;margin-top:20px;line-height:1.9}.day-channel-bar{margin:0 5%}.channels{gap:26px;flex:1;justify-content:space-between}.channels>button{padding:19px 0;display:block;text-align:left;font-size:17px}.channels>button>span{font-size:7px;margin-right:8px}.channels small{display:block;margin:8px 0 0;font-size:7px;letter-spacing:1px}.local-badge{display:none}.film{aspect-ratio:auto;min-height:450px;height:63dvh;max-height:620px}.empty-time{font-size:23vw;letter-spacing:-.075em}.empty-frame>p{font-size:7px;letter-spacing:.4px}.empty-frame h2{font-size:12px;letter-spacing:1px}.empty-frame button{font-size:10px;margin-top:26px}.empty-frame>small{font-size:7px}.film-top{top:20px;left:5%;right:5%;font-size:7px;letter-spacing:.5px}.film-top>span:last-child{font-size:7px}.film-bottom{left:5%;right:5%;bottom:60px;display:block}.film-bottom>div>span{font-size:14px}.film-bottom p{font-size:10px}.film-bottom>span{display:block;font-size:8px;margin-top:12px}.timeline-panel{padding:22px 5%}.transport{display:block;margin-bottom:24px}.time-readout{gap:14px}.time-readout>input{font-size:29px;width:133px}.time-readout>b{margin-left:auto}.transport-actions{margin-top:22px;gap:10px;justify-content:space-between}.transport-actions button{font-size:10px;padding:11px 12px}.transport-actions>button:first-child,.transport-actions>button:nth-child(3){padding:9px 13px}.transport-actions>#play-day{flex:1}.hour-labels{font-size:7px}.hour-labels>span:nth-child(even){visibility:hidden}.timeline-footer{font-size:8px;gap:10px;align-items:flex-start}.timeline-footer p{gap:6px}.timeline-footer i{margin-left:0}.timeline-footer>span{white-space:nowrap}.timeline-panel .day-message{font-size:9px}.local-clips{padding:30px 5% 35px}.collection-heading h2{font-size:14px}.collection-heading h2 span{font-size:7px;margin-left:12px}.collection-heading .text-button{font-size:9px}#no-clips{font-size:10px}.clip-row>.clip-open{gap:16px}.clip-row time{font-size:21px}.clip-row .clip-label{font-size:11px}.clip-label small{font-size:8px}.day-footer{padding:30px 5%}.day-footer>p{font-size:20px;letter-spacing:-.8px}.day-footer>div{font-size:7px;gap:15px}.day-footer>div>span:last-child{width:100%}dialog{padding:35px 23px 25px}dialog h2{font-size:27px}.field-pair{gap:13px}form label:not(.check-line){font-size:10px}.file-pick{padding:14px}.file-pick small{font-size:8px}.file-pick input{font-size:9px!important}.check-line{font-size:9px}.storage-note{font-size:8px}#rules-dialog>p:not(.micro){font-size:11px}.playback-error{left:5%;right:5%;font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.place-context{padding:17px 4%;display:flex;gap:25px;justify-content:space-between;align-items:center;border-bottom:1px solid #33372f;color:#b1bea3;font-size:10px;line-height:1.9;flex-wrap:wrap}.place-context a{font-size:9px;text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){.place-context{padding:15px 5%;gap:12px}.place-context>span{width:100%}}