:root{color-scheme:dark;--bg:#0c111c;--card:#141d2c;--raised:#1a2639;--text:#eaf0fa;--muted:#94a5bf;--line:#2a384f;--purple:#b2a5ff;--cyan:#87d8e9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px system-ui,sans-serif;height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,input{font:inherit}button{color:inherit;background:transparent;border:1px solid transparent;cursor:pointer;border-radius:5px;padding:7px 10px}button:hover{background:var(--raised);border-color:var(--line)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--purple);outline-offset:2px}button:disabled{opacity:.4;cursor:default}#chrome{background:#101725;position:relative;border-bottom:1px solid var(--line);z-index:5}#tabstrip{height:37px;display:flex;align-items:center;gap:4px;padding:4px 10px}.app-icon{width:21px;height:21px;margin-right:6px}#tabs{display:flex;min-width:0;max-width:calc(100% - 190px);gap:3px;flex:0 1 auto}.tab{width:190px;min-width:45px;max-width:190px;height:29px;display:flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:6px;background:#141c2a;animation:tabIn .17s ease-out}.tab[aria-selected=true]{background:#26334a;border-top-color:var(--purple)}.tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.tab-icon{width:15px;height:15px}.tab-close{padding:0 5px;flex-shrink:0}.tab-close:hover{background:#ffffff16}#new-tab{padding:2px 9px;font-size:22px;height:29px}.spacer{flex:1}.web-label{font:9px ui-monospace,monospace;letter-spacing:.8px;color:var(--muted)}#toolbar{display:flex;align-items:center;gap:4px;padding:5px 9px 8px}#toolbar>button{font-size:17px;min-width:30px}#toolbar .control{font:700 11px ui-monospace,monospace;color:var(--cyan);border-color:var(--line);height:33px;margin-left:6px}#address-form{display:flex;align-items:center;background:#172133;border:1px solid var(--line);border-radius:7px;flex:1;min-width:120px;height:34px}#address-form:focus-within{border-color:var(--purple);box-shadow:0 0 0 2px #a99cff18}input{background:transparent;border:0;outline:0!important;color:var(--text);caret-color:var(--text);min-width:0}input::selection{background:var(--purple);color:#17112f}#address{width:100%;height:100%;padding:0 9px}input::placeholder{color:var(--muted)}#site-mark{font-size:12px;color:var(--cyan);padding-left:5px}.engines{position:relative;flex:none}.engines summary{list-style:none;display:flex;align-items:center;gap:5px;cursor:pointer;padding:7px 10px;border-radius:5px}.engines summary::-webkit-details-marker{display:none}.engine-mark{font-size:12px;font-weight:800;display:grid;place-items:center;background:#df653c;width:19px;height:19px;border-radius:50%;color:#fff}.chevron{color:var(--muted);font-size:10px}.engine-menu{position:absolute;top:100%;left:0;width:195px;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px #0008;z-index:30}.engine-menu button{display:block;text-align:left;width:100%}.engine-menu button[aria-pressed=true]{color:var(--purple);background:var(--raised)}#loading{height:2px;position:absolute;bottom:0;width:100%;overflow:hidden}#loading i{display:block;width:28%;height:100%;background:var(--cyan);animation:rail 1.1s linear infinite}#viewport{flex:1;position:relative;min-height:0}#engine,#newtab,#internal,#error-page{position:absolute;inset:0;width:100%;height:100%;border:0}#engine{background:white}#newtab{display:grid;place-items:center;background:linear-gradient(#0a101b55,#0a101b99),url('assets/galaxy.jpg') center/cover}.portal{text-align:center;width:min(680px,90%);padding-bottom:4vh}.logo{width:103px;height:103px;filter:drop-shadow(0 12px 20px #0008)}h1{font-size:39px;letter-spacing:-1.5px;margin:12px 0 8px}.portal>p{font-weight:700;color:#d5ddf4;margin:0 0 28px;font-size:15px}#search-form{display:flex;align-items:center;background:#141d2ce8;border:1px solid #7386aa66;border-radius:12px;box-shadow:0 14px 40px #0005;padding:6px;backdrop-filter:blur(14px);text-align:left}#search-form input{flex:1;height:39px;padding:0 10px;font-size:14px}#search-form>button{background:#b2a5ff;color:#17112f;font-weight:700;padding:12px 18px;border-radius:8px}.quicklinks{display:flex;gap:9px;justify-content:center;margin:25px 0 33px}.quicklinks button{background:#111b2aba;border:1px solid #d2dfff24;border-radius:9px;padding:10px 16px}footer{display:flex;justify-content:center;gap:15px}footer button{color:#c7d4eb}#auth-note{display:block;color:#b3c2dd;margin-top:17px;font-size:11px}#status{height:23px;background:#0c111c;color:var(--muted);font-size:10px;border-top:1px solid var(--line);padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#internal{overflow:auto;padding:35px max(25px,calc((100% - 880px)/2));background:var(--bg)}#internal h1{font-size:30px}#internal h2{font-size:17px}.card{border:1px solid var(--line);border-radius:10px;padding:22px;background:var(--card);margin:16px 0;line-height:1.75}.card p{color:var(--muted)}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0}.settings-row+ .settings-row{border-top:1px solid var(--line)}.settings-row label{font-weight:650}.settings-row small{display:block;color:var(--muted);font-weight:400}.settings-row select{color:var(--text);background:var(--raised);padding:9px 14px;border:1px solid var(--line);border-radius:5px}a{color:var(--cyan)}#error-page{display:grid;place-items:center;background:var(--bg)}.error-card{width:min(650px,85%);border:1px solid var(--line);padding:28px;border-radius:12px;background:var(--card)}.error-card p{line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.error-card button{background:var(--raised);border-color:var(--line);margin-right:8px}[hidden]{display:none!important}[popover]{color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 50px #0008}#panel{margin:0;inset:88px 12px auto auto;width:min(550px,95vw);padding:0}#panel>header{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-grid{display:grid;grid-template-columns:1.1fr 1fr}.panel-grid section{padding:17px 19px}.panel-grid section+section{border-left:1px solid var(--line)}.panel-grid h3{font-size:13px;margin:0 0 13px}.panel-grid label:not(.switch-row){display:block;color:var(--muted);font-size:11px;margin:18px 0 7px}.panel-grid small{display:block;color:var(--muted);font-size:11px;line-height:1.6}.badge{display:inline-block;font-size:10px;color:var(--cyan);background:#87d8e913;border:1px solid #87d8e932;padding:5px 8px;border-radius:5px}#egress{display:block;font:600 17px ui-monospace,monospace;margin-bottom:8px}#check-ip{background:var(--raised);border-color:var(--line);margin-top:12px}.switch-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.switch-row small{margin-top:4px}input[role=switch]{appearance:none;width:40px;height:23px;border-radius:20px;background:#367b67;cursor:pointer;position:relative;flex-shrink:0}input[role=switch]::after{content:'';width:15px;height:15px;border-radius:50%;background:#fff;position:absolute;top:4px;left:4px;transition:transform .15s}input[role=switch]:checked{background:#b95061}input[role=switch]:checked::after{transform:translateX(17px)}.permission{display:flex;justify-content:space-between;font-size:11px;margin:15px 0}.permission span{color:var(--muted)}#browser-menu{margin:0;inset:83px 10px auto auto;padding:6px;width:190px}#browser-menu button{width:100%;text-align:left}body.light{--bg:#f5f7fc;--card:#fff;--raised:#edf2fb;--text:#1b2942;--muted:#52627b;--line:#d6dfed;--purple:#6a50d0;--cyan:#007c91}body.light #chrome{background:#e8eef8}body.light #address-form{background:white}body.light .tab{background:#e1e7f2}body.light .tab[aria-selected=true]{background:#fff}body.light #status{background:var(--bg)}body.light #newtab{color:#eaf0fa}body.light #search-form{--text:#eaf0fa;--muted:#b8c5de}body.reduce-motion *,body.reduce-motion *::after{animation:none!important;transition:none!important}@keyframes rail{from{transform:translateX(-110%)}to{transform:translateX(460%)}}@keyframes tabIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.web-label{display:none}#toolbar .control{font-size:0}#toolbar .control::after{content:'◈';font-size:17px}.tab{width:135px}.panel-grid{grid-template-columns:1fr}.panel-grid section+section{border-left:0;border-top:1px solid var(--line)}}
img.engine-mark{object-fit:contain;background:transparent;border-radius:0}.engine-menu button:has(img){display:flex;align-items:center;gap:10px}.engine-menu img{object-fit:contain;flex:none}
