:root{--paper: oklch(98% .02 75);--surface: oklch(100% 0 0);--surface-2: oklch(97% .025 75);--ink: oklch(28% .04 50);--ink-soft: oklch(50% .03 50);--line: oklch(93% .02 75);--accent: oklch(72% .17 25);--accent-2: oklch(74% .15 150);--accent-3: oklch(70% .14 250);--hot: oklch(65% .2 35);--danger: oklch(58% .19 25);--ok: oklch(62% .14 150);--radius: 22px;--radius-sm: 12px;--font-display: "Baloo 2", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--dur: .18s;--ease-out: cubic-bezier(.34, 1.4, .5, 1);--cat-0: var(--accent-3);--cat-1: var(--accent-2);--cat-2: var(--accent);--cat-3: oklch(72% .14 320);--cat-4: var(--accent-2);--cat-5: oklch(70% .16 90)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}body{font-family:var(--font-body);background:radial-gradient(120% 80% at 100% 0%,oklch(95% .06 60 / .6),transparent 60%),radial-gradient(120% 80% at 0% 100%,oklch(94% .07 200 / .5),transparent 55%),var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}input,select,textarea{font:inherit;color:inherit}.wrap{max-width:920px;margin:0 auto;padding:var(--space-7) var(--space-4)}.hero{text-align:center;margin-bottom:var(--space-6)}.hero .logo{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:30px;color:var(--accent)}.hero .logo .dot{width:14px;height:14px;border-radius:50%;background:var(--hot);box-shadow:0 0 0 5px #f0532b2e}.hero h1{font-family:var(--font-display);font-weight:800;font-size:34px;line-height:1.15;margin-top:var(--space-3);letter-spacing:-.01em}.hero p{color:var(--ink-soft);font-size:15px;margin-top:var(--space-2)}.chips{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin:var(--space-6) 0 var(--space-4)}.chip-tier{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.tier-sub{margin-top:2px;padding:var(--space-3) var(--space-4);background:#fd736d14;border:1px solid oklch(72% .17 25 / .18);border-radius:var(--radius-sm);max-width:880px}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:99px;font-weight:600;font-size:14px;background:var(--surface);border:2px solid var(--line);color:var(--ink-soft);cursor:pointer;transition:transform var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),background var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.chip:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent)}.chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.chip.is-open{border-color:var(--accent);color:var(--accent)}.chip .em{font-size:15px;line-height:1}.chip .caret{font-size:10px;opacity:.6;margin-left:1px}.chip-child{padding:5px 13px;font-size:12.5px;font-weight:500;border-width:1px}.bulk-bar{background:var(--surface);border:1px dashed var(--line);border-radius:12px;padding:10px 14px;margin-bottom:var(--space-3);align-items:center}.bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.seg{display:inline-flex;background:var(--surface);border:2px solid var(--line);border-radius:99px;padding:3px}.seg button{padding:8px 18px;border-radius:99px;font-weight:700;font-size:14px;color:var(--ink-soft);transition:all var(--dur) var(--ease-out)}.seg button[aria-selected=true]{background:var(--accent-3);color:#fff}.toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:14px;color:var(--ink-soft);position:relative;cursor:pointer}.toggle .sw{width:40px;height:23px;border-radius:99px;background:var(--line);position:relative;transition:background var(--dur) var(--ease-out)}.toggle .sw:after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform var(--dur) var(--ease-out)}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle input:checked+.sw{background:var(--hot)}.toggle input:checked+.sw:after{transform:translate(17px)}.feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}@media (max-width: 640px){.feed{grid-template-columns:minmax(0,1fr)}}.card{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);position:relative;overflow:hidden;transition:transform var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--card-accent, var(--accent-3));opacity:0;transition:opacity var(--dur) var(--ease-out)}.card:hover{transform:translateY(-4px);border-color:var(--accent)}.card:hover:before{opacity:1}.card .top{display:flex;align-items:center;justify-content:space-between}.tag{font-size:12px;font-weight:700;color:var(--ink-soft);background:var(--surface-2);padding:4px 11px;border-radius:99px}.star{font-size:13px;font-weight:800;color:#fff;background:var(--hot);padding:4px 10px;border-radius:99px}.card h3{font-family:var(--font-display);font-weight:700;font-size:17px;line-height:1.35}.card h3 a{color:var(--ink);text-decoration:none;text-decoration-color:var(--accent);text-underline-offset:3px;transition:color var(--dur) var(--ease-out),text-decoration-color var(--dur) var(--ease-out)}.card h3 a:hover,.card h3 a:focus-visible{color:var(--accent);text-decoration:underline}.card h3 a .ext{display:inline-block;margin-left:4px;font-size:.8em;font-weight:700;color:var(--ink-soft);transform:translateY(-1px);transition:color var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.card h3 a:hover .ext,.card h3 a:focus-visible .ext{color:var(--accent);transform:translate(2px,-3px)}.card p{font-size:14px;color:var(--ink-soft)}.card .note{font-size:13px;font-weight:600;color:var(--hot);background:#f0532b1a;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.card .foot{display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--ink-soft);margin-top:auto;font-weight:600}.empty,.state{grid-column:1 / -1;text-align:center;color:var(--ink-soft);padding:var(--space-7);font-weight:600}.state.error{color:var(--danger)}.load-more{grid-column:1 / -1;display:flex;justify-content:center;margin-top:var(--space-4)}.btn{background:var(--surface);border:2px solid var(--line);border-radius:99px;padding:10px 22px;font-weight:700;font-size:14px;transition:all var(--dur) var(--ease-out)}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.admin{max-width:1100px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-7)}.admin-nav{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;margin-bottom:var(--space-5)}.admin-nav a{padding:8px 16px;border-radius:99px;font-weight:700;font-size:14px;background:var(--surface);border:2px solid var(--line);color:var(--ink-soft)}.admin-nav a.active{background:var(--accent-3);border-color:var(--accent-3);color:#fff}.admin-brand{font-family:var(--font-display);font-size:20px;color:var(--accent);margin-right:var(--space-3)}.admin-user{margin-left:auto;color:var(--ink-soft);font-size:13px;white-space:nowrap}.admin-topbar,.admin-burger{display:none}@media (max-width: 640px){.admin{padding:var(--space-4) var(--space-3) var(--space-7)}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 8px #473f3c0a}.admin-burger{display:inline-flex;flex-direction:column;gap:4px;width:36px;height:36px;align-items:center;justify-content:center;background:var(--surface-2, var(--surface));border:2px solid var(--line);border-radius:var(--radius-sm)}.admin-burger span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px}.admin-nav.admin-drawer{position:fixed;inset:0 auto auto 0;z-index:30;width:80vw;max-width:320px;padding:var(--space-5);flex-direction:column;align-items:stretch;gap:var(--space-3);background:var(--paper, var(--surface));border-right:2px solid var(--line);box-shadow:4px 0 24px #473f3c1f;transform:translate(-100%);transition:transform var(--dur) var(--ease-out);margin-bottom:0;height:100vh}.admin-nav.admin-drawer.open{transform:translate(0)}.admin-nav.admin-drawer a{width:100%}.admin-nav.admin-drawer .admin-user{margin-left:0}}@media (max-width: 640px){table.tbl-responsive,table.tbl-responsive thead,table.tbl-responsive tbody,table.tbl-responsive tr,table.tbl-responsive th,table.tbl-responsive td{display:block}table.tbl-responsive thead{display:none}table.tbl-responsive tr{margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 6px #473f3c0a}table.tbl-responsive td{display:flex;justify-content:space-between;gap:var(--space-3);padding:6px 0;border-bottom:0;align-items:baseline}table.tbl-responsive td:before{content:attr(data-label);color:var(--ink-soft);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em}table.tbl-responsive td:last-child{text-align:right}}@media (max-width: 640px){.form-row{flex-direction:column;align-items:stretch}.field input,.field select,.field textarea{min-width:0;width:100%}.field textarea{min-width:0}}.panel{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:var(--space-5);margin-bottom:var(--space-5)}.panel h2{font-family:var(--font-display);font-size:20px;margin-bottom:var(--space-4)}.form-row{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;margin-bottom:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2);font-size:13px;font-weight:600;color:var(--ink-soft)}.field input,.field select,.field textarea{border:2px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;background:var(--surface);font-weight:500;color:var(--ink);min-width:180px}.field textarea{min-width:320px;min-height:120px;font-family:ui-monospace,monospace}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.badge{font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--surface-2);color:var(--ink-soft)}.badge.ok{background:#399d5726;color:var(--ok)}.badge.bad{background:#d33a3c1f;color:var(--danger)}.badge.hot{background:#f0532b1f;color:var(--hot)}.login-box{max-width:380px;margin:12vh auto}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.stat{background:var(--surface-2);border-radius:var(--radius-sm);padding:var(--space-4);text-align:center}.stat .num{font-family:var(--font-display);font-size:28px;font-weight:800}.stat .lbl{font-size:12px;color:var(--ink-soft);font-weight:600}.flash{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-weight:600;font-size:14px;margin-bottom:var(--space-4)}.flash.ok{background:#399d5726;color:var(--ok)}.flash.bad{background:#d33a3c1f;color:var(--danger)}.muted{color:var(--ink-soft);font-size:13px}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;z-index:1000;overflow-y:auto}.modal{background:var(--surface, #fff);border-radius:var(--radius, 12px);box-shadow:0 18px 50px #0f172a40;width:min(680px,100%);padding:var(--space-5, 24px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4, 16px)}.modal-head h3{margin:0;font-size:18px}.kv{display:grid;grid-template-columns:140px 1fr;gap:var(--space-2, 8px) var(--space-4, 16px);margin:0}.kv dt{color:var(--ink-soft);font-size:13px;font-weight:600}.kv dd{margin:0;word-break:break-word}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.break{word-break:break-all}.danger-text{color:var(--danger)}.code-block{background:var(--code-bg, #f4f5f7);border-radius:var(--radius-sm, 8px);padding:var(--space-3, 12px);max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-all;margin:0}.log-detail-row>td{background:var(--code-bg, #f7f8fa);padding:var(--space-3, 12px) var(--space-4, 16px)}.tbl-inner{width:100%;border-collapse:collapse;font-size:13px}.tbl-inner th,.tbl-inner td{border-bottom:1px solid var(--border, #ececf0);padding:6px 10px;text-align:left}.tbl-inner th{color:var(--ink-soft);font-weight:600}