:root{--bg:#0a120e;--panel:#161d18;--text:#f2f3f5;--muted:#9aa0a6;--accent:#ffd451;--accent-ink:#1a1500;--border:#28332c}.forest-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background-color:var(--bg);background-image:linear-gradient(180deg,rgba(8,16,12,.5),rgba(8,16,12,.28) 24%,rgba(8,16,12,.28) 68%,rgba(8,16,12,.46)),url(/forest-bg-12.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover}.bee-fly{position:absolute;top:0;left:0;will-change:transform;filter:drop-shadow(0 0 7.7px rgba(255,212,81,.66))}.bee-fly-1{animation:beePath1 28s linear infinite}.bee-fly-2{animation:beePath2 37s linear infinite}.bee-fly-3{animation:beePath3 32s linear infinite}@keyframes beePath1{0%{transform:translate(-8vw,72vh) rotate(-6deg) scaleX(-1)}25%{transform:translate(28vw,33vh) rotate(5deg) scaleX(-1)}50%{transform:translate(57vw,58vh) rotate(-4deg) scaleX(-1)}75%{transform:translate(85vw,26vh) rotate(6deg) scaleX(-1)}to{transform:translate(112vw,50vh) rotate(0deg) scaleX(-1)}}@keyframes beePath2{0%{transform:translate(110vw,22vh) rotate(5deg)}30%{transform:translate(64vw,47vh) rotate(-5deg)}60%{transform:translate(33vw,17vh) rotate(4deg)}to{transform:translate(-10vw,38vh) rotate(-3deg)}}@keyframes beePath3{0%{transform:translate(-10vw,38vh) rotate(3deg) scaleX(-1)}35%{transform:translate(40vw,64vh) rotate(-4deg) scaleX(-1)}70%{transform:translate(76vw,43vh) rotate(5deg) scaleX(-1)}to{transform:translate(112vw,70vh) rotate(0deg) scaleX(-1)}}@media (prefers-reduced-motion:reduce){.bee-fly{display:none}}.flower-glow{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,226,140,.5) 0,rgba(255,210,90,.16) 42%,transparent 70%);animation-name:flowerBreathe;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:backwards;will-change:opacity,transform}@keyframes flowerBreathe{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}16%{opacity:.616;transform:translate(-50%,-50%) scale(1.12)}33%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@media (prefers-reduced-motion:reduce){.flower-glow{animation:none;opacity:.342;transform:translate(-50%,-50%)}}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overscroll-behavior:none}body{min-height:100vh;display:flex;flex-direction:column;padding-top:55px;padding-bottom:46px;background-color:var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:880px;margin:0 auto;padding:32px 24px}.site-header{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border);background:rgba(14,15,18,.9)}.brand{font-weight:700;font-size:20px;letter-spacing:-.02em}.brand a{color:var(--text)}.brand a:hover{text-decoration:none}.brand span{color:var(--accent);text-shadow:0 0 7px rgba(255,212,81,.55)}.site-header .brand{display:inline-flex;align-items:center;gap:3px}.site-header .brand .bee{flex:none}.nav a{color:var(--muted);margin-left:20px}.nav a:hover{color:var(--text);text-decoration:none}.nav-toggle{background:transparent;border:0;color:var(--text);cursor:pointer;padding:4px;line-height:0}.nav-mobile,.nav-toggle{display:none}@media (max-width:720px){.nav-desktop{display:none}.nav-toggle{display:inline-flex;align-items:center}.nav-mobile.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:100%;left:0;right:0;z-index:10;background:rgba(14,15,18,.97);border-bottom:1px solid var(--border);padding:4px 0}.nav-mobile.open a{margin-left:0;display:block;padding:12px 24px;font-size:15px}}.hero{text-align:center;padding:80px 24px 48px}.hero h1{font-size:48px;margin:0 0 12px;letter-spacing:-.03em}.hero p{font-size:18px;max-width:560px;margin:0 auto 28px;border:1px solid var(--border);border-radius:16px;padding:16px 24px}.bubble,.hero p{color:#cdd2d6;background:rgba(12,16,14,.72)}.bubble{border:1px solid var(--border);border-radius:14px;padding:14px 20px}.btn{display:inline-block;padding:11px 20px;border-radius:10px;font-weight:600;border:1px solid var(--border);color:var(--text)}.btn:hover{text-decoration:none}.btn-primary,.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){border-color:var(--accent-ink)}.btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.panel{background:rgba(22,29,24,.9);border:1px solid var(--border);border-radius:14px;padding:28px;margin:16px 0}.muted{color:var(--muted)}.tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:2px 10px;margin-bottom:12px;text-transform:uppercase}.tiers{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:720px){.tiers{grid-template-columns:1fr}}.auth-wrap{flex:1 1;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px}.auth-card .brand{text-align:center;font-size:24px;margin-bottom:18px}.auth-card .brand a{color:var(--text)}.auth-card .brand a:hover{text-decoration:none}.auth-card h1{font-size:22px;margin:0 0 4px}.auth-sub{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.5}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;color:var(--muted)}.field input{background:#0e0f12;border:1px solid var(--border);border-radius:9px;color:var(--text);padding:11px 12px;font-size:15px;outline:none}.field input:focus{border-color:var(--accent)}.password-wrap{position:relative;display:flex}.password-wrap input{flex:1 1;width:100%;padding-right:42px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;line-height:0}.password-toggle:hover{color:var(--text)}.btn-block{width:100%;text-align:center;cursor:pointer;font:inherit;font-weight:600}button.btn{background:transparent}button.btn-primary{background:var(--accent);color:var(--accent-ink)}button.btn:disabled{opacity:.6;cursor:default}.form-msg{font-size:14px;padding:10px 12px;border-radius:9px;margin-bottom:14px;line-height:1.5}.form-msg.error{background:rgba(255,80,80,.12);color:#ff8a80;border:1px solid rgba(255,80,80,.25)}.form-msg.ok{background:rgba(120,220,150,.1);color:#9be7b4;border:1px solid rgba(120,220,150,.25)}.auth-foot{text-align:center;margin-top:18px;font-size:14px;color:var(--muted)}.status-badge{flex:none;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.status-uploading{background:rgba(120,170,255,.15);color:#8fb6ff}.status-converting{background:rgba(255,212,81,.15);color:var(--accent)}.status-ready{background:rgba(120,220,150,.15);color:#9be7b4}.status-failed{background:rgba(255,80,80,.15);color:#ff8a80}.status-tip{position:relative;display:inline-flex;cursor:help}.status-tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:240px;white-space:normal;text-align:left;line-height:1.4;background:#000;color:var(--text);border:1px solid var(--border);font-size:12px;font-weight:400;padding:7px 10px;border-radius:9px;z-index:30;opacity:0;visibility:hidden;transition:opacity .12s;pointer-events:none}.status-tip:focus-visible:after,.status-tip:hover:after{opacity:1;visibility:visible}input[type=file]{color:var(--muted);font-size:14px;max-width:100%}.storage{margin-bottom:16px}.storage-bar{height:8px;background:#0e0f12;border:1px solid var(--border);border-radius:999px;overflow:hidden}.storage-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s}.storage-fill.full{background:#ff8a80}.storage-label{font-size:13px;margin-top:6px}.channel-label{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px}.tip{position:relative;display:inline-flex;cursor:help;color:var(--muted)}.tip:after{content:attr(data-tip);left:calc(100% + 9px);background:#000;color:var(--accent);border:1px solid var(--border);font-size:12px;font-weight:700;letter-spacing:.04em;white-space:nowrap;padding:6px 10px;border-radius:8px}.tip:after,.tip:before{position:absolute;top:50%;transform:translateY(-50%);z-index:20;opacity:0;visibility:hidden;transition:opacity .12s}.tip:before{content:"";left:calc(100% + 4px);border:5px solid transparent;border-right-color:#000}.tip:focus-visible:after,.tip:focus-visible:before,.tip:hover:after,.tip:hover:before{opacity:1;visibility:visible}.upload-hint{position:relative;display:inline-flex}.upload-hint:after{content:attr(data-tip);bottom:calc(100% + 9px);width:max-content;max-width:240px;white-space:normal;text-align:center;line-height:1.45;background:#000;color:var(--text);border:1px solid var(--border);font-size:12px;padding:7px 10px;border-radius:9px;z-index:20;pointer-events:none}.upload-hint:after,.upload-hint:before{position:absolute;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;transition:opacity .12s}.upload-hint:before{content:"";bottom:calc(100% + 4px);border:5px solid transparent;border-top-color:#000;z-index:21}.upload-hint:focus-within:after,.upload-hint:focus-within:before,.upload-hint:hover:after,.upload-hint:hover:before{opacity:1;visibility:visible}.upload-hint--files:after{white-space:pre-line;text-align:left;max-width:340px;max-height:60vh;overflow:hidden}.upload-hint--files>button{pointer-events:none}.explorer-head{justify-content:space-between;gap:12px;margin-bottom:12px}.crumbs,.explorer-head{display:flex;align-items:center;flex-wrap:wrap}.crumbs{gap:2px;font-size:15px}.crumb-back{background:none;border:none;color:var(--accent);cursor:pointer;padding:2px 6px;margin-right:2px;font:inherit;font-size:17px;line-height:1;border-radius:6px}.crumb-back:hover:not(:disabled){background:#0e0f12}.crumb-back:disabled{color:var(--muted);opacity:.45;cursor:default}.crumb{background:none;border:none;color:var(--accent);cursor:pointer;padding:2px 4px;font:inherit;border-radius:6px}.crumb:hover:not(:disabled){background:#0e0f12}.crumb:disabled{color:var(--text);cursor:default;font-weight:600}.crumb-sep{color:var(--muted)}.explorer{list-style:none;padding:0;margin:0}.row{display:flex;align-items:center;gap:10px;padding:4px 0;border-top:1px solid var(--border)}.row:first-child{border-top:none}.row-main{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--text);cursor:pointer;font:inherit;text-align:left;padding:8px;border-radius:8px}.row-main:hover:not(.static){background:#0e0f12}.row-main.static{cursor:default}.row .ic{flex:none;font-size:18px}.row .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .cnt,.row .dur,.row .sz{flex:none;font-size:13px}.row .sz{text-align:right;min-width:62px}.conv-bar{flex:none;display:inline-block;width:72px;height:6px;background:#0e0f12;border:1px solid var(--border);border-radius:999px;overflow:hidden}.conv-fill{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .4s ease}.conv-bar.conv-indeterminate .conv-fill{width:45%;transition:none;animation:conv-slide 1.1s ease-in-out infinite}@keyframes conv-slide{0%{transform:translateX(-110%)}to{transform:translateX(260%)}}.row-del{flex:none;background:none;border:none;color:var(--text);cursor:pointer;font-size:14px;line-height:1;padding:6px 9px;border-radius:6px}.row-del:hover:not([aria-disabled=true]){color:#fff;background:rgba(255,80,80,.18)}.row-ok{flex:none;background:none;border:none;color:var(--text);cursor:pointer;font-size:15px;line-height:1;padding:6px 9px;border-radius:6px}.row-ok:hover:not(:disabled){color:#fff;background:rgba(110,190,120,.22)}.row-del[aria-disabled=true]:not([aria-busy=true]){cursor:not-allowed;opacity:.45}.row-del[aria-busy=true]{cursor:default;opacity:1}.spinner{display:inline-block;width:13px;height:13px;vertical-align:middle;border:2px solid rgba(255,255,255,.22);border-top:2px solid var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.6);animation:modalFade .12s ease-out}.modal{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:modalPop .14s ease-out}.modal-title{margin:0 0 10px;font-size:18px}.modal-body{margin:0 0 22px;color:var(--muted);line-height:1.5}.modal-body strong{color:var(--text);font-weight:600}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.upload-wrap{position:relative;display:inline-block}.upload-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:170px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:6px;box-shadow:0 14px 40px rgba(0,0,0,.5);animation:modalPop .12s ease-out}.upload-menu-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;color:var(--text);font:inherit;padding:9px 10px;border-radius:7px;cursor:pointer}.upload-menu-item:hover{background:rgba(255,255,255,.06)}.upload-hint-line{color:var(--muted);font-size:11px;margin:4px 0 2px;padding:0 10px}.btn.btn-danger{background:#c2473d;color:#fff;border-color:#c2473d}.btn.btn-danger:hover:not(:disabled){background:#d8554a;border-color:#d8554a}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}.folder-input{background:#0e0f12;border:1px solid var(--accent);border-radius:8px;color:var(--text);padding:6px 9px;font:inherit;font-size:15px;outline:none;min-width:200px}.panel h2{margin-top:0;font-size:18px}.panel ol,.panel ul{margin:8px 0 0;padding-left:20px;line-height:1.7}.panel li{margin-bottom:8px}code{background:#0e0f12;border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:.9em}.htable{width:100%;border-collapse:collapse;margin:10px 0;font-size:15px}.htable td,.htable th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.htable th{color:var(--muted);font-weight:600;font-size:13px}.htable td:first-child{color:var(--text);white-space:nowrap}.htable tr:last-child td{border-bottom:none}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin:16px 0}@media (max-width:720px){.admin-stats{grid-template-columns:repeat(2,1fr)}}.admin-stat{margin:0;padding:16px 18px}.admin-stat-value{font-size:26px;font-weight:700}.admin-stat-label{font-size:13px;margin-top:2px}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table td,.admin-table th{padding:11px 16px;text-align:left;white-space:nowrap}.admin-table thead th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.admin-table tbody tr,.admin-table thead th{border-bottom:1px solid var(--border)}.admin-table tbody tr:last-child{border-bottom:none}.admin-table .num{text-align:right}.admin-pill{display:inline-block;margin-left:8px;font-size:11px;font-weight:700;color:#ff8a80;background:rgba(255,80,80,.12);border:1px solid rgba(255,80,80,.25);border-radius:999px;padding:1px 7px;text-transform:uppercase;letter-spacing:.03em}.site-footer{position:fixed;left:0;right:0;bottom:0;z-index:5;line-height:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:11px 24px;border-top:1px solid var(--border);background:rgba(14,15,18,.9)}.footer-left{gap:12px}.footer-left,.site-footer .brand{display:inline-flex;align-items:center}.site-footer .brand{gap:3px;font-size:18px;line-height:1}.site-footer .brand .bee{flex:none}.footer-copy{color:var(--muted);font-size:13px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{color:var(--muted);font-size:14px}.footer-links a:hover{color:var(--text);text-decoration:none}.account-page{padding-top:22px}.account-page .panel{padding:22px 26px;margin:12px 0}