:root{--g:#0b3d24;--g2:#14633b;--g3:#0f4d2e;--l:#c8ff3d;--w:#f4fff0;--m:#9fc4ad;--r:#ff5a4f;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px);height:100%}*{box-sizing:border-box}body{background:var(--g);min-height:100%;color:var(--w);background-image:repeating-linear-gradient(90deg,#0000 0 60px,#ffffff06 60px 120px);margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:520px;margin:0 auto;padding:0 16px 40px}a{color:inherit;text-decoration:none}.bar{top:env(safe-area-inset-top,0px);background:var(--g);z-index:5;align-items:center;gap:10px;padding:14px 0;display:flex;position:sticky}.bar h2{flex:1;margin:0;font-size:20px}.ic{background:var(--g2);width:44px;height:44px;color:var(--w);border:0;border-radius:50%;place-items:center;font-size:20px;display:grid}.hero{text-align:center;padding:36px 0 18px}.ball{font-size:56px}h1{letter-spacing:-.5px;text-transform:uppercase;margin:6px 0 4px;font-size:34px;font-weight:900}h1 span{color:var(--l)}.sub{color:var(--m);margin:0 0 22px}.big{background:linear-gradient(135deg,var(--g2),var(--g3));width:100%;color:var(--w);text-align:left;border:2px solid #c8ff3d59;border-radius:22px;align-items:center;gap:14px;margin:0 0 14px;padding:26px 20px;font-size:28px;font-weight:800;display:flex}.big small{color:var(--m);font-size:14px;font-weight:500;display:block}.big b{color:var(--l);margin-left:auto;font-size:30px}.btn{background:var(--l);color:#0b3d24;text-align:center;border:0;border-radius:16px;width:100%;padding:17px;font-size:18px;font-weight:800;display:block}.btn.alt{background:var(--g2);color:var(--w)}.btn.red{background:var(--r);color:#fff}.btn:disabled{opacity:.4}.link{text-align:center;color:var(--m);padding:18px;font-size:15px;display:block}.tabs{gap:8px;margin:0 0 16px;display:flex}.tabs a{text-align:center;background:var(--g2);border-radius:14px;flex:1;padding:12px;font-weight:700}.tabs a.on{background:var(--l);color:#0b3d24}.card{background:var(--g3);border:1px solid #ffffff14;border-radius:20px;margin:0 0 18px;overflow:hidden}.card video,.un{aspect-ratio:16/9;background:#000;width:100%;display:block}.un{text-align:center;color:var(--m);place-items:center;padding:20px;display:grid}.meta{justify-content:space-between;gap:8px;padding:12px 14px 4px;display:flex}.meta b{font-size:17px}.meta span{color:var(--m);white-space:nowrap;font-size:13px}.acts{padding:6px 8px 10px;display:flex}.acts button,.acts a{color:var(--w);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0;font-size:13px;display:flex}.acts i{font-size:22px;font-style:normal}.acts .on{color:var(--l)}.cm{padding:0 14px 14px}.cm p{background:var(--g2);border-radius:12px;margin:6px 0;padding:8px 12px;font-size:15px}.cm div{gap:8px;margin-top:8px;display:flex}input[type=text],input[type=password]{border:2px solid var(--g2);background:var(--g);color:var(--w);border-radius:14px;flex:1;width:100%;padding:14px;font-size:17px}.empty{text-align:center;color:var(--m);padding:50px 20px}.empty .ball{opacity:.9;font-size:64px}.empty h3{color:var(--w);margin:10px 0 4px}.spin{border:5px solid var(--g2);border-top-color:var(--l);border-radius:50%;width:44px;height:44px;margin:60px auto;animation:1s linear infinite s}@keyframes s{to{transform:rotate(360deg)}}.pick{gap:10px;margin:14px 0;display:flex}.pick button{border:2px solid var(--g2);background:var(--g3);color:var(--w);border-radius:16px;flex:1;padding:20px 0;font-size:22px;font-weight:800}.pick button.on{background:var(--l);color:#0b3d24;border-color:var(--l)}.prog{background:var(--g2);border-radius:9px;height:16px;margin:20px 0;overflow:hidden}.prog div{background:var(--l);height:100%;transition:width .2s}.center{text-align:center;padding:30px 0}.center .ball{font-size:70px}.row{background:var(--g3);border-radius:16px;align-items:center;gap:10px;margin:0 0 10px;padding:10px;display:flex}.row video{object-fit:cover;background:#000;border-radius:10px;width:84px;height:56px}.row div{flex:1;min-width:0}.row b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.row small{color:var(--m)}.row button{background:var(--g2);width:42px;height:42px;color:var(--w);border:0;border-radius:12px;font-size:18px}h4{color:var(--m);text-transform:uppercase;letter-spacing:1px;margin:20px 0 10px;font-size:13px}.modal{z-index:20;background:#000000b3;place-items:end center;display:grid;position:fixed;inset:0}.modal>div{background:var(--g3);width:100%;max-width:520px;padding:24px 18px calc(24px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0}.modal h3{margin:0 0 6px}.modal p{color:var(--m);margin:0 0 16px}.modal .btn{margin-top:10px}#toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--l);color:#0b3d24;z-index:30;border-radius:30px;padding:12px 20px;font-weight:700;display:none;position:fixed;transform:translate(-50%)}.chips{gap:8px;margin:0 0 14px;padding-bottom:4px;display:flex;overflow-x:auto}.chips button{border:2px solid var(--g2);background:var(--g3);color:var(--w);border-radius:14px;flex:none;padding:10px 14px;font-size:15px;font-weight:700}.chips button.on{background:var(--l);color:#0b3d24;border-color:var(--l)}.chips .z{opacity:.45}.chips small{opacity:.7;margin-left:6px}.swap{align-items:center;gap:10px;margin:10px 0;display:flex}.swap div{text-align:center;flex:1;font-size:22px;font-weight:800}.swap small{color:var(--m);font-size:13px;font-weight:500;display:block}.swap .ic:disabled{opacity:.25}.dest{background:var(--g2);border:2px solid var(--l);color:var(--m);border-radius:16px;margin:0 0 14px;padding:12px 16px;font-size:14px}.dest b{color:var(--w);font-size:21px;display:block}.sticky{top:calc(72px + env(safe-area-inset-top,0px));background:var(--g);z-index:4;margin:0 -16px 6px;padding:4px 0 0 16px;position:sticky}.sticky .chips{margin:0;padding-right:16px}.exp{color:var(--l);font-size:13px;font-weight:700;display:block}.exp.w{color:var(--r)}.st{margin:18px 0 0}.win{background:var(--l);color:#0b3d24;padding:8px 14px;font-size:14px;font-weight:800}#pill{left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));background:var(--l);color:#0b3d24;z-index:25;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;max-width:496px;margin:0 auto;padding:12px 16px;font-weight:700;display:flex;position:fixed}#pill button{color:var(--l);background:#0b3d24;border:0;border-radius:12px;margin-left:auto;padding:8px 12px;font-weight:700}.pb{background:#0b3d2440;border-radius:3px;flex-basis:100%;height:6px}.pb div{background:#0b3d24;border-radius:3px;height:100%}.re{flex-wrap:wrap;gap:8px;padding:2px 14px 6px;display:flex}.re button{border:2px solid var(--g2);color:var(--w);background:0 0;border-radius:20px;padding:6px 12px;font-size:17px}.re .on{background:var(--g2);border-color:var(--l)}.tg{flex-wrap:wrap;gap:6px;padding:0 14px 6px;display:flex}.tg a{background:var(--g2);border-radius:12px;padding:4px 10px;font-size:13px}.trim label{color:var(--m);align-items:center;gap:10px;margin:6px 0;font-size:14px;display:flex}.trim input{accent-color:var(--l);flex:1}.tl{color:var(--m);margin:10px 0 0;font-size:14px}.tl b{color:var(--l)}.dz{border:3px dashed var(--g2);border-radius:20px;margin:14px 0}body.dnd #app{outline:4px dashed var(--l);outline-offset:-8px;border-radius:20px}body.dnd .dz{background:var(--g2)}.home-screen{isolation:isolate;min-height:calc(100svh - 40px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));color:#f1f5f9;position:relative}.home-screen:before{content:"";z-index:-1;pointer-events:none;background:#020617;position:fixed;inset:0}.home-header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.home-brand{align-items:center;gap:10px;min-width:0;display:flex}.home-logo{background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:23px;display:grid}.home-brand h1{letter-spacing:-.4px;text-transform:uppercase;margin:0;font-size:17px;font-style:italic;font-weight:900;line-height:1.15}.home-brand h1 span{color:#34d399}.home-brand p{letter-spacing:.8px;text-transform:uppercase;color:#94a3b8;margin:4px 0 0;font-size:10px}.home-panel{color:#34d399;background:#10b9811f;border:1px solid #10b98166;border-radius:12px;flex:none;align-items:center;gap:5px;min-height:44px;padding:8px 10px;font-size:13px;font-weight:700;display:flex}.home-intro{text-align:center;padding:30px 4px 26px}.home-badge{color:#34d399;text-transform:uppercase;letter-spacing:1px;background:#10b9811a;border:1px solid #10b98133;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-block}.home-intro h2{letter-spacing:-.6px;margin:14px 0 8px;font-size:25px;font-weight:900;line-height:1.2}.home-intro p{color:#94a3b8;margin:0;font-size:14px;line-height:1.6}.home-galleries{gap:16px;margin-bottom:26px;display:grid}.home-gallery{background:linear-gradient(135deg,#1e293b,#111c30);border:2px solid #334155;border-radius:20px;align-items:center;gap:12px;min-height:138px;padding:22px 18px;transition:border-color .15s,transform .15s;display:flex;box-shadow:0 8px 24px #0000002e}.home-gallery-info{flex:1;min-width:0}.home-gallery-label{color:#34d399;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.home-gallery h3{text-transform:uppercase;letter-spacing:-.5px;margin:5px 0 7px;font-size:29px;font-weight:900;line-height:1.1}.home-gallery small{color:#cbd5e1;overflow-wrap:anywhere;font-size:13px;line-height:1.5;display:block}.home-gallery-icon{background:#10b9811a;border:1px solid #10b98133;border-radius:15px;flex:none;place-items:center;width:50px;height:50px;font-size:26px;display:grid}.home-gallery-arrow{color:#34d399;font-size:27px}.home-restricted{background:linear-gradient(135deg,#172235,#0f172a);border-style:dashed}.home-controls{border-top:1px solid #1e293b;gap:10px;padding-top:20px;display:grid}.home-controls .btn{overflow-wrap:anywhere;border-radius:14px;min-height:48px;padding:14px 12px;font-size:15px;line-height:1.4}.home-controls .btn.alt{color:#e2e8f0;background:#0f172a;border:1px solid #334155}.home-controls .home-primary{color:#020617;background:#10b981;font-weight:800}.home-controls .link{color:#94a3b8;overflow-wrap:anywhere;padding:12px 6px}.home-controls .home-signup{color:#34d399;font-weight:700}.home-expiry{text-align:center;color:#94a3b8;margin:6px 0;font-size:13px}.home-screen a:focus-visible,.home-screen button:focus-visible{outline-offset:4px;outline:3px solid #34d399}.home-gallery:active{border-color:#10b981;transform:scale(.98)}@media (hover:hover){.home-gallery:hover{border-color:#10b981}.home-controls .home-primary:hover{background:#34d399}}@media (width<=359px){.home-brand h1{font-size:14px}.home-brand p{letter-spacing:.4px;font-size:9px}.home-panel{padding:8px;font-size:12px}.home-intro h2{font-size:23px}.home-gallery{gap:9px;padding:20px 14px}.home-gallery h3{font-size:27px}.home-gallery-icon{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.home-gallery{transition:none}.home-gallery:active{transform:none}}.auth-screen{isolation:isolate;color:#f1f5f9;--g:#020617;--g2:#334155;--g3:#0f172a;--l:#34d399;--w:#f1f5f9;--m:#cbd5e1;min-height:calc(100svh - 40px);position:relative}.auth-screen:before{content:"";z-index:-1;pointer-events:none;background:#020617;position:fixed;inset:0}.auth-screen .bar{background:#020617;border-bottom:1px solid #1e293b;gap:12px;margin-bottom:20px;padding:16px 0}.auth-screen .bar h2{overflow-wrap:anywhere;font-size:21px;line-height:1.25}.auth-screen .ic{color:#34d399;background:#0f172a;border:1px solid #334155;border-radius:12px;flex:none}.auth-screen .hero{padding:28px 0 24px}.auth-screen .ball{font-size:48px}.auth-screen h1{font-size:28px;line-height:1.2}.auth-screen .sub,.auth-screen .empty p{overflow-wrap:anywhere;line-height:1.6}.auth-screen .auth-label{color:#e2e8f0;margin:14px 0 7px;font-size:14px;font-weight:700;display:block}.auth-screen input[type=text],.auth-screen input[type=password]{color:#f1f5f9;background:#0f172a;border:1px solid #475569;border-radius:14px;min-height:52px;padding:15px;font-size:16px;margin-bottom:0!important}.auth-screen input::placeholder{color:#94a3b8;opacity:1}.auth-screen .btn{color:#020617;overflow-wrap:anywhere;background:#10b981;border-radius:14px;min-height:52px;margin-top:18px;padding:15px 12px;font-size:16px;line-height:1.4}.auth-screen .btn.alt{color:#f1f5f9;background:#1e293b;border:1px solid #475569}.auth-screen .btn:disabled{opacity:.55;cursor:wait}.auth-screen .link{color:#34d399;overflow-wrap:anywhere;min-height:48px;padding:16px 8px;line-height:1.5}.auth-screen .st{font-size:18px;line-height:1.4}.auth-screen .pick{gap:12px;margin:14px 0 20px}.auth-screen .pick button{color:#e2e8f0;background:#0f172a;border:1px solid #475569;border-radius:14px;min-height:56px;padding:15px 8px;font-size:18px;line-height:1.4}.auth-screen .pick button.on{color:#6ee7b7;background:#10b9812e;border-color:#34d399}.auth-screen .center,.auth-screen .empty{color:#cbd5e1;padding:28px 8px}.auth-screen a:focus-visible,.auth-screen button:focus-visible,.auth-screen input:focus-visible{outline-offset:3px;outline:3px solid #34d399}body:has(.auth-screen) #toast{color:#064e3b;text-align:center;overflow-wrap:anywhere;background:#d1fae5;border:1px solid #34d399;border-radius:16px;width:max-content;max-width:calc(100% - 32px)}@media (hover:hover){.auth-screen .btn:not(:disabled):hover{background:#34d399}.auth-screen .btn.alt:not(:disabled):hover{background:#334155}}@media (width<=359px){.auth-screen h1{font-size:25px}.auth-screen .bar h2{font-size:19px}}.gallery-screen{isolation:isolate;color:#f1f5f9;--g:#020617;--g2:#334155;--g3:#0f172a;--l:#34d399;--w:#f1f5f9;--m:#cbd5e1;min-height:calc(100svh - 40px);position:relative}.gallery-screen:before{content:"";z-index:-1;pointer-events:none;background:#020617;position:fixed;inset:0}.gallery-screen .bar{background:#020617;border-bottom:1px solid #1e293b;gap:12px;margin-bottom:16px;padding:16px 0}.gallery-screen .bar h2{letter-spacing:-.4px;font-size:20px;line-height:1.25}.gallery-screen .ic{color:#34d399;background:#0f172a;border:1px solid #334155;border-radius:12px;flex:none}.gallery-screen .tabs{background:#0f172a;border:1px solid #334155;border-radius:16px;gap:10px;margin-bottom:16px;padding:5px}.gallery-screen .tabs a{color:#cbd5e1;background:0 0;border-radius:11px;place-items:center;min-height:46px;padding:11px 8px;display:grid}.gallery-screen .tabs a.on{color:#020617;background:#10b981}.gallery-screen .sticky{top:calc(76px + env(safe-area-inset-top,0px));background:#020617;margin-bottom:12px;padding-top:8px;padding-bottom:8px}.gallery-screen .chips{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;gap:8px}.gallery-screen .chips::-webkit-scrollbar{display:none}.gallery-screen .chips button{color:#cbd5e1;white-space:nowrap;background:#0f172a;border:1px solid #475569;border-radius:12px;min-height:46px;padding:10px 14px}.gallery-screen .chips button.on{color:#6ee7b7;background:#10b98129;border-color:#34d399}.gallery-screen .chips .z{opacity:.65}.gallery-screen .chips small{opacity:1;margin-left:8px;font-size:12px}.gallery-screen h4{color:#94a3b8;letter-spacing:.8px;margin:22px 0 12px;font-size:12px;line-height:1.5}.gallery-screen .card{background:#0f172a;border:1px solid #334155;border-radius:18px;margin-bottom:20px;box-shadow:0 8px 24px #00000026}.gallery-screen .card video{aspect-ratio:auto;object-fit:contain;background:#000;width:100%;height:auto}.gallery-screen .meta{flex-wrap:wrap;align-items:flex-start;padding:14px 14px 8px}.gallery-screen .meta b{overflow-wrap:anywhere;font-size:17px;line-height:1.4}.gallery-screen .meta span{color:#94a3b8;font-size:12px}.gallery-screen .win{color:#6ee7b7;background:#10b98129;border-bottom:1px solid #34d39940;padding:10px 14px;line-height:1.5}.gallery-screen .dest{color:#cbd5e1;background:#0f172a;border:1px solid #34d39966;border-radius:14px;line-height:1.6}.gallery-screen .btn.alt{color:#e2e8f0;background:#1e293b;border:1px solid #475569;min-height:48px}.gallery-screen .empty{color:#94a3b8;padding:40px 16px;line-height:1.6}.gallery-screen .empty h3{color:#f1f5f9}.gallery-screen a:focus-visible,.gallery-screen button:focus-visible,.gallery-screen input:focus-visible{outline-offset:3px;outline:3px solid #34d399}@media (width<=359px){.gallery-screen .bar{gap:8px}.gallery-screen .bar h2{font-size:18px}.gallery-screen .meta{gap:4px}}.playback-screen{isolation:isolate;color:#f1f5f9;--g:#020617;--g2:#334155;--g3:#0f172a;--l:#34d399;--w:#f1f5f9;--m:#cbd5e1;min-height:calc(100svh - 40px);position:relative}.playback-screen:before{content:"";z-index:-1;pointer-events:none;background:#020617;position:fixed;inset:0}.playback-screen .bar{background:#020617;border-bottom:1px solid #1e293b;gap:12px;margin-bottom:18px;padding:16px 0}.playback-screen .bar h2{overflow-wrap:anywhere;font-size:20px;line-height:1.3}.playback-screen .ic{color:#34d399;background:#0f172a;border:1px solid #475569;border-radius:12px;flex:none}.playback-screen .tabs a{color:#cbd5e1;background:#0f172a;border:1px solid #334155;min-height:48px}.playback-screen .tabs a.on{color:#020617;background:#10b981;border-color:#10b981}.playback-screen .swap{gap:12px;margin:20px 0}.playback-screen .swap div{font-size:19px;line-height:1.5}.playback-screen .row{background:#0f172a;border:1px solid #334155;min-height:64px;padding:14px 12px}.playback-screen .row b{white-space:normal;overflow-wrap:anywhere;line-height:1.4}.playback-screen .row small{margin-top:4px;line-height:1.5;display:block}.playback-screen .btn{color:#020617;background:#10b981;min-height:52px;padding:15px 12px;font-size:16px}.playback-screen .dest{background:#0f172a;line-height:1.6}.playback-screen .empty{color:#94a3b8;line-height:1.6}.playback-screen .empty h3{color:#f1f5f9}:is(.gallery-screen,.playback-screen) .lance-card{background:#0f172a;border:1px solid #334155;border-radius:18px;margin-bottom:20px;box-shadow:0 8px 24px #00000026}:is(.gallery-screen,.playback-screen) .lance-card video{aspect-ratio:auto;object-fit:contain;background:#000;width:100%;height:auto;display:block}:is(.gallery-screen,.playback-screen) .lance-card .meta{flex-wrap:wrap;align-items:flex-start;gap:6px;padding:16px 14px 10px}:is(.gallery-screen,.playback-screen) .lance-card .meta b{overflow-wrap:anywhere;font-size:18px;line-height:1.4}:is(.gallery-screen,.playback-screen) .lance-card .meta span{color:#94a3b8;white-space:normal;font-size:12px;line-height:1.5}:is(.gallery-screen,.playback-screen) .lance-card .win{color:#6ee7b7;background:#10b98129;border-bottom:1px solid #34d39940;padding:10px 14px;line-height:1.5}:is(.gallery-screen,.playback-screen) .lance-card .tg{gap:8px;padding:0 14px 12px}:is(.gallery-screen,.playback-screen) .lance-card .tg a{color:#e2e8f0;overflow-wrap:anywhere;background:#1e293b;border:1px solid #475569;align-items:center;max-width:100%;min-height:40px;padding:8px 12px;font-size:13px;display:flex}:is(.gallery-screen,.playback-screen) .lance-card .re{gap:8px;padding:0 14px 12px}:is(.gallery-screen,.playback-screen) .lance-card .re button{color:#e2e8f0;background:#1e293b;border:1px solid #475569;min-height:44px;padding:8px 12px}:is(.gallery-screen,.playback-screen) .lance-card .re button.on{color:#6ee7b7;background:#10b98129;border-color:#34d399}:is(.gallery-screen,.playback-screen) .lance-card .acts{border-top:1px solid #334155;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;display:grid}:is(.gallery-screen,.playback-screen) .lance-card .acts button,:is(.gallery-screen,.playback-screen) .lance-card .acts a{color:#cbd5e1;overflow-wrap:anywhere;background:#1e293b;border:1px solid #334155;border-radius:12px;gap:4px;min-height:60px;padding:9px 4px;font-size:12px;line-height:1.4}:is(.gallery-screen,.playback-screen) .lance-card .acts .on{color:#6ee7b7;background:#10b98129;border-color:#34d399}:is(.gallery-screen,.playback-screen) .lance-card .cm{padding:0 14px 16px}:is(.gallery-screen,.playback-screen) .lance-card .cm p{color:#e2e8f0;overflow-wrap:anywhere;background:#1e293b;border:1px solid #334155;padding:12px;line-height:1.5}:is(.gallery-screen,.playback-screen) .lance-card .cm div{align-items:center;gap:8px}:is(.gallery-screen,.playback-screen) .lance-card .cm input{color:#f1f5f9;background:#020617;border:1px solid #475569;min-width:0;min-height:48px;font-size:16px}:is(.gallery-screen,.playback-screen) .lance-card .cm input::placeholder{color:#94a3b8;opacity:1}:is(.gallery-screen,.playback-screen) .lance-card .cm .ic{color:#020617;background:#10b981;border:0;border-radius:12px;flex:none;width:48px;height:48px}.playback-screen a:focus-visible,.playback-screen button:focus-visible,.playback-screen input:focus-visible{outline-offset:3px;outline:3px solid #34d399}@media (width>=480px){:is(.gallery-screen,.playback-screen) .lance-card .acts{grid-template-columns:repeat(5,minmax(0,1fr))}}.upload-screen{isolation:isolate;color:#f1f5f9;--g:#020617;--g2:#334155;--g3:#0f172a;--l:#34d399;--w:#f1f5f9;--m:#cbd5e1;--r:#fda4af;min-height:calc(100svh - 40px);padding-bottom:100px;position:relative}.upload-screen:before{content:"";z-index:-1;pointer-events:none;background:#020617;position:fixed;inset:0}.upload-screen .bar{background:#020617;border-bottom:1px solid #1e293b;gap:12px;margin-bottom:20px;padding:16px 0}.upload-screen .bar h2{font-size:20px;line-height:1.3}.upload-screen .ic{color:#34d399;background:#0f172a;border:1px solid #475569;border-radius:12px;flex:none;min-width:44px;min-height:44px}.upload-screen .center{padding:28px 16px;line-height:1.6}.upload-screen .center .ball{font-size:48px}.upload-screen .sub{overflow-wrap:anywhere;line-height:1.6}.upload-screen .dz{background:#0f172a;border:2px dashed #475569;border-radius:20px;margin:16px 0 20px}body.dnd .upload-screen .dz{background:#1e293b;border-color:#34d399}.upload-screen .btn{color:#020617;overflow-wrap:anywhere;background:#10b981;border-radius:14px;min-height:52px;padding:15px 12px;font-size:16px;line-height:1.5}.upload-screen .btn.alt{color:#e2e8f0;background:#1e293b;border:1px solid #475569}.upload-screen .btn:disabled{opacity:.5}.upload-screen .link{color:#34d399;min-height:48px;padding:16px 8px;line-height:1.5}.upload-screen .card{background:#0f172a;border:1px solid #334155;border-radius:18px;margin:16px 0;overflow:hidden}.upload-screen .card video{aspect-ratio:auto;object-fit:contain;background:#000;width:100%;height:auto;display:block}.upload-screen .upload-titles{margin:20px 0}.upload-screen .upload-title-item{background:#0f172a;border:1px solid #334155;border-radius:14px;min-width:0;margin-bottom:12px;padding:16px}.upload-screen .upload-title-item>b,.upload-screen .upload-title-item>small{overflow-wrap:anywhere;line-height:1.5;display:block}.upload-screen .upload-title-item>b{color:#6ee7b7}.upload-screen .upload-title-item>small{color:#cbd5e1;margin-top:4px}.upload-screen .upload-title-item .upload-label{margin:12px 0 6px;display:block}.upload-screen .upload-title-item input{width:100%;min-height:48px;font-size:16px}.upload-screen .st{margin-top:24px;font-size:18px;line-height:1.5}.upload-screen .pick{gap:12px;margin:12px 0 20px}.upload-screen .pick button{color:#cbd5e1;background:#0f172a;border:1px solid #475569;border-radius:14px;min-height:56px;padding:15px 8px;font-size:18px}.upload-screen .pick button.on{color:#6ee7b7;background:#10b98129;border-color:#34d399}.upload-screen .swap{gap:12px;padding:12px 0}.upload-screen .swap div{font-size:20px;line-height:1.5}.upload-screen .swap small{font-size:13px}.upload-screen .chips{scrollbar-width:none;overscroll-behavior-x:contain;gap:8px;padding:4px 3px 8px}.upload-screen .chips::-webkit-scrollbar{display:none}.upload-screen .chips button{color:#cbd5e1;background:#0f172a;border:1px solid #475569;border-radius:12px;min-height:46px;padding:10px 14px;font-size:15px}.upload-screen .chips button.on{color:#6ee7b7;background:#10b98129;border-color:#34d399}.upload-screen .upload-label{color:#e2e8f0;margin:18px 0 8px;font-size:14px;font-weight:700;display:block}.upload-screen input[type=text]{color:#f1f5f9;background:#0f172a;border:1px solid #475569;min-height:52px;font-size:16px;line-height:1.4}.upload-screen input[type=text]::placeholder{color:#94a3b8;opacity:1}.upload-screen .trim{background:#0f172a;border:1px solid #334155;border-radius:16px;padding:14px}.upload-screen .trim .tl{margin-top:0;line-height:1.6}.upload-screen .trim label{gap:12px;font-size:14px}.upload-screen .trim input[type=range]{accent-color:#34d399;min-width:0;min-height:44px}.upload-screen .dest{overflow-wrap:anywhere;background:#0f172a;border:1px solid #34d39966;border-radius:16px;padding:14px 16px;line-height:1.6}.upload-screen .dest b{font-size:20px;line-height:1.5}.upload-screen .dest small{font-size:13px}.upload-screen .prog{background:#334155;border:1px solid #475569;border-radius:999px;height:12px;margin:20px 0 12px}.upload-screen .prog div{background:#10b981}.upload-screen #pt{background:#0f172a;border:1px solid #334155;border-radius:14px;padding:14px}.upload-screen .row{background:#0f172a;border:1px solid #334155;min-height:64px;padding:14px 12px}.upload-screen .row small{margin-top:4px;line-height:1.5;display:block}.upload-screen a:focus-visible,.upload-screen button:focus-visible,.upload-screen input:focus-visible,.upload-screen label.btn:focus-within{outline-offset:3px;outline:3px solid #34d399}body:has(.upload-screen) #pill{color:#e2e8f0;background:#0f172a;border:1px solid #34d399;font-size:14px;line-height:1.5;box-shadow:0 8px 24px #00000059}body:has(.upload-screen) #pill button{color:#020617;background:#10b981;min-height:44px}body:has(.upload-screen) #pill .pb{background:#334155}body:has(.upload-screen) #pill .pb div{background:#10b981}body:has(.upload-screen) #toast{color:#064e3b;text-align:center;overflow-wrap:anywhere;background:#d1fae5;border:1px solid #34d399;border-radius:16px;width:max-content;max-width:calc(100% - 32px)}@media (hover:hover){.upload-screen .btn:not(:disabled):hover{background:#34d399}.upload-screen .btn.alt:not(:disabled):hover{background:#334155}}@media (prefers-reduced-motion:reduce){.upload-screen .prog div{transition:none}}.admin-screen{isolation:isolate;color:#f1f5f9;--g:#020617;--g2:#334155;--g3:#0f172a;--l:#34d399;--w:#f1f5f9;--m:#cbd5e1;--r:#e11d48;min-height:calc(100svh - 40px);position:relative}.admin-screen:before{content:"";z-index:-1;pointer-events:none;background:#020617;position:fixed;inset:0}.admin-screen .bar{background:#020617;border-bottom:1px solid #1e293b;gap:12px;margin-bottom:20px;padding:16px 0}.admin-screen .bar h2{overflow-wrap:anywhere;font-size:20px;line-height:1.3}.admin-screen .ic{color:#34d399;background:#0f172a;border:1px solid #475569;border-radius:12px;flex:none}.admin-screen h4{color:#94a3b8;letter-spacing:.8px;margin:28px 0 12px;line-height:1.5}.admin-screen .sub{overflow-wrap:anywhere;line-height:1.6}.admin-screen .row{background:#0f172a;border:1px solid #334155;border-radius:16px;flex-wrap:wrap;gap:10px;margin-bottom:12px;padding:14px;display:flex}.admin-screen .row>div{flex:100%;min-width:0}.admin-screen .row b{white-space:normal;overflow-wrap:anywhere;font-size:16px;line-height:1.5}.admin-screen .row small{overflow-wrap:anywhere;margin-top:3px;font-size:13px;line-height:1.6;display:block}.admin-screen .row button{color:#e2e8f0;background:#1e293b;border:1px solid #475569;border-radius:12px;flex:none;width:auto;min-width:44px;height:auto;min-height:44px;padding:10px 12px;line-height:1.4}.admin-screen .row[data-id]>div{flex:calc(100% - 100px)}.admin-screen .row video{object-fit:contain;background:#000;border:1px solid #334155;border-radius:10px;flex:none;width:80px;height:64px}.admin-screen .exp{color:#6ee7b7;margin-top:6px;line-height:1.5}.admin-screen .exp.w{color:#fda4af}.admin-screen .pick{flex-wrap:wrap;gap:8px}.admin-screen .pick button{color:#e2e8f0;background:#0f172a;border:1px solid #475569;border-radius:12px;flex:110px;min-height:50px;padding:12px 10px;line-height:1.5}.admin-screen .btn{color:#020617;background:#10b981;border-radius:14px;min-height:52px;padding:15px 12px;font-size:16px;line-height:1.5}.admin-screen .btn.alt{color:#e2e8f0;background:#1e293b;border:1px solid #475569}.admin-screen .link{color:#34d399;min-height:48px;padding:16px 8px}.admin-screen .empty{color:#94a3b8;padding:36px 12px;line-height:1.6}.admin-screen .empty h3{color:#f1f5f9}.admin-screen a:focus-visible,.admin-screen button:focus-visible{outline-offset:3px;outline:3px solid #34d399}body:has(.admin-screen) .modal>div{color:#f1f5f9;background:#0f172a;border:1px solid #475569;max-height:calc(100svh - 32px);overflow-y:auto}body:has(.admin-screen) .modal p{color:#cbd5e1;overflow-wrap:anywhere;line-height:1.6}body:has(.admin-screen) .modal .btn{color:#fff;background:#e11d48;min-height:52px;font-size:16px;line-height:1.5}body:has(.admin-screen) .modal .btn.alt{color:#e2e8f0;background:#1e293b;border:1px solid #475569}body:has(.admin-screen) .modal button:focus-visible{outline-offset:3px;outline:3px solid #34d399}body:has(.admin-screen) #toast{color:#064e3b;text-align:center;overflow-wrap:anywhere;background:#d1fae5;border:1px solid #34d399;border-radius:16px;width:max-content;max-width:calc(100% - 32px)}.playback-screen .bar h2{min-width:0}.playback-screen .empty p,.gallery-screen .empty p{overflow-wrap:anywhere}.playback-screen .swap div{overflow-wrap:anywhere;min-width:0}.playback-screen .swap small{line-height:1.5}.playback-screen .row[data-k]{cursor:pointer;gap:12px}.playback-screen .row>div{min-width:0}.playback-screen .dest{overflow-wrap:anywhere}@media (width>=480px){.admin-screen .row:not([data-id])>div{flex:180px}}@media (width<=359px){.admin-screen .bar{gap:8px}.admin-screen .bar h2,.playback-screen .bar h2{font-size:18px}.admin-screen .row{gap:8px;padding:12px}}.auth-screen .auth-message{color:#cbd5e1;overflow-wrap:anywhere;margin:16px 0;font-size:14px;line-height:1.6}.auth-screen .auth-message:empty{display:none}#app:has(>.app-route>.manage-screen){overflow-anchor:none;max-width:1600px}.manage-screen .admin-weeks{--columns:1;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--columns) - 1)*16px)/var(--columns));overflow-anchor:none;align-items:start;gap:16px;padding:4px 0 12px;display:grid;overflow-x:auto}.manage-screen .admin-weeks:focus-visible{outline-offset:3px;outline:3px solid #34d399}.manage-screen .admin-week{min-width:0;container-type:inline-size}.manage-screen .admin-week h5{color:#e2e8f0;margin:0 0 12px;font-size:16px;line-height:1.5}.manage-screen .admin-week .row{border-radius:12px;grid-template-columns:56px minmax(0,1fr) 44px auto;grid-template-areas:"thumb title title title""thumb date date date""expiry expiry expiry expiry""watch watch watch delete";align-items:start;gap:4px 6px;margin-bottom:8px;padding:10px;display:grid;position:relative}.manage-screen .admin-week .row>div{display:contents}.manage-screen .admin-week .row video{border-radius:8px;grid-area:thumb;width:56px;height:42px}.manage-screen .admin-week .row b{grid-area:title;font-size:15px;line-height:1.35}.manage-screen .admin-week .row small{grid-area:date;margin:0;font-size:13px;line-height:1.4}.manage-screen .admin-week .row .exp{grid-area:expiry;margin:0;font-size:13px;line-height:1.4}.manage-screen .admin-week .row button{white-space:normal;border-radius:8px;align-self:stretch;min-width:36px;min-height:36px;padding:6px 8px;font-size:13px;line-height:1.25}.manage-screen .admin-week .row [data-a=open]{grid-area:watch}.manage-screen .admin-week .row [data-a=ask]{color:#fff;background:#7f1d1d;border-color:#b91c1c;grid-area:delete;padding:6px 10px}@container (width>=320px){.manage-screen .admin-week .row{grid-template-columns:auto minmax(0,1fr) 44px auto;grid-template-areas:"thumb title title title""thumb date date date""expiry expiry expiry expiry""watch watch watch delete"}}@media (width>=600px){.manage-screen .admin-weeks{--columns:2}}@media (width>=900px){.manage-screen .admin-weeks{--columns:3}}@media (width>=1200px){.manage-screen .admin-weeks{--columns:5}}#app:has(>.app-route>.gallery-screen){max-width:1760px}.gallery-screen .weekly-summary{color:#6ee7b7;border:1px solid #34d399;border-radius:12px;margin-bottom:16px;padding:12px;font-weight:700}.gallery-weeks{--columns:1;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--columns) - 1)*16px)/var(--columns));scroll-snap-type:x proximity;overscroll-behavior-x:contain;align-items:start;gap:16px;padding:4px 0 16px;display:grid;overflow-x:auto}.gallery-week{scroll-snap-align:start;min-width:0}.week-heading{overflow-wrap:anywhere;background:#0f172a;border:1px solid #475569;border-radius:14px;gap:8px;margin-bottom:16px;padding:12px;display:grid}.week-heading button{color:#f1f5f9;text-align:left;width:100%;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px}.week-heading b,.week-heading small{line-height:1.5;display:block}.week-heading small{color:#cbd5e1;font-size:13px}.week-heading a{color:#6ee7b7;align-items:center;min-height:44px;font-size:14px;display:flex}.gallery-week.is-selected .week-heading{border-color:#34d399}.gallery-weeks:focus-visible{outline-offset:2px;outline:3px solid #34d399}.gallery-week .lance-card{min-width:0}.gallery-week .acts button:disabled{opacity:.55;cursor:wait}.gallery-week>.btn{white-space:normal;min-height:48px}@media (width>=680px){.gallery-weeks{--columns:2}}@media (width>=1024px){.gallery-weeks{--columns:3}}@media (width>=1320px){.gallery-weeks{--columns:4}}@media (width>=1600px){.gallery-weeks{--columns:5}}@media (width<=359px){#app:has(>.app-route>.gallery-screen){padding-left:8px;padding-right:8px}}.playback-screen .ranking-weeks{grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"prev label next";align-items:center;display:grid}.ranking-weeks>div{white-space:normal;grid-area:label;min-width:0;overflow:visible}.ranking-weeks>div small{white-space:normal;overflow-wrap:anywhere}.ranking-weeks>[data-a=wprev]{grid-area:prev;justify-self:start}.ranking-weeks>[data-a=wnext]{grid-area:next;justify-self:end}.video-shell{background:#0b3d24}.video-shell video:not([src]){aspect-ratio:16/9}.video-shell .watch-video{color:#020617;cursor:pointer;background:#10b981;border:0;width:100%;min-height:48px;padding:12px;font:700 16px system-ui;display:block}.video-shell .watch-video:disabled{opacity:.65;cursor:wait}.video-shell .media-status{color:#e2e8f0;margin:0;padding:8px 12px;font-size:14px;line-height:1.5}.video-shell .media-status:empty{display:none}@media (width<=540px){.playback-screen .ranking-weeks{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"label label""prev next";gap:8px}}.player-tags-modal>div{color:#f1f5f9;background:#0f172a;border:1px solid #475569;max-height:calc(100svh - 24px);overflow-y:auto}.player-tags-modal p{color:#cbd5e1;overflow-wrap:anywhere;line-height:1.6}.player-tags-modal .tag-options{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.player-tags-modal .tag-options button{color:#e2e8f0;text-align:left;overflow-wrap:anywhere;background:#1e293b;border:1px solid #475569;border-radius:12px;max-width:100%;min-height:44px;padding:10px 12px;font-size:15px}.player-tags-modal .tag-options button[aria-pressed=true]{color:#6ee7b7;background:#10b98129;border-color:#34d399}.player-tags-modal .historical-tag{color:#cbd5e1;overflow-wrap:anywhere;border:1px solid #475569;border-radius:10px;max-width:100%;padding:8px 10px;font-size:13px;display:block}.admin-screen .row .remove-member{color:#fda4af;white-space:normal;border-color:#9f1239}.player-tags-modal .btn{color:#020617;background:#10b981;min-height:52px;font-size:16px}.player-tags-modal .btn.alt{color:#e2e8f0;background:#1e293b;border:1px solid #475569}.player-tags-modal button:disabled{opacity:.55;cursor:wait}.player-tags-modal button:focus-visible{outline-offset:3px;outline:3px solid #34d399}.player-tags-modal .tag-message:empty{display:none}.player-tags-modal input[type=checkbox],.upload-screen input[type=checkbox]{width:auto;min-width:20px;min-height:20px;accent-color:var(--l)}.upload-screen .chips label{align-items:center;gap:8px;min-height:44px;padding:8px;display:flex}.upload-pill{z-index:30;border:1px solid var(--l);text-align:center;background:#0f172a;border-radius:24px;max-width:calc(100vw - 24px);padding:12px 18px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0008}.upload-pill a{color:#6ee7b7;font-weight:700;text-decoration:none}.manage-screen .row small{overflow-wrap:anywhere}.manage-screen .admin-week .row [data-a=tags],.manage-screen .admin-week .row [data-a=repair]{grid-column:span 2}.connection-status{color:#f1f5f9;background:#0f172a;border:1px solid #fbbf24;border-radius:12px;margin:12px;padding:16px}