*{box-sizing:border-box;margin:0}:root{--bg: #060a08;--bg-2: #0a120d;--glass: rgba(16, 26, 20, .55);--glass-strong: rgba(18, 30, 23, .75);--line: rgba(74, 222, 128, .14);--line-soft: rgba(255, 255, 255, .07);--text: #eaf4ee;--muted: #8fa89a;--accent: #34d399;--accent-2: #10b981;--accent-deep: #059669;--ok: #34d399;--warn: #fbbf24;--danger: #f87171;--radius: 16px;--shadow: 0 8px 32px rgba(0, 0, 0, .45);--glow: 0 0 24px rgba(52, 211, 153, .25)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Segoe UI Variable Display,Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(110px);opacity:.5;pointer-events:none}body:before{width:55vw;height:55vw;top:-20vw;right:-15vw;background:radial-gradient(circle,rgba(16,185,129,.35),transparent 65%);animation:drift 18s ease-in-out infinite alternate}body:after{width:45vw;height:45vw;bottom:-18vw;left:-12vw;background:radial-gradient(circle,rgba(5,150,105,.28),transparent 65%);animation:drift 22s ease-in-out infinite alternate-reverse}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(-6vw,5vh) scale(1.15)}}header{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:30;background:#060a08a6;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--line)}header h1{font-size:17px;font-weight:650;letter-spacing:.2px;background:linear-gradient(100deg,#eaf4ee 30%,var(--accent) 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}main{max-width:1120px;margin:0 auto;padding:28px 20px 60px}.panel{background:var(--glass);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:18px;box-shadow:var(--shadow);position:relative;animation:rise .5s cubic-bezier(.22,1,.36,1) both}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(52,211,153,.35),transparent 40%,transparent 70%,rgba(52,211,153,.12));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.panel h2{font-size:16px;font-weight:650;letter-spacing:.2px}.panel h3{font-size:14px;color:var(--accent)}section{animation:rise .5s cubic-bezier(.22,1,.36,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}button{background:linear-gradient(135deg,var(--accent-2),var(--accent-deep));color:#04140c;border:0;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:650;font-family:inherit;letter-spacing:.2px;cursor:pointer;position:relative;transition:transform .18s ease,box-shadow .25s ease,filter .2s ease;box-shadow:0 2px 12px #10b98147}button:hover{transform:translateY(-1px);box-shadow:0 4px 20px #10b98173;filter:brightness(1.08)}button:active{transform:translateY(0) scale(.98)}button.secondary{background:#ffffff0f;color:var(--text);border:1px solid var(--line-soft);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}button.secondary:hover{background:#34d3991a;border-color:var(--line);box-shadow:var(--glow)}button.ok{background:linear-gradient(135deg,#4ade80,var(--accent-2));color:#03150c;box-shadow:0 2px 16px #4ade8066}button.danger{background:linear-gradient(135deg,#fca5a5,var(--danger));color:#2b0707;box-shadow:0 2px 16px #f8717159}button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}input[type=text],input[type=password],textarea{background:#04080699;color:var(--text);border:1px solid var(--line-soft);border-radius:12px;padding:11px 14px;font-size:14.5px;font-family:inherit;width:100%;transition:border-color .2s ease,box-shadow .25s ease}input:focus,textarea:focus{outline:none;border-color:#34d3998c;box-shadow:0 0 0 3px #34d39926,var(--glow)}input::placeholder{color:#5f7268}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted);font-size:13.5px;line-height:1.55}.hidden{display:none!important}.segmented{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:#0408068c;border:1px solid var(--line-soft);flex-wrap:wrap}.segmented button{background:transparent;color:var(--muted);box-shadow:none;border-radius:10px;padding:9px 16px;font-weight:600;transition:background .25s ease,color .25s ease,box-shadow .25s ease}.segmented button:hover{color:var(--text);background:#ffffff0d;transform:none;filter:none}.segmented button.active{background:linear-gradient(135deg,var(--accent-2),var(--accent-deep));color:#04140c;box-shadow:0 2px 12px #10b9814d}.segmented button.active:hover{background:linear-gradient(135deg,var(--accent-2),var(--accent-deep));color:#04140c}.cover-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.cover-thumb{position:relative;width:104px;height:104px;border-radius:12px;overflow:hidden;border:1.5px solid rgba(52,211,153,.5);box-shadow:var(--glow);cursor:pointer;animation:rise .4s cubic-bezier(.22,1,.36,1) both}.cover-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cover-thumb .drop{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:#080c0abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .2s ease,transform .2s ease}.cover-thumb .drop:hover{background:var(--danger);color:#200;transform:scale(1.12)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;margin-top:16px}.card{position:relative;border-radius:14px;overflow:hidden;border:1.5px solid var(--line-soft);cursor:pointer;background:var(--bg-2);transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .3s ease;animation:rise .45s cubic-bezier(.22,1,.36,1) both}.card:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 12px 28px #00000080;border-color:#34d39959}.card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.22,1,.36,1)}.card:hover img{transform:scale(1.06)}.card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--glow)}.card .tick{position:absolute;top:9px;right:9px;width:28px;height:28px;border-radius:50%;background:#040a07a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s ease}.card .tick:hover{transform:scale(1.15);border-color:var(--accent)}.card.selected .tick{background:linear-gradient(135deg,#4ade80,var(--accent-2));border-color:transparent;color:#03150c;font-weight:800;animation:pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.5)}70%{transform:scale(1.2)}to{transform:scale(1)}}.card .name{position:absolute;bottom:0;left:0;right:0;padding:14px 10px 6px;font-size:11px;background:linear-gradient(transparent,#030705d9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.removed{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger),0 0 22px #f8717138}.card.removed img{opacity:.42;filter:grayscale(.65)}.card.removed .tick{background:linear-gradient(135deg,#fca5a5,var(--danger));border-color:transparent;color:#2b0707;font-weight:800;animation:pop .3s cubic-bezier(.34,1.56,.64,1)}.card .star{position:absolute;top:9px;left:9px;width:28px;height:28px;border-radius:50%;background:#040a07a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.22);color:#ffffff80;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;transition:transform .2s cubic-bezier(.34,1.56,.64,1),color .2s ease,background .2s ease,border-color .2s ease}.card .star:hover{transform:scale(1.15);color:#fde68a;border-color:#fbbf24}.card.is-cover .star{background:linear-gradient(135deg,#fde68a,var(--warn));border-color:transparent;color:#2d1c00;animation:pop .3s cubic-bezier(.34,1.56,.64,1)}.card.is-cover{border-color:#fbbf248c}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#030605e0;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);z-index:50;display:flex;flex-direction:column;animation:fadeIn .25s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox .stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;position:relative;padding:14px}.lightbox .stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 20px 60px #0009;animation:zoomIn .3s cubic-bezier(.22,1,.36,1) both}@keyframes zoomIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lightbox .navbtn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-soft);color:var(--text);font-size:22px;width:46px;height:68px;border-radius:14px;box-shadow:none}.lightbox .navbtn:hover{background:#34d3992e;border-color:var(--line);transform:translateY(-50%)}.lightbox .navbtn.prev{left:14px}.lightbox .navbtn.next{right:14px}.lightbox .bar{padding:14px 18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#080e0bcc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.lightbox .bar .name{flex:1;min-width:120px;font-size:13.5px;color:var(--muted);overflow-wrap:anywhere}progress{width:100%;height:8px;border:none;border-radius:99px;overflow:hidden;background:#ffffff12;-webkit-appearance:none;-moz-appearance:none;appearance:none}progress::-webkit-progress-bar{background:#ffffff12;border-radius:99px}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent-deep),#4ade80);border-radius:99px;transition:width .3s ease}progress::-moz-progress-bar{background:linear-gradient(90deg,var(--accent-deep),#4ade80);border-radius:99px}table{width:100%;border-collapse:collapse;margin-top:12px}td,th{padding:12px;border-bottom:1px solid var(--line-soft);text-align:left;font-size:14px}tr{transition:background .15s ease}tbody tr:hover{background:#34d3990d}tr:last-child td{border-bottom:none}td a{text-decoration:none;font-weight:600}td a:hover{text-decoration:underline}.badge{padding:4px 12px;border-radius:99px;font-size:12px;font-weight:650;letter-spacing:.2px;border:1px solid transparent;white-space:nowrap}.badge.reviewing{background:#fbbf241a;color:var(--warn);border-color:#fbbf2440;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.badge.done{background:#34d3991f;color:var(--ok);border-color:#34d3994d}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);padding:12px 22px;border-radius:14px;z-index:100;font-size:14px;font-weight:600;box-shadow:var(--shadow),var(--glow);animation:toastIn .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}::selection{background:#34d3994d}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#34d39933;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#34d39966}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:560px){main{padding:18px 12px 50px}.panel{padding:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.lightbox .navbtn{width:38px;height:56px;font-size:18px}}
