:root{color-scheme:light dark;--font-sans: "IBM Plex Sans", "Avenir Next", "Segoe UI Variable", "Segoe UI", sans-serif;--bg: #f5f5f4;--panel: #ffffff;--panel-strong: #ffffff;--line: #dcdee3;--line-strong: #b5bcc7;--text: #17191c;--muted: #666e79;--accent: #3b4655;--accent-strong: #111317;--accent-soft: rgba(59, 70, 85, .08);--button-bg: #0f1216;--button-text: #ffffff;--button-hover: #20252d;--button-hover-line: #4e5967;--result-hover-bg: #f1f3f6;--result-hover-line: #98a1ad;--url-hover: #177245;--domain-hover: #000000;--shadow: 0 10px 28px rgba(15, 18, 24, .06);--result-shadow: 0 8px 22px rgba(15, 18, 24, .04)}@media (prefers-color-scheme: dark){:root{--bg: #111317;--panel: #171a20;--panel-strong: #171a20;--line: #2d3138;--line-strong: #434a54;--text: #eef1f6;--muted: #a4acb8;--accent: #c6ced9;--accent-strong: #f3f6fb;--accent-soft: rgba(198, 206, 217, .12);--button-bg: #f4f6fa;--button-text: #121418;--button-hover: #dce2ea;--button-hover-line: #aeb7c2;--result-hover-bg: #1d2229;--result-hover-line: #5b6470;--url-hover: #6fcf84;--domain-hover: #ffffff;--shadow: 0 10px 26px rgba(0, 0, 0, .18);--result-shadow: 0 8px 22px rgba(0, 0, 0, .15)}}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-sans)}a{color:inherit}button,input{font:inherit}.shell{width:min(1440px,calc(100vw - 40px));margin:0 auto;padding:28px 0 64px}.hero{display:grid;gap:18px;width:min(920px,100%);margin:12vh auto 0;transition:margin .18s ease}.hero.compact{margin-top:28px}.brand{display:inline-flex;align-items:center;gap:16px;width:fit-content;text-decoration:none}.brand-logo{width:76px;height:76px;object-fit:contain}.brand-copy{display:grid;gap:6px}.brand-kicker{margin:0;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem}.brand h1{margin:0;font-size:clamp(2.4rem,5vw,4rem);line-height:1;letter-spacing:-.04em;font-weight:700}.search-form{margin:0}.search-frame{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px 10px 18px;border:1px solid var(--line-strong);border-radius:20px;background:var(--panel-strong);box-shadow:var(--shadow)}.search-frame:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.search-icon{width:22px;height:22px;fill:var(--muted);flex:0 0 auto}#query{min-width:0;border:0;background:transparent;color:var(--text);padding:10px 0;font-size:clamp(1.05rem,2vw,1.18rem);outline:none}#query::placeholder{color:color-mix(in srgb,var(--muted) 84%,transparent)}.search-button{border:1px solid var(--button-bg);border-radius:14px;padding:14px 20px;background:var(--button-bg);color:var(--button-text);font-weight:600;cursor:pointer;transition:background-color .14s ease,border-color .14s ease}.search-button:hover{background:var(--button-hover);border-color:var(--button-hover-line)}.search-button:focus-visible,.result-card:focus-visible,.brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.results{width:100%;margin:32px auto 0}.results-head{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:18px}.meta,.feedback{margin:0;color:var(--muted);font-size:.95rem}.results-list{display:grid;gap:18px}.result-shell,.error-card,.empty-state{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--result-shadow);overflow:hidden;transition:border-color .14s ease,background-color .14s ease}.result-card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;width:100%;padding:22px;text-decoration:none;border-radius:inherit;transition:background-color .14s ease}.result-shell:hover,.result-shell:focus-within{border-color:var(--result-hover-line)}.result-shell:hover .result-card,.result-shell:focus-within .result-card{background:var(--result-hover-bg)}.result-shell:hover .result-title,.result-shell:focus-within .result-title{color:var(--accent-strong);text-decoration-color:currentColor}.result-shell:hover .result-url,.result-shell:focus-within .result-url{color:var(--url-hover)}.result-shell:hover .result-url strong,.result-shell:focus-within .result-url strong{color:var(--domain-hover)}.result-media{display:block;position:relative;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--line) 50%,transparent);border:1px solid var(--line)}.result-media-image{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.result-media-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:16px;color:var(--muted);font-size:.9rem;text-align:center}.result-media.is-empty{background:linear-gradient(135deg,color-mix(in srgb,var(--line) 70%,transparent),transparent),color-mix(in srgb,var(--line) 42%,transparent)}.result-main{display:grid;gap:12px;min-width:0;align-content:start}.result-site{display:flex;align-items:center;gap:10px;min-width:0}.favicon{flex:0 0 auto;width:18px;height:18px;border-radius:6px;object-fit:contain;background:color-mix(in srgb,var(--line) 72%,transparent);border:1px solid var(--line)}.result-site-copy{display:flex;align-content:center;min-width:0;gap:5px}.result-host{color:var(--text);font-size:.96rem;font-weight:600}.result-url{color:var(--muted);font-size:.9rem;overflow-wrap:anywhere;transition:color .14s ease}.result-url strong{color:inherit;font-weight:700;transition:color .14s ease}.result-title{margin:0;font-size:clamp(1.18rem,1.15vw,1.36rem);line-height:1.3;color:var(--text);font-weight:650;text-wrap:pretty;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:.08em;text-underline-offset:.16em;transition:color .14s ease,text-decoration-color .14s ease}.result-snippet{margin:0;color:color-mix(in srgb,var(--text) 92%,transparent);font-size:1rem;line-height:1.7}.empty-state,.error-card{padding:28px}.empty-state h2,.error-card h2{margin:0 0 10px;font-size:1.3rem}.empty-state p,.error-card p{margin:0;color:var(--muted)}.error-message{margin:14px 0 0;max-width:100%;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--muted);font-size:.9rem}.loading{display:flex;justify-content:center;gap:10px;padding:26px 0}.loading-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(180deg,var(--accent),var(--accent-strong));animation:pulse 1s ease-in-out infinite}.loading-dot:nth-child(2){animation-delay:.12s}.loading-dot:nth-child(3){animation-delay:.24s}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (max-width: 820px){.shell{width:min(100vw - 24px,100%);padding-top:18px}.hero{margin-top:8vh}.brand{gap:14px}.brand-logo{width:72px;height:72px}.search-frame{grid-template-columns:auto 1fr;padding-right:10px}.search-button{grid-column:1 / -1;width:100%}.results-head{flex-direction:column;align-items:flex-start}.result-card{grid-template-columns:1fr}}