:root{--bg:#0c0c0e;--panel:#161519;--panel2:#211f22;--text:#f4f1ec;--muted:#aaa39c;--line:#333039;--accent:#f5b72f;--wood:#4b2c18;--wood2:#7a4c2a;--danger:#c6534c}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 50% 0,#1b1712 0,var(--bg) 34%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{min-height:100vh}.hidden{display:none!important}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--line);background:#222126;color:var(--text);border-radius:12px;padding:12px 15px;cursor:pointer;text-decoration:none}.primary{background:var(--accent);color:#17130b;border-color:#d69a15;font-weight:800}.compact{padding:12px 16px}.app{max-width:1180px;margin:auto;padding-bottom:88px}header{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 12px;gap:12px;position:sticky;top:0;background:linear-gradient(#0d0d0fec,#0d0d0ebd);backdrop-filter:blur(12px);z-index:5}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand b{font-size:clamp(20px,4vw,34px);white-space:nowrap}.brand small{display:block;color:var(--muted);margin-top:2px}.logo{display:grid;place-items:center;width:56px;height:56px;border:3px solid var(--accent);border-radius:11px;color:var(--accent);font-weight:900;font-size:23px;box-shadow:0 0 18px #f5b72f20}.toolbar{display:grid;grid-template-columns:1fr auto;gap:12px;padding:0 18px}.search{display:flex;align-items:center;background:#17161a;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:50px}.search span{font-size:25px;padding-left:15px;color:var(--muted)}.search input{flex:1;background:transparent;border:0;color:var(--text);outline:0;padding:13px 14px;min-width:0}.search button{border:0;border-left:1px solid var(--line);border-radius:0;height:100%}.scan{min-width:175px}.filters{display:flex;gap:9px;padding:16px 18px 6px;overflow:auto}.chip{white-space:nowrap}.chip.active{background:#f3f0e9;color:#161616;font-weight:800}.section-title{display:flex;justify-content:space-between;align-items:end;padding:16px 18px 8px}.section-title h1{margin:0;font-size:26px}.section-title span{color:var(--muted)}.shelves{padding:0 14px 30px}.shelf{background:linear-gradient(90deg,#1a100a,#2d190e 35%,#21150d);border-left:1px solid #4d321f;border-right:1px solid #4d321f;padding:28px 18px 34px;margin-bottom:24px;position:relative;box-shadow:inset 0 0 50px #0009}.shelf:before,.shelf:after{content:"";position:absolute;left:0;right:0;height:15px;background:linear-gradient(#7b4c2c,#4d2c17 55%,#2a170e);box-shadow:0 5px 10px #0008}.shelf:before{top:0}.shelf:after{bottom:0}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:22px 16px}.movie{min-width:0;cursor:pointer}.case{aspect-ratio:2/3;background:linear-gradient(145deg,#39393b,#18181a);border:2px solid #323033;border-radius:5px;overflow:hidden;box-shadow:8px 9px 14px #0008,0 0 0 1px #7b685855;position:relative}.case img{width:100%;height:100%;object-fit:cover;display:block}.case .no-cover{height:100%;display:grid;place-items:center;color:#777;font-size:38px}.badges{position:absolute;left:6px;bottom:7px;display:flex;gap:5px}.badge{font-size:10px;background:#121212df;border:1px solid #ffffff33;border-radius:999px;padding:3px 6px}.movie-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;margin-top:8px;font-size:14px}.movie-meta{text-align:center;color:var(--muted);font-size:12px;margin-top:2px}.empty{margin:30px 18px;padding:50px 20px;text-align:center;border:1px dashed var(--line);border-radius:18px}.empty-icon{font-size:60px;color:var(--accent)}nav{position:fixed;bottom:0;left:0;right:0;background:#0d0d0ff2;border-top:1px solid #26242a;display:flex;justify-content:center;z-index:10;padding-bottom:env(safe-area-inset-bottom)}.nav{border:0;border-radius:0;background:transparent;min-width:90px;padding:10px 14px;color:#b7b2ac}.nav span{display:block;font-size:22px}.nav.active{color:var(--accent)}dialog{width:min(720px,calc(100vw - 24px));max-height:88vh;overflow:auto;background:#141316;color:var(--text);border:1px solid #3a363f;border-radius:18px;padding:0;box-shadow:0 24px 90px #000b}dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}.dialog-head{position:sticky;top:0;background:#141316f2;backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line);z-index:2}.dialog-head h2{margin:0}.x{border:0;font-size:25px;background:transparent}.tabs{display:flex;gap:8px;padding:16px 18px 0}.tab.active{background:var(--accent);color:#15110a}.hint{color:var(--muted);padding:12px 18px}.results{padding:0 18px 18px;display:grid;gap:10px}.result{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:12px}.result img{width:62px;height:92px;object-fit:cover;border-radius:5px}.result b{font-size:16px}.result small{display:block;color:var(--muted);margin-top:4px}.form-grid{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label,.auth-card label{display:grid;gap:6px;color:#d4cec6}.form-grid input,.form-grid select,.form-grid textarea,.auth-card input,.form-row input{background:#211f23;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px}.wide{grid-column:1/-1}.form-grid textarea{min-height:85px}.auth{min-height:100vh;display:grid;place-items:center;padding:22px}.auth-card{width:min(480px,100%);background:#141316;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 30px 100px #0009}.brand.big{margin-bottom:22px}.brand.big b{font-size:28px}.auth-card h1{margin:12px 0 6px}.auth-card p{color:var(--muted)}.auth-card label{margin:12px 0}.auth-card .primary{width:100%;margin-top:10px}.detail-wrap{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:18px}.detail-wrap img{width:100%;border-radius:9px}.detail-wrap h2{font-size:28px;margin:0 0 5px}.detail-meta{color:var(--muted);margin-bottom:12px}.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.danger{border-color:#71322f;color:#ffaaa4}.overview{line-height:1.55;color:#ddd5cc}.settings-section{padding:16px 18px;border-bottom:1px solid var(--line)}.settings-section h3{margin:0 0 12px}.form-row,.button-row{display:flex;gap:8px;flex-wrap:wrap}.user-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #29272c}.toast{position:fixed;left:50%;bottom:95px;transform:translateX(-50%) translateY(20px);background:#f4f0e8;color:#171717;padding:10px 14px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s;z-index:99}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#scanVideo{width:calc(100% - 36px);margin:0 18px;background:#070707;min-height:180px;max-height:360px;border-radius:12px;object-fit:cover}.scan-actions,.or{padding:12px 18px 0}.or{text-align:center;color:var(--muted)}#scanDialog>.search,#tmdbTab>.search{margin:12px 18px}.star{color:var(--accent)}
@media(max-width:700px){header{align-items:center}.brand b{font-size:20px}.brand small{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo{width:46px;height:46px;font-size:18px}.compact{font-size:13px}.toolbar{grid-template-columns:1fr}.scan{width:100%}.movie-grid{grid-template-columns:repeat(3,1fr);gap:18px 10px}.shelf{padding:24px 12px 30px}.movie-title{font-size:12px}.detail-wrap{grid-template-columns:120px 1fr}.detail-wrap h2{font-size:22px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.nav{min-width:0;flex:1;font-size:11px;padding:8px 4px}.result{grid-template-columns:50px 1fr}.result img{width:50px;height:75px}.result button{grid-column:2}.filters{padding-top:12px}}