@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#f0f0e9;font-synthesis:none;background:#111310;font-family:Noto Sans SC,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #d4f097}button{touch-action:manipulation}a{color:inherit;text-decoration:none}.wall{background:#111310;grid-template-columns:repeat(auto-fit,minmax(min(190px,50vw),1fr));align-content:center;gap:3px;min-height:100dvh;display:grid}.tile{aspect-ratio:1;z-index:1;background:#22251f;padding:0;display:block;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;transition:filter .25s;display:block}.tile:hover img{filter:brightness(.87)}.wall:has(.tile:nth-child(-n+4):last-child){flex-wrap:wrap;place-content:center;align-items:center;display:flex}.wall:has(.tile:nth-child(-n+4):last-child) .tile{width:min(260px,45vw)}.sentinel{height:1px}.bubble{color:#202b15;z-index:30;background:#d5edac;border-radius:50%;place-items:center;width:58px;height:58px;transition:transform .2s,background .2s;display:grid;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 25px #0004}.bubble:hover{background:#e4ffc0;transform:scale(1.06)}.bubble.active{background:#f2f3ec}.menu-panel{color:#292e24;z-index:30;background:#f4f4ed;border-radius:20px;width:284px;padding:20px 14px 12px;animation:.18s ease-out rise;position:fixed;bottom:100px;right:28px;box-shadow:0 15px 70px #0005}.menu-heading{padding:0 9px 17px}.menu-heading>span{font-size:16px;font-weight:600}.menu-heading small{color:#848879;margin-top:7px;font-size:11px;display:block}.menu-panel>button{text-align:left;border-radius:9px;align-items:center;gap:12px;width:100%;padding:12px 10px;font-size:13px;display:flex}.menu-panel>button:hover{background:#e7eadf}.menu-panel>button>span{color:#909585;letter-spacing:1px;margin-left:auto;font-size:10px}.sort-buttons{background:#e8ebe1;border-radius:10px;gap:5px;margin-bottom:12px;padding:4px;display:flex}.sort-buttons button{color:#7b8172;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:50%;padding:9px;display:flex}.sort-buttons .selected{color:#34432a;background:#fff;box-shadow:0 2px 5px #0001}.menu-divider{background:#dfe3d6;height:1px;margin:7px}.preview-dismiss{z-index:0;position:fixed;inset:0}.preview{z-index:11;color:#23291e;text-align:left;background:#f4f4ed;border-radius:15px;padding:7px;animation:.18s ease-out rise;position:fixed;box-shadow:0 20px 100px #0009}.quadrants{border-radius:9px;grid-template-columns:1fr 1fr;gap:3px;display:grid;position:relative;overflow:hidden}.quadrants>div{aspect-ratio:1;background:#111;position:relative;overflow:hidden}.wall-empty{color:#7b8271;place-items:center;font-size:13px;display:grid;position:fixed;inset:0}.quadrants img{object-fit:contain;width:100%;height:100%;display:block}.quadrants>div>span{color:#fff;font-variant-numeric:tabular-nums;background:#0007;border-radius:4px;padding:3px 6px;font-size:10px;position:absolute;bottom:9px;left:10px}.preview-play{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f5f5eeeb;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-caption{justify-content:space-between;padding:13px 6px 6px;font-size:12px;display:flex}.preview-caption>span:last-child{color:#838978;align-items:center;gap:5px;font-size:10px;display:flex}.scrim{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080b09d9;justify-content:center;align-items:center;padding:24px;animation:.18s fade;display:flex;position:fixed;inset:0}.dialog{outline:none;max-height:calc(100dvh - 48px);animation:.2s rise;overflow:auto}.player-dialog{background:#191d17;border:1px solid #ffffff12;border-radius:18px;width:min(1100px,94vw);overflow:hidden;box-shadow:0 20px 100px #0005}.player-top,.player-bottom{justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.player-top>span{font-size:16px}.player-top small{color:#929889;margin-left:14px;font-size:10px}.icon-button{color:#9ea596;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{color:#fff;background:#ffffff12}.player-dialog video{aspect-ratio:16/9;background:#000;width:100%;max-height:65dvh;display:block}.player-bottom>span{color:#8b9584;font-size:12px}.favorite-button{color:#d7e9c5;border:1px solid #505b44;border-radius:30px;align-items:center;gap:9px;padding:10px 21px;display:flex}.favorite-button.saved{color:#29391e;background:#d5edac;border-color:#d5edac}.help-dialog{color:#293026;background:#f4f4ed;border-radius:20px;width:min(480px,95vw);padding:45px;position:relative}.corner-close{color:#717869;position:absolute;top:18px;right:18px}.help-dialog h1{letter-spacing:-1px;margin:14px 0 30px;font-size:29px;font-weight:500;line-height:1.5}.help-dialog h3{margin-bottom:8px;font-size:14px}.help-dialog p{color:#7b8271;font-size:12px;line-height:1.9}.channel-placeholder{color:#7e8872;background:#e8ebdf;border-radius:8px;padding:12px;font-size:12px}.help-dialog section{margin:22px 0}.help-dialog>small{color:#919787;font-size:10px}.toast{z-index:100;color:#34412c;text-align:center;background:#f3f4ec;border:1px solid #dce4ce;border-radius:30px;max-width:80vw;padding:14px 24px;font-size:12px;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.eyebrow{letter-spacing:2px;color:#838b76;font-size:10px;font-weight:600}.admin{color:#293125;background:#f5f5ee;min-height:100dvh}.admin header{border-bottom:1px solid #e0e4d7;justify-content:space-between;align-items:center;max-width:1300px;height:84px;margin:0 auto;padding:0 48px;display:flex}.brand{align-items:center;gap:12px;font-size:20px;font-weight:600;display:flex}.brand-mark{color:#e3edcd;background:#34432b;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.brand>span:last-child{color:#909784;border-left:1px solid #d6dcce;margin-left:6px;padding-left:18px;font-size:12px;font-weight:400}.back-link{color:#6f7964;align-items:center;gap:8px;font-size:12px;display:flex}.admin main{max-width:1204px;margin:auto;padding:62px 48px 70px}.admin-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px;display:flex}.admin h1{letter-spacing:-1.5px;margin:13px 0 18px;font-size:40px;font-weight:500;line-height:1.4}.admin-title p{color:#8b927f;margin:0;font-size:13px}.prototype-badge{color:#6d7c55;white-space:nowrap;background:#e9eddc;border:1px solid #dbe3ca;border-radius:25px;align-items:center;gap:7px;padding:10px 14px;font-size:10px;display:flex}.prototype-badge>span{background:#8ea665;border-radius:50%;width:5px;height:5px}.admin-grid{grid-template-columns:minmax(0,1fr) 280px;gap:36px;display:grid}.dropzone{background:#fcfcf8;border:1px dashed #c8d1ba;border-radius:17px;flex-direction:column;align-items:center;padding:40px 20px;transition:background .2s;display:flex}.dropzone.dragging{background:#e6eed8;border-color:#73924f}.upload-icon{color:#74875d;background:#edf1e3;border-radius:19px;place-items:center;width:64px;height:64px;margin-bottom:14px;display:grid}.dropzone h2{margin:8px;font-size:19px;font-weight:500}.dropzone p{color:#939b88;margin:2px 0 22px;font-size:12px}.primary{color:#f5f9ed;background:#36472d;border-radius:8px;align-items:center;gap:8px;padding:12px 23px;display:flex}.primary:hover{background:#465d39}.dropzone small{color:#a4ab98;margin-top:20px;font-size:10px}.queue-heading{justify-content:space-between;align-items:center;margin-top:32px;display:flex}.queue-heading h2{font-size:15px;font-weight:500}.queue-heading h2 span{color:#869476;background:#e8ecdf;border-radius:5px;margin-left:7px;padding:2px 6px;font-size:11px}.queue-heading label{color:#929a85;align-items:center;gap:4px;font-size:10px;display:flex}.queue-heading input{accent-color:#6f8457}.empty-queue{text-align:center;padding:35px 12px 20px}.empty-queue>div{color:#b4bca7;margin-bottom:12px}.empty-queue h3{color:#8d9780;font-size:12px;font-weight:500}.empty-queue p{color:#afb7a2;font-size:11px}.admin aside{background:#e9eddf;border:1px solid #e0e6d3;border-radius:17px;align-self:start;padding:30px 26px}.admin aside h2{margin:16px 0 30px;font-size:25px;font-weight:500;line-height:1.5}.admin ol{margin:0;padding:0;list-style:none}.admin li{color:#69755b;align-items:center;gap:12px;margin:22px 0;font-size:11px;display:flex}.admin li>span{font-variant-numeric:tabular-nums;color:#99a68a;font-size:10px}.aside-note{color:#919d81;border-top:1px solid #d5ddc7;gap:9px;margin-top:30px;padding-top:18px;display:flex}.aside-note svg{flex-shrink:0;margin-top:3px}.aside-note p{margin:0;font-size:10px;line-height:1.8}.admin footer{color:#a0a990;border-top:1px solid #e0e4d7;justify-content:space-between;max-width:1108px;margin:auto;padding:22px 0;font-size:10px;display:flex}.admin footer span{letter-spacing:1.5px;font-size:9px}.job{background:#fcfcf8;border:1px solid #e2e7d8;border-radius:12px;align-items:center;gap:15px;margin-top:10px;padding:20px;display:flex}.job-icon{color:#8a9874;background:#edf0e5;border-radius:9px;flex-shrink:0;place-items:center;width:40px;height:44px;display:grid}.job-icon svg{width:19px}.job-icon.done{color:#6e864d;background:#dfebcd}.job-info{flex:1;min-width:0}.job h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:500;overflow:hidden}.job p{color:#939d86;margin:7px 0 9px;font-size:10px}.job p span{margin:0 5px}.progress{background:#e7ecdd;border-radius:5px;height:3px;overflow:hidden}.progress>div{background:#94ad73;height:100%;transition:width .4s}.job-status{color:#889777;font-size:10px}.retry{color:#6d8254;border:1px solid #c7d2b6;border-radius:7px;padding:7px 13px;font-size:11px}.spin{animation:2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width>=1600px){.wall{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (width<=700px){.wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.bubble{width:52px;height:52px;bottom:max(20px,env(safe-area-inset-bottom));right:20px}.menu-panel{bottom:86px;right:20px}.scrim{padding:0}.player-dialog{border:0;border-radius:0;flex-direction:column;width:100%;height:100dvh;max-height:100dvh;display:flex}.player-dialog video{object-fit:contain;flex:1;min-height:0;max-height:none}.player-top,.player-bottom{padding:18px}.player-bottom{padding-bottom:max(24px,env(safe-area-inset-bottom))}.player-bottom>span{font-size:10px}.help-dialog{max-height:90dvh;padding:32px}.toast{min-width:240px;bottom:90px}.admin header{height:70px;padding:0 22px}.admin main{padding:36px 22px}.admin-title{display:block}.admin h1{font-size:32px}.prototype-badge{margin-top:22px;display:inline-flex}.admin-grid{grid-template-columns:1fr;gap:24px}.admin aside{padding:24px}.admin aside h2 br{display:none}.admin aside h2{margin-bottom:18px;font-size:20px}.admin footer{margin:0 22px}.dropzone{padding:30px 14px}.dropzone small{font-size:9px}.back-link{font-size:10px}.brand>span:last-child{margin-left:0;padding-left:10px}.brand{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html{overflow-anchor:none;scrollbar-gutter:stable}