.browser{position:fixed;inset:0;z-index:324898;display:flex;flex-direction:column;background:var(--bg)}.browser[hidden]{display:none}body.browser-open{overflow:hidden}.browser-toolbar{display:flex;flex:0 0 auto;align-items:center;gap:var(--sp-2);height:var(--bar);padding:0 var(--sp-2)}.browser-nav,.browser-actions{display:flex;flex:1 1 0;min-width:max-content;align-items:center;gap:2px}.browser-actions{justify-content:flex-end}.browser-nav .browser-collapse{margin-right:var(--sp-2)}.browser-btn{position:relative;display:grid;width:var(--ctl-sm);height:var(--ctl-sm);place-items:center;padding:0;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);font-size:1rem;cursor:pointer;transition:background-color .13s var(--ease),color .13s var(--ease)}.browser-btn:hover:not(:disabled),.browser-btn:focus-visible:not(:disabled){background:var(--hover);color:var(--text-bright)}.browser-btn:active:not(:disabled){background:var(--press)}.browser-btn:focus-visible{outline:0;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--text-bright) 40%,transparent)}.browser-btn:disabled{opacity:.35;cursor:default}.browser-omnibox{display:flex;width:100%;max-width:36rem;min-width:0;align-items:center;gap:var(--sp-2);height:var(--ctl);padding:0 var(--sp-4);border:0;border-radius:var(--r-pill);background:var(--field);transition:background-color .13s var(--ease),box-shadow .13s var(--ease)}.browser-omnibox:hover{background:var(--field-hover)}.browser-omnibox:focus-within{background:var(--field);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 55%,transparent)}.browser-omnibox-icon{flex:0 0 auto;color:var(--text-muted);font-size:.9rem}.browser-url{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text-bright);font-size:var(--fs-md);font-family:inherit}.browser-url::placeholder{color:var(--text-muted)}.browser-spinner{width:14px;height:14px;flex:0 0 auto;border:2px solid var(--border-3);border-top-color:var(--accent);border-radius:50%;animation:browser-spin .7s linear infinite}.browser-spinner[hidden]{display:none}@keyframes browser-spin{to{transform:rotate(360deg)}}.browser-body{display:flex;flex:1;min-height:0;gap:var(--sp-2);padding:0 var(--sp-2) var(--sp-2)}.browser-sidebar{display:flex;width:200px;flex:0 0 auto;flex-direction:column;gap:2px;padding:var(--sp-2);border-radius:var(--r-lg);background:var(--bg-1);transition:width .16s var(--ease)}.browser-sidebar.is-collapsed{width:calc(var(--ctl) + var(--sp-4))}.browser-newtab{display:flex;flex:0 0 auto;align-items:center;gap:var(--sp-3);height:var(--ctl);margin-bottom:var(--sp-2);padding:0 var(--sp-3);border:0;border-radius:var(--r-pill);background:var(--hover);color:var(--text-2);font-family:inherit;font-size:var(--fs-md);cursor:pointer;transition:background-color .13s var(--ease),color .13s var(--ease)}.browser-newtab .icon{flex:0 0 auto;font-size:1rem}.browser-newtab:hover,.browser-newtab:focus-visible{background:var(--press);color:var(--text-bright);outline:0}.browser-newtab:focus-visible{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--text-bright) 40%,transparent)}.browser-sidebar.is-collapsed .browser-newtab,.browser-sidebar.is-collapsed .browser-tab{width:var(--ctl);height:var(--ctl);justify-content:center;padding:0;margin-inline:auto}.browser-sidebar.is-collapsed .browser-newtab-label,.browser-sidebar.is-collapsed .browser-tab-label,.browser-sidebar.is-collapsed .browser-tab-close{display:none}.browser-tabs{display:flex;flex:1;min-height:0;flex-direction:column;gap:2px;overflow-y:auto;scrollbar-width:none}.browser-tabs::-webkit-scrollbar{display:none}.browser-tab{display:flex;height:var(--ctl);flex:0 0 auto;align-items:center;gap:var(--sp-3);padding:0 var(--sp-2) 0 var(--sp-3);border-radius:var(--r-pill);color:var(--text-2);font-size:var(--fs-sm);cursor:default;transition:background-color .13s var(--ease),color .13s var(--ease)}.browser-tab:hover{background:var(--hover);color:var(--text-bright)}.browser-tab.is-active{background:var(--accent);color:var(--on-accent)}.browser-tab-icon{display:grid;width:16px;height:16px;flex:0 0 auto;place-items:center;font-size:var(--fs-md)}.browser-tab-icon img{width:16px;height:16px;border-radius:3px;object-fit:contain}.browser-tab-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.browser-tab-close{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;padding:0;border:0;border-radius:var(--r-pill);background:transparent;color:inherit;font-size:var(--fs-sm);opacity:0;cursor:pointer;transition:opacity .13s var(--ease),background-color .13s var(--ease)}.browser-tab:hover .browser-tab-close,.browser-tab.is-active .browser-tab-close{opacity:.7}.browser-tab-close:hover{background:var(--press);opacity:1}.browser-tab.is-active .browser-tab-close:hover{background:color-mix(in srgb,var(--on-accent) 16%,transparent)}.browser-frames{position:relative;flex:1;min-width:0;border-radius:var(--r-lg);background:var(--bg-1);box-shadow:var(--elev-1);overflow:hidden}.browser-pane{position:absolute;inset:0;display:none;overflow:auto}.browser-pane.is-active{display:block}.browser-pane>.homecontent,.browser-pane .search-shell{margin-inline:auto}.browser-iframe{width:100%;height:100%;border:0;background:#fff}.browser-extensions{display:flex;align-items:center;gap:2px;margin-right:var(--sp-1)}.browser-ext img{width:18px;height:18px;object-fit:contain}.browser-ext.is-open{background:var(--press)}.browser-ext-badge{position:absolute;right:-1px;bottom:-1px;min-width:14px;height:14px;padding:0 3px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-size:.6rem;font-weight:700;line-height:14px;text-align:center}.browser-popup{position:absolute;top:var(--bar);right:var(--sp-2);z-index:5;width:320px;height:120px;max-width:calc(100vw - var(--sp-4));border-radius:var(--r-md);background:var(--bg-1);box-shadow:var(--elev-2);overflow:hidden}.browser-popup[hidden]{display:none}.browser-popup-shield{position:absolute;inset:var(--bar) 0 0;z-index:4}.browser-popup-shield[hidden]{display:none}.browser-popup-frame{width:100%;height:100%;border:0}.browser-error{position:absolute;left:50%;bottom:var(--sp-5);display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-5);border-radius:var(--r-pill);background:var(--menu-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--elev-2);transform:translate(-50%)}.browser-error[hidden]{display:none}.browser-error-text{margin:0;color:var(--text);font-size:var(--fs-sm)}.browser-retry{height:var(--ctl-sm);padding:0 var(--sp-4);border:0;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;transition:filter .13s var(--ease)}.browser-retry:hover{filter:brightness(1.1)}.browser-retry:focus-visible{outline:2px solid var(--text-bright);outline-offset:2px}@media(max-width:640px){.browser-sidebar{width:calc(var(--ctl) + var(--sp-4))}.browser-newtab-label,.browser-tab-label,.browser-tab-close{display:none}.browser-newtab,.browser-tab{width:var(--ctl);height:var(--ctl);justify-content:center;padding:0;margin-inline:auto}.browser-collapse{display:none}}