:root{--bg:#0f1724;--card:#0b1220;--accent:#4f46e5;--muted:#94a3b8;--glass:rgba(255,255,255,0.03)}
    *{box-sizing:border-box}
    body{margin:0;font-family:Inter, Roboto, Arial, sans-serif;background:linear-gradient(180deg,#071021 0%, #081226 60%);color:#e6eef8;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}
    .browser{width:980px;max-width:96vw;background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border-radius:12px;box-shadow:0 10px 30px rgba(2,6,23,0.7);overflow:hidden}
    header{display:flex;align-items:center;padding:14px 18px;background:var(--card);gap:12px}
    .controls{display:flex;gap:8px;align-items:center}
    .dot{width:12px;height:12px;border-radius:999px}
    .dot.red{background:#ff6b6b}
    .dot.yellow{background:#f6c84c}
    .dot.green{background:#39d353}
    .address{flex:1;background:var(--glass);padding:8px 12px;border-radius:8px;color:var(--muted);font-size:14px}
    .search-wrap{padding:18px;border-bottom:1px solid rgba(255,255,255,0.02);display:flex;gap:12px;align-items:center}
    input.search{flex:1;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit;font-size:16px}
    button.clear{background:transparent;border:1px solid rgba(255,255,255,0.04);padding:10px 14px;border-radius:10px;cursor:pointer}
    main{padding:18px;display:grid;grid-template-columns:1fr 320px;gap:18px}
    .results{display:flex;flex-direction:column;gap:12px}
    .result{background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.00));padding:14px;border-radius:10px;border:1px solid rgba(255,255,255,0.02);cursor:default}
    .result:hover{transform:translateY(-4px);transition:all .15s ease}
    .result h3{margin:0;font-size:16px}
    .result a{color:var(--accent);text-decoration:none;font-size:13px}
    .snippet{color:var(--muted);font-size:14px;margin-top:8px}
    .meta{display:flex;gap:8px;align-items:center;margin-top:10px}
    .tag{background:rgba(255,255,255,0.03);padding:4px 8px;border-radius:6px;font-size:12px;color:var(--muted)}
    aside{background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.00));padding:14px;border-radius:10px;border:1px solid rgba(255,255,255,0.02)}
    .hint{font-size:13px;color:var(--muted);margin-bottom:10px}
    .sample{display:flex;flex-direction:column;gap:6px}
    .sample button{background:transparent;border:1px solid rgba(255,255,255,0.03);padding:8px;border-radius:8px;color:var(--muted);cursor:pointer;text-align:left}
    footer{padding:12px 18px;background:var(--card);font-size:13px;color:var(--muted);display:flex;justify-content:space-between}
    .small{font-size:12px;color:var(--muted)}
    @media (max-width:760px){main{grid-template-columns:1fr}aside{order:2}}