*{box-sizing:border-box} :root{color-scheme:dark} body{margin:0;min-height:100vh;font:15px system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#fff;transition:background .35s ease}body.hinata-theme{background:radial-gradient(ellipse at 50% 8%,#55466e 0,#211b31 42%,#100f1a 100%)}body.rangiku-theme{background:radial-gradient(ellipse at 70% 5%,#8b4a22 0,#392015 43%,#130f12 100%)}.shell{width:min(680px,100%);margin:0 auto;padding:22px 18px 32px}.topbar{display:flex;align-items:center;gap:13px;padding:8px 2px 18px}.logo{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#e8dafa,#a88bd1);color:#322344;font-weight:950;box-shadow:0 8px 24px #09061066}.brand{flex:1}.brand h1{font-size:20px;margin:0;letter-spacing:.2px}.brand p{margin:3px 0 0;color:#c7b8db;font-size:12px}.top-mark{font-size:27px;color:#f4d8ff}.panel{border-radius:25px;padding:24px;margin:12px 0 18px;background:#171421eF;border:1px solid #ffffff24;box-shadow:0 18px 55px #0006;backdrop-filter:blur(12px)}.login-panel{text-align:center;padding:24px 25px 28px}.character-label{display:flex;align-items:center;justify-content:center;gap:12px;color:#e5d4ff;font-size:11px;font-weight:900;letter-spacing:3px}.sparkle{font-size:18px}.portrait{position:relative;width:116px;height:116px;margin:16px auto 12px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#e8dafa,#9c83c4);box-shadow:0 0 0 5px #ffffff15,0 12px 32px #09061077}.hinata-portrait .hair{position:absolute;width:90px;height:105px;left:13px;top:2px;border-radius:48% 48% 35% 35%;background:linear-gradient(90deg,#4b3c58,#87728f 48%,#40334d);clip-path:polygon(8% 0,92% 0,100% 90%,77% 100%,50% 75%,20% 100%,0 86%)}.hinata-portrait .face{position:absolute;left:31px;top:29px;width:54px;height:67px;border-radius:46% 46% 48% 48%;background:#f2d6d1}.hinata-portrait .eyes{position:absolute;left:39px;top:57px;width:39px;height:7px;border-top:2px solid #8876a4;border-bottom:2px solid #8876a4}.hinata-portrait .scarf{position:absolute;left:17px;bottom:-10px;width:82px;height:38px;border-radius:50% 50% 0 0;background:#e7e0ec;border-top:5px solid #c4b4d7}h2{margin:7px 0 8px;font-size:24px}.subtitle{margin:0;color:#d7c9e8}.usage-note{font-size:12px;color:#b9accb;margin:13px 0 22px}form{text-align:left}label[for=password]{font-size:10px;letter-spacing:2px;color:#cbbce0;font-weight:800}input{display:block;width:100%;padding:14px 15px;margin:8px 0 13px;border-radius:12px;border:1px solid #ffffff2b;background:#0e0c16;color:#fff;font:inherit;outline:none}input:focus{border-color:#c6a9ed;box-shadow:0 0 0 3px #b38bdf2a}button,.file,.download,.request-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;padding:13px 17px;font-weight:800;font-size:14px;text-decoration:none;cursor:pointer;transition:transform .15s,filter .15s}button:active,.file:active,.request-btn:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:not-allowed}.primary-btn{width:100%;background:linear-gradient(100deg,#c5a9e9,#eee1fa);color:#30213e;box-shadow:0 8px 20px #100a1e55}.msg{min-height:20px;color:#ffb7c5;line-height:1.45;font-size:13px}.request-btn{width:100%;background:linear-gradient(100deg,#e8c06a,#f7e2a8);color:#3c2516;margin-top:8px}.request-hint{font-size:12px;color:#e8d1ac}.hidden{display:none!important}.app-panel{background:#211711ed;border-color:#e8ad6544}.rangiku-label{color:#f4c77e}.app-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 16px}.app-heading h2{font-size:26px;margin:0}.eyebrow{font-size:10px;letter-spacing:2px;color:#d7a55e;margin:0 0 5px;font-weight:900}.rangiku-banner{display:flex;align-items:center;gap:14px;padding:14px;border-radius:15px;background:linear-gradient(110deg,#75401f,#3b241b);border:1px solid #e9b36c44}.banner-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e6b56b;color:#4a2b16;font-size:23px}.rangiku-banner p{margin:3px 0 0;font-size:12px;color:#e8caa7}.panel p{color:#cdbfae;line-height:1.5}.secondary{background:#544033;color:#f8e9d8}.file{background:#7d4929;color:#fff;margin:8px 0}.file input{display:none}.info{color:#e3c8a7;margin:9px 0;font-size:13px}.progress{height:8px;background:#4b3529;border-radius:20px;overflow:hidden;margin:18px 0}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#d98b45,#f7d58c);transition:width .2s}.download{background:#e8b96e;color:#402814;margin-top:4px}.admin-panel{background:#171421;border-color:#ffffff22}.admin-panel h2{font-size:18px}.grid{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.grid button{margin:7px 0 12px;background:#66517c;color:white}footer{color:#b9a9ca;text-align:center;font-size:11px;line-height:1.5;padding:8px 18px}code{color:#e8c28b}@media(max-width:560px){.shell{padding:12px 13px 24px}.panel{padding:20px 17px;border-radius:21px}.login-panel{padding:22px 19px}.brand h1{font-size:17px}.grid{grid-template-columns:1fr}.grid button{width:100%}}.rangiku-hero{display:block;width:100%;max-height:290px;object-fit:cover;object-position:center 34%;border-radius:18px;margin:4px 0 18px;border:1px solid #e9b36c66;box-shadow:0 12px 35px #0007}

.media-panel{margin:18px 0 16px;padding:16px;border:1px solid rgba(236,170,94,.26);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.22));box-shadow:inset 0 1px rgba(255,255,255,.035)}.media-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.media-title h3{font-size:16px;margin:5px 0 0;overflow-wrap:anywhere}.scan-mark{color:#f2bd73;font-size:23px}.media-chips{display:flex;flex-wrap:wrap;gap:7px}.spec-chip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:#17151a;color:#d7d1d0;font-size:12px;font-weight:650}.spec-chip.good{border-color:rgba(45,205,157,.38);background:rgba(20,135,99,.12);color:#54d5ad}.spec-chip.hdr{border-color:rgba(240,181,72,.45);background:rgba(175,111,25,.13);color:#f2bd55}.spec-chip.infochip{border-color:rgba(74,195,220,.35);background:rgba(18,120,145,.12);color:#73d8ec}.media-note{font-size:12px;color:#b9aaa0;margin:12px 0 0;line-height:1.55}.media-panel .eyebrow{font-size:11px;letter-spacing:.12em;color:#c8b8aa;font-weight:750}.hidden{display:none!important}
.return-countdown{display:flex;align-items:center;justify-content:center;gap:13px;margin:16px auto 0;padding:13px 16px;max-width:420px;border:1px solid #e8ad6555;border-radius:16px;background:#130f12aa;color:#f5d4a1;animation:countFade .35s ease both}.return-countdown small{display:block;margin-top:3px;color:#d6c0a7;font-size:12px}.count-ring{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;border:3px solid #e5a85d;border-right-color:#ffffff22;box-shadow:0 0 16px #e5a85d44;animation:ringPulse 1s ease-in-out infinite}.count-ring b{font-size:18px;color:#ffe0a7}@keyframes ringPulse{0%,100%{transform:scale(1);box-shadow:0 0 10px #e5a85d33}50%{transform:scale(1.09);box-shadow:0 0 22px #e5a85d88}}@keyframes countFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* Rich video analysis report */
.analysis-wrap{margin:18px 0 0;color:#edf0ff}.hd-status{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid #247b60;border-radius:16px;background:rgba(15,83,61,.28);color:#57d99e}.hd-check{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#08784e;color:#b7ffdb;font-size:27px;font-weight:900;flex:none}.hd-status b{font-size:18px}.hd-status p{margin:5px 0 0;color:#8ee4bc;font-size:14px}.analysis-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 12px}.analysis-heading h3{margin:0;font-size:18px}.copy-report{background:#202238;border:1px solid #414665;color:#b8c0e4;padding:10px 13px;border-radius:12px;font-weight:800}.video-summary,.quality-card,.spec-grid article{background:rgba(23,26,42,.92);border:1px solid #303650;border-radius:18px}.video-summary{padding:16px;display:flex;gap:16px;align-items:center}.thumb-wrap{position:relative;width:112px;height:142px;flex:none;background:#0d1020;border-radius:13px;overflow:hidden}.thumb-wrap video{width:100%;height:100%;object-fit:cover}.thumb-resolution,.thumb-duration{position:absolute;background:#090b14d9;color:#fff;padding:4px 7px;border-radius:7px;font-size:11px;font-weight:800}.thumb-resolution{top:7px;left:7px}.thumb-duration{right:7px;bottom:7px}.video-summary-text{min-width:0}.video-summary-text h2{font-size:19px;margin:0 0 5px;overflow-wrap:anywhere}.video-filename,.video-tags{color:#929bbc;margin:4px 0;font-size:13px;overflow-wrap:anywhere}.summary-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.summary-pills span{border:1px solid #315b54;background:#13352e;color:#61d9a2;border-radius:30px;padding:6px 10px;font-size:12px;font-weight:800}.summary-pills span:nth-child(3){border-color:#414665;background:#202238;color:#aab1ce}.quality-card{padding:17px;margin-top:16px}.quality-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.quality-title h3{margin:0;font-size:18px}.quality-title>span{padding:6px 12px;border-radius:30px;background:#123a30;color:#60dda5;font-weight:800;font-size:12px}.quality-body{display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center;margin-top:18px}.score-ring{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#7568ff 0deg,#4d49ca 300deg,#292c43 300deg);position:relative}.score-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#171a2a}.score-ring>div{position:relative;display:flex;align-items:baseline}.score-ring strong{font-size:27px}.score-ring small{color:#939bc0}.quality-bars{display:grid;gap:12px}.quality-bars>div{display:grid;grid-template-columns:74px minmax(25px,1fr) auto;align-items:center;gap:8px;font-size:12px}.quality-bars b{color:#aab2d0}.quality-bars i{height:8px;background:#30344e;border-radius:9px;overflow:hidden}.quality-bars i span{display:block;height:100%;width:0;background:linear-gradient(90deg,#6864f5,#8178ff);border-radius:9px}.quality-bars strong{font-size:12px;text-align:right;white-space:nowrap}.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.spec-grid article{padding:13px;min-height:94px;min-width:0}.spec-grid small{display:block;color:#8d96b8;font-size:12px;font-weight:700;margin-bottom:10px}.spec-grid b{display:block;font-size:16px;overflow-wrap:anywhere}.spec-grid em{display:block;color:#8d96b8;font-size:11px;font-style:normal;margin-top:5px}.media-note{color:#929bbc;font-size:12px;line-height:1.5;margin:12px 2px 0}@media(max-width:560px){.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-body{grid-template-columns:90px 1fr;gap:10px}.score-ring{width:84px;height:84px}.score-ring strong{font-size:23px}.quality-bars>div{grid-template-columns:64px minmax(18px,1fr) auto;gap:6px}.quality-bars b,.quality-bars strong{font-size:10px}.video-summary{gap:12px;padding:12px}.thumb-wrap{width:92px;height:124px}.video-summary-text h2{font-size:17px}.hd-status{padding:14px}.analysis-heading h3{font-size:16px}.copy-report{font-size:11px;padding:9px}}

.metadata-card{margin-top:14px;padding:16px;background:rgba(23,26,42,.92);border:1px solid #303650;border-radius:18px}.metadata-title{font-weight:850;font-size:16px;margin-bottom:12px;color:#dce2ff}.metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metadata-grid>div{padding:12px;border-radius:12px;background:#202338;border:1px solid #343a58;min-width:0}.metadata-grid small{display:block;color:#929bbc;font-size:12px;font-weight:700;margin-bottom:7px}.metadata-grid b{display:block;color:#f0f2ff;font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.45;font-weight:750}@media(max-width:420px){.metadata-grid{grid-template-columns:1fr}}