:root{--bg: #060606;--bg-2: #0d0d0d;--panel: rgba(17, 17, 17, .9);--panel-2: rgba(24, 24, 24, .96);--panel-3: rgba(34, 34, 34, .98);--text: #f5f1ea;--muted: #b8ab9b;--accent: #ff8a1f;--accent-2: #ff6a00;--accent-3: #ffb347;--border: rgba(255, 138, 31, .12);--border-strong: rgba(255, 138, 31, .22);--danger: #f87171;--shadow: 0 20px 60px rgba(0, 0, 0, .42);--shadow-soft: 0 10px 30px rgba(0, 0, 0, .28)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(255,106,0,.12),transparent 24%),radial-gradient(circle at top right,rgba(255,179,71,.08),transparent 22%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{width:100%;display:block}.app-shell{min-height:100vh}.page-shell{max-width:1240px;margin:0 auto;padding:32px 20px 48px}.page-stack{display:grid;gap:20px}.card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;padding:20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero{padding:28px;border-radius:28px;background:linear-gradient(135deg,#22140af5,#0c0c0cf5);border:1px solid rgba(255,138,31,.12)}.hero h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.05em;margin-bottom:14px}.hero p{color:var(--muted);font-size:1.08rem;max-width:900px}.card h2,.card h3,.card h1,.navbar h1{margin:0 0 8px}.muted{color:var(--muted)}.navbar{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,#080808f0,#080808c2);border-bottom:1px solid rgba(255,138,31,.08);box-shadow:0 10px 30px #0000002e;padding:14px 24px}.navbar__inner{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:28px}.navbar__brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.navbar__tagline{margin:0 0 0 6px;color:var(--muted);font-size:.92rem;letter-spacing:.03em;opacity:.95}.navbar__links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.navbar__links a{position:relative;color:var(--muted);font-weight:700;padding:8px 0;transition:color .2s ease,transform .2s ease}.navbar__links a:hover{color:#fff4ea;transform:translateY(-1px)}.navbar__links a.active{color:#fff4ea}.navbar__links a.active:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;border-radius:999px;background:linear-gradient(90deg,#ffb347,#ff6a00);box-shadow:0 0 12px #ff6a0059}.navbar__logout{margin-left:6px}.navbar__welcome{color:var(--muted);font-weight:600;padding-left:4px}.brand-logo{display:flex;align-items:center;gap:14px;position:relative}.brand-logo:before{content:"";position:absolute;inset:-12px -18px;background:radial-gradient(circle,rgba(255,106,0,.18),transparent 65%);filter:blur(20px);z-index:0;pointer-events:none}.brand-logo__svg{position:relative;z-index:1;width:58px;height:58px;border-radius:16px;box-shadow:0 10px 25px #ff6a0038,0 0 0 1px #ff8a1f14;transition:transform .25s ease,box-shadow .25s ease}.brand-logo:hover .brand-logo__svg{transform:translateY(-1px) scale(1.02);box-shadow:0 14px 30px #ff6a0047,0 0 0 1px #ff8a1f1f}.brand-logo__text{position:relative;z-index:1;display:flex;flex-direction:column;line-height:.92}.brand-main{font-size:2.1rem;font-weight:900;letter-spacing:-.055em;color:#fff8f0}.brand-accent{font-size:2.1rem;font-weight:900;letter-spacing:-.055em;background:linear-gradient(135deg,#ffb347,#ff6a00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.button{border:none;border-radius:14px;padding:12px 18px;cursor:pointer;background:linear-gradient(135deg,var(--accent-3),var(--accent-2));color:#120b06;font-weight:800;box-shadow:0 10px 24px #ff6a003d;transition:transform .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-1px);box-shadow:0 16px 28px #ff6a0047}.button:disabled{opacity:.6;cursor:not-allowed}.button--loading{opacity:.85;cursor:wait;transform:none}.button--loading:after{content:"";width:14px;height:14px;margin-left:8px;display:inline-block;border:2px solid rgba(18,11,6,.35);border-top-color:#120b06;border-radius:50%;animation:button-spin .7s linear infinite;vertical-align:middle}@keyframes button-spin{to{transform:rotate(360deg)}}.button--ghost{background:#ffffff05;color:var(--text);border:1px solid var(--border-strong);box-shadow:none}.button--danger{background:var(--danger);color:#220b0b}.auth-page{max-width:480px;margin:48px auto}.auth-page__switch{text-align:center;color:var(--muted)}.auth-form{display:grid;gap:14px}label{display:grid;gap:8px;color:var(--muted)}input,select,textarea{width:100%;border-radius:12px;padding:12px 14px;border:1px solid var(--border);background:#ffffff08;color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:#ff8a1f66;box-shadow:0 0 0 3px #ff8a1f14}.stats-grid,.release-grid{display:grid;gap:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.release-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.release-card,.watchlist-card{display:flex;flex-direction:column;gap:16px;height:100%}.release-card__image-wrap{width:100%;height:320px;overflow:hidden;border-radius:16px;background:linear-gradient(180deg,#1a120d,#0f0f0f);display:flex;align-items:center;justify-content:center;flex-shrink:0}.release-card__image{width:100%;height:100%;display:block;transition:transform .3s ease}.release-card__image--cover{object-fit:cover;object-position:center}.release-card__image--contain{object-fit:contain;object-position:center;padding:12px}.release-card:hover .release-card__image{transform:scale(1.03)}.release-card__fallback{width:100%;height:100%;display:grid;place-items:center;font-size:3rem;background:linear-gradient(135deg,#ff8a1f29,#ffb3471f)}.release-card__body{display:flex;flex-direction:column;gap:10px;flex:1}.release-card__top,.watchlist-card__header,.release-card__footer,.form-actions,.list-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.release-card__title{margin:0;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}.release-card__overview{margin:0;color:var(--text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:6em}.release-card__footer{margin-top:auto}.badge{display:inline-flex;border-radius:999px;padding:7px 12px;background:#ff8a1f1f;color:var(--accent-3);text-transform:capitalize;font-size:.84rem;font-weight:700;border:1px solid rgba(255,138,31,.16)}.countdown{color:var(--accent-3);font-weight:800}.list-stack{display:grid;gap:14px}.list-row{padding:14px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}.profile-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.loader-shell{display:grid;place-items:center;gap:12px;min-height:160px}.loader-shell--fullscreen{min-height:100vh}.loader-spinner{width:44px;height:44px;border:4px solid rgba(255,255,255,.14);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.message{border-radius:14px;padding:14px 16px}.message--error{background:#f871711a;color:#fecaca;border:1px solid rgba(248,113,113,.18)}.empty-state{text-align:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#060606e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{width:90%;max-width:800px;background:var(--panel);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);animation:fadeIn .25s ease;border:1px solid rgba(255,138,31,.1)}.modal-image{width:100%;height:300px;object-fit:cover}.modal-body{padding:20px;display:grid;gap:10px}.modal-overview{line-height:1.6;color:var(--text)}.modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px;flex-wrap:wrap}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,var(--accent-3),var(--accent-2));color:#120b06;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:700;box-shadow:0 10px 30px #00000057;opacity:0;transform:translateY(20px);transition:all .3s ease;z-index:9999}.toast--show{opacity:1;transform:translateY(0)}.auth-loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at top left,rgba(255,106,0,.12),transparent 26%),radial-gradient(circle at top right,rgba(255,179,71,.08),transparent 22%),linear-gradient(180deg,#060606,#0d0d0d);color:#f5f1ea}.auth-loading-screen h2{margin:0;font-size:2rem;font-weight:800;letter-spacing:-.03em}.auth-loading-screen p{margin:0;color:var(--muted);font-size:.98rem}.auth-loading-screen__spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:900px){.navbar{padding:14px 18px}.navbar__inner{flex-direction:column;align-items:flex-start;gap:16px}.brand-main,.brand-accent{font-size:1.8rem}.navbar__links{gap:14px}}@media(max-width:768px){.brand-logo__svg{width:52px;height:52px}.brand-main,.brand-accent{font-size:1.6rem}.navbar__tagline{font-size:.86rem}.release-card__footer,.watchlist-card__header,.list-row,.form-actions{flex-direction:column;align-items:flex-start}}
