:root{--canvas: #f3f3f4;--dot: rgba(0,0,0,.11);--panel: #ffffff;--hover: rgba(0,0,0,.045);--field: rgba(0,0,0,.04);--field-hover: rgba(0,0,0,.065);--line: rgba(0,0,0,.07);--edge: rgba(0,0,0,.1);--edge-strong: rgba(0,0,0,.16);--text: #1d1d20;--text-2: #66666e;--text-3: #9d9da5;--blue: #1f7cf5;--blue-text: #1f6fe0;--blue-wash: rgba(31,124,245,.12);--blue-wash-2: rgba(31,124,245,.08);--panel-shadow: 0 0 0 .5px rgba(0,0,0,.12), 0 10px 30px rgba(20,20,40,.08), 0 2px 6px rgba(20,20,40,.05);--frame-edge: 0 0 0 .5px rgba(0,0,0,.12), 0 1px 3px rgba(20,20,40,.1);--well: #f7f7f8;--danger: #d6352b;--danger-wash: rgba(214,53,43,.1);--on-blue: #fff;--radius: 10px;--radius-sm: 7px;--page-max: 1440px;--gutter: clamp(16px, 3vw, 32px);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--text);font:14px/20px -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--blue-text)}img{display:block;max-width:100%;height:auto}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;height:56px;padding:0 var(--gutter);background:#f3f3f4db;backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-weight:650;font-size:15px;letter-spacing:-.01em;flex:none}.brand:hover{color:var(--text)}.brand-sub{color:var(--text-2);font-weight:550}.brand-mark{width:22px;height:22px;border-radius:25%;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='8' cy='12' r='3.8' fill='%23fff'/%3E%3Ccircle cx='12' cy='12' r='3.8' fill='%23fff' fill-opacity='.6'/%3E%3Ccircle cx='16' cy='12' r='3.8' fill='%23fff' fill-opacity='.3'/%3E%3C/svg%3E") center / 100% no-repeat,linear-gradient(#38bdf8,#4f46e5)}.search{flex:1;max-width:520px;margin:0 auto;min-width:0}.search input{width:100%;height:36px;padding:0 14px;border:1px solid var(--edge);border-radius:999px;background:var(--panel);box-shadow:var(--frame-edge);outline:none}.search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-wash)}.btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1px solid var(--edge);border-radius:999px;background:var(--panel);font-weight:550;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--well);color:var(--text)}.btn-primary{background:var(--text);border-color:var(--text);color:var(--panel)}.btn-primary:hover{background:#000;color:var(--panel)}.btn-quiet{flex:none;color:var(--text-2);border-color:transparent;background:transparent;cursor:default}.btn-quiet:hover{background:transparent;color:var(--text-2)}.footer{margin-top:auto;padding:32px var(--gutter);color:var(--text-3);font-size:12px;border-top:1px solid var(--line)}.footer a{color:var(--text-2);text-decoration:underline;text-underline-offset:2px}@media(max-width:560px){.brand-sub{display:none}.topbar{gap:8px}.btn-quiet{padding:0 6px}}.grid{display:grid;gap:28px 20px;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.card{min-width:0}.card-shot{display:block;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--radius);background:var(--panel);box-shadow:var(--frame-edge);transition:box-shadow .18s ease,transform .18s ease}.card-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.card-shot:hover{box-shadow:var(--panel-shadow);transform:translateY(-1px)}.card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 2px 0;font-size:13px}.card-site{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.card-type{color:var(--text-3);flex:none}.chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:14px 0 0}.chip{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:13px;color:var(--text-2);white-space:nowrap}.chip-link:hover{border-color:var(--edge-strong);color:var(--text)}.chip-on{background:var(--blue-wash-2);border-color:var(--blue-wash);color:var(--blue-text);cursor:pointer}.filters{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px}.filter{position:relative;flex:none}.filter select{height:34px;padding:0 30px 0 14px;max-width:220px;border:1px solid var(--edge);border-radius:999px;background-color:var(--panel);appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-3) 50%),linear-gradient(135deg,var(--text-3) 50%,transparent 50%);background-position:calc(100% - 16px) 15px,calc(100% - 11px) 15px;background-size:5px 5px;background-repeat:no-repeat}.filter-on select{border-color:var(--blue);background-color:var(--blue-wash-2);color:var(--blue-text)}.filters-clear{color:var(--text-2);font-size:13px;padding:0 6px}@media(max-width:560px){.grid{gap:22px}.filters{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) 4px;scrollbar-width:none}.filter select{max-width:180px}}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:32px var(--gutter) 56px}.page-narrow{max-width:1264px}.page-head{margin:0 0 22px}.page-title{font-size:26px;line-height:32px;font-weight:680;letter-spacing:-.02em;overflow-wrap:anywhere}.page-sub{margin-top:6px;color:var(--text-2)}.page-sub a{color:var(--text);text-decoration:underline;text-decoration-color:var(--edge-strong);text-underline-offset:3px}.section-title{font-size:16px;font-weight:650;margin:36px 0 14px}.crumbs{color:var(--text-2);font-size:13px;margin-bottom:6px}.crumbs a:hover{color:var(--blue-text)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 22px}.shot{margin:0}.shot img{width:100%;max-width:1200px;border-radius:var(--radius);background:var(--panel);box-shadow:var(--panel-shadow)}.shot figcaption{margin-top:10px;color:var(--text-3);font-size:12px}.shot figcaption a{color:var(--text-2);text-decoration:underline;text-underline-offset:2px}.facts{display:grid;gap:14px;margin-top:22px;max-width:760px}.fact dt{font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.fact dd{margin-top:2px}.facts-more{margin-top:18px;color:var(--text-3);font-size:13px}.similar{margin-top:12px}.site-page+.site-page{margin-top:8px}.more{margin-top:32px;display:flex;justify-content:center}.notice{max-width:560px;margin:32px auto;padding:18px 20px;text-align:center;background:var(--panel);border-radius:var(--radius);box-shadow:var(--frame-edge)}.notice-problem{box-shadow:0 0 0 1px var(--danger-wash),var(--frame-edge)}.notice-title{font-weight:650;font-size:15px}.notice-body{margin-top:4px;color:var(--text-2)}.notice .btn{margin-top:12px}.loading,.empty{margin:28px 0;text-align:center;color:var(--text-3)}.sentinel{height:1px}@media(max-width:560px){.page{padding-top:22px}.page-title{font-size:21px;line-height:27px}}
