:root{
 --bg:#f4f5f7;--surface:rgba(255,255,255,.76);--surface2:rgba(255,255,255,.52);
 --text:#11151b;--muted:#68717d;--line:rgba(15,20,28,.12);--soft:rgba(15,20,28,.055);
 --shadow:0 24px 70px rgba(18,25,35,.12);--dark:#10151c;--radius:24px;
}
[data-theme="dark"]{
 --bg:#080b10;--surface:rgba(20,24,31,.76);--surface2:rgba(255,255,255,.06);
 --text:#f2f4f6;--muted:#89929d;--line:rgba(255,255,255,.12);--soft:rgba(255,255,255,.055);
 --shadow:0 25px 80px rgba(0,0,0,.42);--dark:#f2f4f6;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{overflow-x:hidden}
button,input{font:inherit}button{color:inherit}
#app{min-height:100svh;position:relative;overflow:hidden;isolation:isolate}
#scene{position:fixed;inset:0;width:100%;height:100%;z-index:-4}
.ambient{position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 70% 20%,rgba(120,130,145,.10),transparent 35%),radial-gradient(circle at 15% 80%,rgba(80,90,105,.07),transparent 35%)}
.browser-header{height:64px;margin:10px max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));display:flex;align-items:center;padding:0 10px;border:1px solid var(--line);background:var(--surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:18px;box-shadow:var(--shadow);position:relative;z-index:20}
.chrome-btn{width:40px;height:40px;border:1px solid transparent;background:transparent;border-radius:12px;display:grid;place-items:center;font-size:21px;cursor:pointer}
.chrome-btn:hover{background:var(--soft);border-color:var(--line)}
.brand{margin:auto;display:flex;gap:7px;align-items:baseline;letter-spacing:.11em}.brand b{font-size:17px}.brand span{font-size:8px;letter-spacing:.25em;color:var(--muted)}
.header-actions{display:flex;gap:2px}
main{width:min(1050px,calc(100% - 20px));margin:20px auto 50px;position:relative;z-index:3}
.home{min-height:430px;border:1px solid var(--line);border-radius:30px;background:var(--surface);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 20px;position:relative;overflow:hidden}
.logo3d{width:92px;height:92px;display:grid;place-items:center;margin-bottom:16px;transform-style:preserve-3d;perspective:500px}
.logo-face{width:72px;height:72px;border:1px solid var(--line);background:linear-gradient(145deg,var(--dark),#69727d);color:var(--bg);display:grid;place-items:center;font-weight:950;font-size:19px;letter-spacing:.08em;border-radius:19px;transform:rotateX(58deg) rotateZ(-35deg);box-shadow:-10px 18px 30px rgba(0,0,0,.18),inset 0 0 20px rgba(255,255,255,.12)}
.mini-title{font:700 9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.32em;color:var(--muted);margin-bottom:13px}
h1{font-size:clamp(48px,8vw,84px);line-height:.84;letter-spacing:-.065em;margin:0;text-align:center;font-weight:900}
h1 em{font-style:normal;color:var(--muted)}
.omnibox{width:min(720px,100%);height:62px;margin-top:30px;padding:6px;border:1px solid var(--line);background:var(--surface2);border-radius:19px;display:flex;align-items:center;box-shadow:0 12px 40px rgba(0,0,0,.07)}
.omnibox-icon{font-size:27px;width:42px;text-align:center;color:var(--muted)}
.omnibox input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}
.omnibox input::placeholder{color:var(--muted)}
.go{height:50px;border:0;border-radius:14px;padding:0 21px;background:var(--text);color:var(--bg);font-weight:850;cursor:pointer}
.clear-btn{border:0;background:transparent;font-size:20px;color:var(--muted);cursor:pointer;padding:0 7px}
.engines{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:13px}
.engines button{border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:9px 13px;font-size:11px;cursor:pointer}
.engines button:hover{background:var(--soft)}
.home-note{font:700 8px ui-monospace,monospace;letter-spacing:.27em;color:var(--muted);margin-top:23px}
.browser{margin-top:20px;border:1px solid var(--line);border-radius:25px;background:var(--surface);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);overflow:hidden;box-shadow:var(--shadow)}
.browser-top{height:48px;display:flex;align-items:end;padding:0 8px;border-bottom:1px solid var(--line);overflow:hidden}
.tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;min-width:0}.tabs::-webkit-scrollbar{display:none}
.tab{height:38px;min-width:145px;max-width:240px;padding:0 11px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:var(--soft);display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);cursor:pointer}
.tab.active{background:var(--surface2);color:var(--text)}.tab-close{font-size:17px}.tab-plus{flex:0 0 40px;height:36px;border:0;background:transparent;border-radius:11px;font-size:22px;cursor:pointer;margin-bottom:2px}
.toolbar{min-height:57px;display:flex;align-items:center;gap:4px;padding:7px 9px;border-bottom:1px solid var(--line)}
.tool{width:37px;height:38px;border:0;background:transparent;border-radius:11px;font-size:20px;color:var(--muted);cursor:pointer;flex:0 0 auto}.tool:hover{background:var(--soft);color:var(--text)}
.addressbar{height:40px;flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--soft);display:flex;align-items:center;padding:0 10px;gap:8px;color:var(--muted)}
.addressbar input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}
.page{height:470px;overflow:auto;background:var(--surface2);position:relative}
.page iframe{display:block;width:100%;height:100%;border:0;background:white}
.welcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--muted)}
.welcome-mark{width:72px;height:72px;border-radius:20px;background:var(--text);color:var(--bg);display:grid;place-items:center;font-weight:950;letter-spacing:.08em;transform:rotate(-8deg);box-shadow:0 15px 35px rgba(0,0,0,.16)}
.welcome h2{color:var(--text);margin:17px 0 5px}.welcome p{font-size:12px;margin:0}
.side{position:fixed;z-index:60;left:12px;top:12px;bottom:12px;width:min(330px,calc(100% - 24px));padding:20px;border:1px solid var(--line);background:var(--surface);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:23px;box-shadow:var(--shadow);transform:translateX(-115%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.side.open{transform:translateX(0)}.side-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line);letter-spacing:.12em;font-size:12px}.side-head button{border:0;background:transparent;font-size:27px;cursor:pointer}
.side>button:not(.side-head button){width:100%;height:52px;margin-top:7px;text-align:left;border:1px solid transparent;background:transparent;border-radius:13px;padding:0 14px;display:flex;gap:13px;align-items:center;color:var(--muted);cursor:pointer}.side>button:hover{background:var(--soft);border-color:var(--line);color:var(--text)}
.side-bottom{position:absolute;bottom:21px;font-weight:900;letter-spacing:.2em;font-size:10px}.side-bottom small{font-size:7px;color:var(--muted)}
.scrim{position:fixed;z-index:55;inset:0;background:rgba(0,0,0,.25);backdrop-filter:blur(3px);display:none}.scrim.open{display:block}
.toast{position:fixed;z-index:100;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--text);color:var(--bg);padding:10px 15px;border-radius:12px;font-size:11px;font-weight:800;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:650px){
 main{width:calc(100% - 12px);margin-top:12px}.browser-header{margin:7px 7px 0;height:58px}
 .home{min-height:455px;border-radius:24px;padding:25px 13px}.logo3d{width:78px;height:78px}.logo-face{width:62px;height:62px;font-size:16px}
 h1{font-size:51px}.omnibox{height:57px;margin-top:25px}.go{height:45px;padding:0 16px}.omnibox input{font-size:13px}
 .browser{margin-top:12px;border-radius:21px}.toolbar{flex-wrap:wrap;padding:7px}.addressbar{order:2;flex-basis:100%}.page{height:430px}.tool{width:35px}
}
@media(max-width:390px){h1{font-size:45px}.engines button{padding:8px 10px}.engines button:nth-child(n+4){display:none}}