:root { --bg:#0b1020; --surface:#151b30; --line:#293454; --text:#f4f7ff; --muted:#9ba8c7; --accent:#7467ff; --green:#5ce0a6; } *{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 50% -20%,#29377c 0,transparent 42%),var(--bg);color:var(--text);font:16px/1.5 Inter,Segoe UI,Arial,sans-serif;min-height:100vh}.shell{width:min(880px,calc(100% - 32px));margin:0 auto;padding:13vh 0 80px}header{text-align:center;margin-bottom:26px}.brand{display:block;color:var(--text);font-size:48px;font-weight:850;letter-spacing:-2px;text-decoration:none}.brand span{color:var(--accent)}header p,.status{color:var(--muted);margin:4px 0}.search-form,#crawlForm{display:flex;gap:10px}.search-form input,#crawlForm input{flex:1;min-width:0;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);font:inherit;padding:15px 17px;outline:none}.search-form input:focus,#crawlForm input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7467ff2c}button{border:0;border-radius:12px;background:var(--accent);color:#fff;padding:0 20px;font-weight:750;font:inherit;cursor:pointer}button:hover{filter:brightness(1.12)}.status{margin:16px 3px}.results{margin-top:25px}.results h2{font-size:15px;color:var(--muted);font-weight:700;margin:32px 0 3px;text-transform:uppercase;letter-spacing:.08em}.result{padding:19px 4px;border-bottom:1px solid var(--line)}.result a{color:#b4abff;font-size:20px;font-weight:700;text-decoration:none}.result a:hover{text-decoration:underline}.external-result a{color:#7fd9ff}.url{color:var(--green);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:3px 0}.snippet{color:#d4dbed;margin:7px 0 0}.engine{display:inline-block;margin-top:8px;color:var(--muted);font-size:12px}.external-note{color:var(--muted);font-size:14px;margin:20px 0}.empty{color:var(--muted);padding:25px 3px}.index-panel{margin-top:48px;border:1px solid var(--line);border-radius:13px;padding:15px;background:#11172a}.index-panel summary{cursor:pointer;font-weight:700}.index-panel p{font-size:14px;color:var(--muted)}#crawlForm{margin-top:12px}output{display:block;margin-top:10px;color:var(--green);font-size:14px}mark{background:#8174d543;color:#eeeaff;border-radius:3px;padding:0 2px}@media(max-width:600px){.shell{padding-top:70px}.brand{font-size:38px}.search-form,#crawlForm{flex-direction:column}.search-form button,#crawlForm button{height:46px}}