:root{color-scheme:light;--font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";--bg: #fbfbfc;--bg2: #f5f6f8;--fg: #0b0e14;--muted: #5a6270;--line: rgba(17, 24, 39, .14);--surface: rgba(255, 255, 255, .82);--surface2: rgba(255, 255, 255, .62);--accent: #111827;--accent2: #0f766e;--danger: #b42318;--shadow: 0 20px 70px rgba(17, 24, 39, .12);--r-sm: 12px;--r-md: 18px;--r-lg: 28px;--sp-1: 6px;--sp-2: 10px;--sp-3: 14px;--sp-4: 18px;--sp-5: 24px;--sp-6: 34px;--sp-7: 48px;--sp-8: 72px;--step--1: clamp(.86rem, .83rem + .1vw, .92rem);--step-0: clamp(1rem, .95rem + .2vw, 1.1rem);--step-1: clamp(1.2rem, 1.1rem + .6vw, 1.5rem);--step-2: clamp(1.6rem, 1.35rem + 1.1vw, 2.1rem);--step-3: clamp(2.1rem, 1.6rem + 2vw, 3rem);--step-4: clamp(2.7rem, 2rem + 2.7vw, 3.9rem)}html[data-theme=dark]{color-scheme:dark;--bg: #0a0c10;--bg2: #0f1218;--fg: #f4f6fb;--muted: rgba(244, 246, 251, .72);--line: rgba(244, 246, 251, .16);--surface: rgba(15, 18, 24, .84);--surface2: rgba(15, 18, 24, .6);--accent: #f4f6fb;--accent2: #2dd4bf;--danger: #ff6b6b;--shadow: 0 22px 90px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--fg);background:radial-gradient(1200px 900px at 20% -10%,rgba(15,118,110,.08),transparent 60%),radial-gradient(900px 600px at 90% 0%,rgba(17,24,39,.06),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg2))}html[data-theme=dark] body{background:radial-gradient(1200px 900px at 20% -10%,rgba(45,212,191,.08),transparent 60%),radial-gradient(900px 600px at 90% 0%,rgba(244,246,251,.06),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg2))}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.shell{min-height:100%;display:grid;grid-template-rows:auto 1fr auto}.header{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--surface) 85%,transparent);border-bottom:1px solid var(--line)}.header-inner{max-width:1080px;margin:0 auto;padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.brand{display:inline-flex;align-items:baseline;gap:10px}.brand-mark{width:12px;height:12px;border-radius:6px;background:linear-gradient(135deg,var(--accent2),color-mix(in srgb,var(--accent) 65%,transparent));box-shadow:0 0 0 6px color-mix(in srgb,var(--accent2) 13%,transparent)}.brand-name{font-weight:650;letter-spacing:-.02em}.nav{display:flex;align-items:center;gap:10px}.nav a{padding:10px 12px;border-radius:999px;border:1px solid transparent;color:var(--muted)}.nav a[aria-current=page]{color:var(--fg);border-color:var(--line);background:color-mix(in srgb,var(--surface2) 85%,transparent)}.nav a:hover{color:var(--fg);border-color:color-mix(in srgb,var(--line) 75%,transparent)}.main{max-width:1080px;margin:0 auto;padding:var(--sp-7) var(--sp-4) var(--sp-8);width:100%}.footer{border-top:1px solid var(--line);color:var(--muted);padding:var(--sp-5) var(--sp-4)}.footer-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.hero{padding:var(--sp-7) 0 var(--sp-6)}.hero-title{font-size:var(--step-4);line-height:1.02;letter-spacing:-.04em;margin:0}.hero-sub{margin:var(--sp-4) 0 0;font-size:var(--step-1);color:var(--muted);max-width:60ch}.section{padding:var(--sp-7) 0;border-top:1px solid var(--line)}.section-title{font-size:var(--step-2);letter-spacing:-.02em;margin:0 0 var(--sp-4)}.row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.searchbar{margin-top:var(--sp-5);display:grid;grid-template-columns:1fr auto;gap:var(--sp-3);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-2);box-shadow:var(--shadow)}.searchbar input{border:0;outline:none;padding:14px;font-size:var(--step-1);background:transparent}.btn{border:1px solid var(--line);background:color-mix(in srgb,var(--surface2) 80%,transparent);padding:12px 14px;border-radius:999px;cursor:pointer;transition:transform .14s ease,background-color .14s ease,border-color .14s ease}.btn:active{transform:scale(.98)}.btn-primary{border-color:transparent;background:linear-gradient(135deg,var(--accent2),color-mix(in srgb,var(--accent2) 55%,var(--accent)));color:#fff}.btn-secondary{color:var(--fg)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{background:color-mix(in srgb,var(--surface2) 70%,transparent);border-color:var(--line);color:var(--fg)}.kicker{font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.divider{height:1px;background:var(--line)}.list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}.list-item{display:grid;grid-template-columns:128px 1fr auto;gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--line);align-items:center}.li-media{width:128px;height:92px;border-radius:var(--r-md);overflow:hidden;background:color-mix(in srgb,var(--surface2) 55%,transparent);border:1px solid color-mix(in srgb,var(--line) 80%,transparent)}.li-media img{width:100%;height:100%;object-fit:cover;display:block}.li-title{font-size:var(--step-1);font-weight:650;letter-spacing:-.02em;margin:0}.li-meta{margin-top:6px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 12px;font-size:var(--step--1)}.pill{padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface2) 75%,transparent)}.fav-btn{width:44px;height:44px;border-radius:999px;display:grid;place-items:center}.fav-btn[data-on=true]{border-color:color-mix(in srgb,var(--accent2) 60%,var(--line));background:color-mix(in srgb,var(--accent2) 18%,transparent);color:var(--accent2)}.sticky{position:sticky;top:64px;z-index:20;padding-top:var(--sp-3);background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 92%,transparent),transparent 70%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filters-row{display:flex;gap:10px;flex-wrap:wrap;padding:var(--sp-3) 0 var(--sp-4)}.chip{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);background:color-mix(in srgb,var(--surface2) 70%,transparent);cursor:pointer;transition:transform .14s ease,border-color .14s ease,color .14s ease,background-color .14s ease}.chip:hover{color:var(--fg);border-color:color-mix(in srgb,var(--line) 75%,transparent)}.chip[data-on=true]{color:var(--fg);border-color:color-mix(in srgb,var(--accent2) 55%,var(--line));background:color-mix(in srgb,var(--accent2) 16%,transparent)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000005c;opacity:0;transition:opacity .18s ease}.sheet-backdrop[data-open=true]{opacity:1}.sheet{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) 0 0;transform:translateY(102%);transition:transform .22s ease;box-shadow:var(--shadow);padding:var(--sp-4)}.sheet[data-open=true]{transform:translateY(0)}.field{display:grid;gap:8px;margin:0 0 var(--sp-4)}.label{color:var(--muted);font-size:var(--step--1)}.input,select.input,textarea.input{border:1px solid var(--line);background:color-mix(in srgb,var(--surface2) 70%,transparent);border-radius:var(--r-md);padding:12px;outline:none}.input:focus{border-color:color-mix(in srgb,var(--accent2) 55%,var(--line));box-shadow:0 0 0 6px color-mix(in srgb,var(--accent2) 18%,transparent)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.admin-split{display:grid;grid-template-columns:1fr;gap:var(--sp-5)}.toast-stack{position:fixed;top:12px;right:12px;z-index:60;display:grid;gap:10px}.toast{min-width:min(320px,calc(100vw - 24px));border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:12px;box-shadow:var(--shadow);display:grid;gap:4px}.toast-title{font-weight:650}.toast-body{color:var(--muted);font-size:var(--step--1)}.skeleton{position:relative;overflow:hidden;background:color-mix(in srgb,var(--surface2) 70%,transparent);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:var(--r-md)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);animation:shimmer 1.15s ease-in-out infinite}html[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent,rgba(244,246,251,.16),transparent)}@keyframes shimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}.page{animation:pageIn .22s ease both}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.list-item{grid-template-columns:1fr;align-items:start}.li-media{width:100%;height:180px}.sticky{top:56px}.grid2{grid-template-columns:1fr}}@media (min-width: 920px){.admin-split{grid-template-columns:1.15fr .85fr;align-items:start}}@media (prefers-reduced-motion: reduce){.btn,.chip,.sheet,.sheet-backdrop,.page,.skeleton:after{transition:none!important;animation:none!important}}