:root{--bg: #0b0d12;--bg-elev: #141823;--bg-elev-2: #1b2030;--fg: #ecedf2;--fg-dim: #9099ad;--fg-faint: #6a7287;--accent: #7aa8ff;--accent-strong: #a3c0ff;--accent-soft: rgba(122, 168, 255, .14);--border: #232838;--border-strong: #2f3548;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 6px 18px rgba(0, 0, 0, .35);--shadow-lg: 0 14px 40px rgba(0, 0, 0, .45);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--header-h: 64px;color-scheme:dark light}@media (prefers-color-scheme: light){:root{--bg: #f6f7fb;--bg-elev: #ffffff;--bg-elev-2: #f0f2f8;--fg: #131722;--fg-dim: #555c70;--fg-faint: #8a91a4;--accent: #2f6fdc;--accent-strong: #1a4fb3;--accent-soft: rgba(47, 111, 220, .12);--border: #e3e6ee;--border-strong: #cdd2df;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 6px 18px rgba(15, 23, 42, .08);--shadow-lg: 0 14px 40px rgba(15, 23, 42, .12)}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(1200px 600px at 80% -10%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%),radial-gradient(900px 500px at -10% 10%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 55%),var(--bg);color:var(--fg);font:15px/1.55 -apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-padding-top:var(--header-h)}::selection{background:var(--accent-soft);color:var(--fg)}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}button{font:inherit;cursor:pointer}header.site-header{position:fixed;top:0;right:0;left:0;z-index:20;display:flex;align-items:center;gap:16px;padding:calc(12px + env(safe-area-inset-top,0px)) 24px 12px;border-bottom:1px solid var(--border);isolation:isolate;transform:translateZ(0);-webkit-transform:translateZ(0)}header.site-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px)}header.site-header .brand{font-weight:800;font-size:18px;letter-spacing:-.01em;color:var(--fg);flex-shrink:0;background:linear-gradient(135deg,var(--fg) 0%,var(--accent) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;padding:4px 2px}header.site-header .brand:hover{text-decoration:none;filter:brightness(1.1)}header.site-header nav{display:flex;align-items:center;gap:10px;flex:1;min-width:0}header.site-header nav .search-form{display:contents}header.site-header select,header.site-header input[type=search]{background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;outline:none;font-size:15px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}header.site-header select:hover,header.site-header input[type=search]:hover{border-color:var(--border-strong)}header.site-header select{max-width:240px;flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:32px;background-image:linear-gradient(45deg,transparent 50%,var(--fg-dim) 50%),linear-gradient(135deg,var(--fg-dim) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}header.site-header input[type=search]{flex:1;min-width:0;font-size:15px;padding:11px 16px}header.site-header input[type=search]::placeholder{color:var(--fg-faint)}header.site-header select:focus,header.site-header input[type=search]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}@media (max-width: 640px){header.site-header{flex-direction:column;align-items:stretch;gap:8px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px}header.site-header .brand{text-align:center;padding:2px 0}header.site-header nav{flex-direction:column;align-items:stretch;gap:8px;width:100%}header.site-header nav .search-form{display:flex;width:100%;order:1}header.site-header nav select{width:100%;max-width:none;order:2}header.site-header input[type=search]{width:100%;font-size:16px}}main.container{padding:calc(var(--header-h) + 28px) 24px 64px;max-width:1440px;margin:0 auto}@media (max-width: 640px){main.container{padding:calc(var(--header-h) + 16px) 12px 48px}}.page-title{margin:4px 0 20px;font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--fg)}.page-title .muted{color:var(--fg-dim);font-weight:500}.section-label{margin:0 0 12px;font-size:12px;font-weight:600;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}@media (max-width: 640px){.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}}@media (max-width: 400px){.grid{grid-template-columns:repeat(2,1fr);gap:8px}}.card{display:block;position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;isolation:isolate}.card:after{content:"";position:absolute;inset:auto 0 0 0;height:50%;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);opacity:0;transition:opacity .2s ease}.card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card:hover:after{opacity:1}.card:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-md)}.card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.card:hover img{transform:scale(1.03)}.card .badge{position:absolute;bottom:8px;left:8px;z-index:1;font-size:11px;font-weight:600;color:#fff;background:#0f11169e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em}.similar-section{margin-top:40px}.empty{color:var(--fg-dim);padding:60px 0;text-align:center;font-size:15px}.loader{color:var(--fg-faint);padding:24px;text-align:center;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.detail{display:grid;gap:28px;grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}@media (max-width: 800px){.detail{grid-template-columns:1fr;gap:18px}}.detail .preview{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:flex;align-items:center;justify-content:center;min-height:360px;box-shadow:var(--shadow-sm)}@media (max-width: 640px){.detail .preview{padding:8px;min-height:0}}.detail .preview img,.detail .preview video{max-width:100%;max-height:80vh;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.detail aside h3{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em}.detail aside section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.detail aside section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.detail aside p{margin:0 0 8px}.detail aside .muted{color:var(--fg-dim);font-size:13px}.detail aside pre{white-space:pre-wrap;word-break:break-word;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55;color:var(--fg)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:var(--bg-elev);border:1px solid var(--border);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;color:var(--fg-dim);text-decoration:none;transition:color .15s ease,border-color .15s ease,background .15s ease}a.tag:hover{color:var(--accent-strong);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));text-decoration:none}.placeholder-note{border:1px dashed var(--border-strong);border-radius:var(--radius);padding:14px 16px;color:var(--fg-dim);font-style:italic;background:color-mix(in srgb,var(--bg-elev) 60%,transparent)}details.spoiler{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:0;overflow:hidden}details.spoiler>summary{cursor:pointer;list-style:none;padding:10px 14px;color:var(--fg-dim);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;transition:color .15s ease,background .15s ease}details.spoiler>summary::-webkit-details-marker{display:none}details.spoiler>summary:before{content:"";display:inline-block;width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .15s ease}details.spoiler[open]>summary:before{transform:rotate(90deg)}details.spoiler>summary:hover{color:var(--fg);background:var(--bg-elev-2)}details.spoiler .spoiler-body{padding:4px 14px 14px;display:flex;flex-direction:column;gap:8px}details.spoiler .spoiler-body h3{margin:8px 0 4px;font-size:11px;font-weight:600;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em}details.spoiler .spoiler-body h3:first-child{margin-top:0}details.spoiler .spoiler-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;word-break:break-all;color:var(--fg-dim);background:transparent}details.spoiler .spoiler-body .meta{color:var(--fg-faint);font-size:12px}