:root{color-scheme:light;--ink: #171717;--muted: #59564f;--paper: #f4efe3;--panel: #fffaf0;--line: #26231d;--cyan: #00a7c8;--yellow: #f6bf22;--red: #df3f32;--green: #2f9f62;--shadow: 0 18px 48px rgba(23, 23, 23, .12)}*{box-sizing:border-box}html{min-width:320px;background:linear-gradient(rgba(23,23,23,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,23,.055) 1px,transparent 1px),var(--paper);background-size:34px 34px}body{margin:0;color:var(--ink);font-family:Avenir Next,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;line-height:1.55}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(100% - 28px,1380px);margin:0 auto;padding:18px 0 72px}.masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;padding:22px 0 16px;border-bottom:4px solid var(--line)}.eyebrow{margin:0 0 5px;color:var(--red);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1,h2,p,dl,dd{margin:0}h1{max-width:980px;font-family:Impact,Haettenschweiler,Avenir Next Condensed,sans-serif;font-size:clamp(34px,7vw,86px);font-weight:900;line-height:.95;letter-spacing:0}.summary{padding:8px 10px;border:2px solid var(--line);background:var(--yellow);box-shadow:5px 5px 0 var(--line);font-size:13px;font-weight:900;white-space:nowrap}.toolbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(260px,390px) minmax(0,1fr);gap:12px;align-items:end;padding:14px 0;background:color-mix(in srgb,var(--paper) 91%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.search-field{display:grid;gap:4px}.search-field span{color:var(--muted);font-family:Impact,Haettenschweiler,Avenir Next Condensed,sans-serif;font-size:15px;letter-spacing:.08em;text-transform:uppercase}input{width:100%;min-height:46px;border:2px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);padding:9px 12px;outline:none;box-shadow:inset 0 -4px #17171712}input:focus-visible,button:focus-visible,video:focus-visible{outline:4px solid color-mix(in srgb,var(--cyan),white 35%);outline-offset:2px}.category-strip{display:flex;gap:8px;overflow-x:auto;padding:0 0 2px;scrollbar-width:thin}.category-strip button{min-height:46px;border:2px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);padding:8px 12px;box-shadow:4px 4px #17171733;font-size:13px;font-weight:900;letter-spacing:0;white-space:nowrap}.category-strip button.active{transform:translate(3px,3px);background:var(--ink);color:var(--panel);box-shadow:1px 1px #17171733}.result-bar{display:flex;justify-content:space-between;gap:12px;margin:4px 0 14px;color:var(--muted);font-size:13px;font-weight:900;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:16px}.card{min-width:0;overflow:clip;border:2px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.clip-frame{position:relative;overflow:hidden;border-bottom:2px solid var(--line);background:#101113;aspect-ratio:16 / 9}.clip-frame:after{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 18%,transparent 82%,rgba(255,255,255,.06)),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:100% 100%,100% 18px;mix-blend-mode:screen}video{display:block;width:100%;height:100%;object-fit:cover}.body{display:grid;gap:10px;padding:13px}.meta-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.category{max-width:70%;border:2px solid var(--line);border-radius:999px;background:var(--cyan);color:#fff;padding:2px 8px;font-size:11px;font-weight:900;line-height:1.35}code{color:var(--red);font-family:Avenir Next Condensed,Avenir Next,sans-serif;font-size:13px;font-weight:900;letter-spacing:.02em;text-align:right}h2{font-size:24px;font-weight:900;line-height:1.18;letter-spacing:0}.description{color:var(--ink);font-size:14px;font-weight:800}dl{display:grid;gap:8px}dl div{display:grid;gap:2px;padding-top:8px;border-top:1px solid rgba(23,23,23,.18)}dt{color:var(--red);font-size:11px;font-weight:900}dd{color:var(--muted);font-size:13px}.references{display:grid;gap:4px;margin:0;padding:0;list-style:none}.references a{color:var(--ink);font-weight:900;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--cyan),transparent 30%);text-decoration-thickness:2px;text-underline-offset:3px;overflow-wrap:anywhere}.references a:hover{color:var(--red)}.youtube-clip{overflow:hidden;border:2px solid var(--line);border-radius:6px;background:#101113;aspect-ratio:16 / 9}.youtube-clip iframe{display:block;width:100%;height:100%;border:0}.youtube-link{display:inline-block;margin-top:6px;color:var(--red);font-size:12px;font-weight:900;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.empty-state{display:grid;min-height:220px;place-items:center;border:2px dashed var(--line);border-radius:8px;background:#fffaf0b3;color:var(--muted);font-weight:900;text-align:center}@media(max-width:820px){.app-shell{width:min(100% - 20px,1380px)}.masthead{grid-template-columns:1fr;align-items:start}.summary{width:fit-content}.toolbar{grid-template-columns:1fr}}@media(max-width:420px){.app-shell{width:min(100% - 14px,1380px);padding-bottom:42px}h1{font-size:36px}.grid{grid-template-columns:minmax(0,1fr);gap:12px}.body{padding:11px}.category{max-width:64%}}