@property --accent-color{syntax:"<color>";inherits:true;initial-value:#dda8e9}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111016;--surface:#1a182099;--surface-solid:#1a1820;--surface-2:#23202b;--surface-3:#2c2836;--border:#e1bceb14;--border-soft:#e1bceb0d;--border-2:#e1bceb26;--text:#e7e7e9;--text-muted:#99999f;--text-faint:#696a73;--accent-color:#dda8e9;--accent-1:var(--accent-color);--accent-hover:#e7c4f0;--accent-soft:rgb(var(--accent-rgb) / .12);--accent-ring:rgb(var(--accent-rgb) / .45);--accent-rgb:221 168 233;--accent-contrast:#241529;--danger:#ed8b8b;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Inter Tight", "Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:14px;--radius-sm:10px;--radius-xs:6px;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,html.light{transition:--accent-color .35s var(--ease)}html.light{--bg:#f7f6fa;--surface:#ffffffb8;--surface-solid:#fff;--surface-2:#f0eff4;--surface-3:#e6e4ec;--border:#14101c12;--border-soft:#14101c0b;--border-2:#14101c21;--text:#232128;--text-muted:#73737c;--text-faint:#9898a0;--accent-color:#a24fb5;--accent-hover:#b45fc6;--accent-rgb:162 79 181;--accent-soft:rgb(var(--accent-rgb) / .1);--accent-contrast:#fff;--accent-ring:rgb(var(--accent-rgb) / .4);--danger:#b43636;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{height:100%}body{font-family:var(--font-ui);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color .35s var(--ease), color .35s var(--ease);font-size:14px;display:flex;overflow:hidden}svg[data-lucide]{stroke-width:2px;flex-shrink:0;width:18px;height:18px;display:block}::selection{background:var(--accent-soft);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border:3px solid var(--bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}html.light :focus-visible{outline-color:var(--accent-ring)}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);z-index:4000;border:1px solid var(--border-2);background:var(--surface-3);color:var(--text);font-family:var(--font-ui);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s var(--ease), transform .12s var(--ease);border-radius:8px;padding:5px 9px;font-size:11.5px;font-weight:500;line-height:1;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px)scale(.96);box-shadow:0 6px 20px #0000004d}[data-tip]:hover:after{opacity:1;transition:opacity .18s var(--ease) .3s, transform .22s var(--ease) .3s;transform:translate(-50%)scale(1)}[data-tip]:before{content:"";z-index:4000;background:var(--surface-3);border-right:1px solid var(--border-2);border-bottom:1px solid var(--border-2);pointer-events:none;opacity:0;width:6px;height:6px;transition:opacity .12s var(--ease), transform .12s var(--ease);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%,4px)rotate(45deg)}[data-tip]:hover:before{opacity:1;transition:opacity .18s var(--ease) .3s, transform .22s var(--ease) .3s;transform:translate(-50%)rotate(45deg)}.top-icons [data-tip]:after,.bottom-icons [data-tip]:after{bottom:50%;left:calc(100% + 12px);transform:translate(-4px,50%)scale(.96)}.top-icons [data-tip]:hover:after,.bottom-icons [data-tip]:hover:after{transform:translateY(50%)scale(1)}.top-icons [data-tip]:before,.bottom-icons [data-tip]:before{bottom:50%;left:calc(100% + 9px);transform:translate(-4px,-50%)rotate(-45deg)}.top-icons [data-tip]:hover:before,.bottom-icons [data-tip]:hover:before{transform:translateY(-50%)rotate(-45deg)}.proxy-host{width:100%;height:100%}.notice-overlay{z-index:2000;-webkit-backdrop-filter:blur(6px);animation:notice-fade .25s var(--ease) both;background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.notice-box{border:1px solid var(--border-2);background:var(--surface-solid);text-align:center;width:min(400px,100%);animation:notice-pop .3s var(--ease) both;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:28px 24px 24px;display:flex;box-shadow:0 30px 80px #00000073}.notice-icon{border:1px solid rgb(var(--accent-rgb) / .3);background:var(--accent-soft);width:52px;height:52px;color:var(--accent-1);border-radius:16px;place-items:center;display:grid}.notice-icon svg{width:24px;height:24px}.notice-box h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:17px;font-weight:600}.notice-text{color:var(--text-muted);font-size:13px;line-height:1.6}.notice-box .account-submit{width:100%;margin-top:6px}@keyframes notice-fade{0%{opacity:0}to{opacity:1}}@keyframes notice-pop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.notice-overlay,.notice-box{animation:none}}.legacy-frame,.games-frame{background:var(--bg);border:0;width:100%;height:100%;display:block}.internal,.internal *{box-sizing:border-box}.internal{width:100%;height:100%;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,Arial,sans-serif;position:relative;overflow:auto}.internal-loading{background:var(--bg);height:100%;color:var(--text-muted);place-items:center;display:grid}.ambient{z-index:0;pointer-events:none;filter:blur(70px);background:radial-gradient(ellipse at 42% 44%, rgb(var(--accent-rgb) / .14), transparent 60%);transition:background .5s var(--ease);border-radius:50%;animation:32s ease-in-out infinite alternate ambient-drift;position:fixed;inset:12% 18%;transform:translateZ(0)}.ambient:after{content:"";background:radial-gradient(ellipse at 58% 56%, rgb(var(--accent-rgb) / .09), transparent 62%);border-radius:50%;animation:44s ease-in-out infinite alternate-reverse ambient-drift;position:absolute;inset:12% 14%}@keyframes ambient-drift{0%{transform:translate(-4%,-3%)rotate(-4deg)scale(1)}50%{transform:translate(5%,4%)rotate(5deg)scale(1.12)}to{transform:translate(-2%,6%)rotate(-2deg)scale(.94)}}.settings-page button{border:1px solid var(--border);min-width:0;color:var(--text);background:var(--surface-2);font:inherit;border-radius:6px;padding:8px 10px}.legal-page{padding:56px 20px 90px}.legal-page article{z-index:1;width:min(620px,100%);margin:auto;position:relative}.legal-page header{border-bottom:1px solid var(--border);margin-bottom:36px;padding-bottom:20px}.legal-page h1{margin:2px 0;font-size:26px}.legal-page h2{font-size:17px}.legal-page h3{font-size:14px}.legal-page p,.legal-page li{color:var(--text-muted);line-height:1.7}.legal-page section{margin-bottom:36px}.legal-page small,.legal-page footer{color:var(--text-faint)}.contact-box{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-top:20px;padding:16px}.legal-page a{color:var(--accent-1)}.settings-page{padding:40px 20px;display:flex}.settings-content{z-index:1;width:min(560px,100%);margin:auto;position:relative}.settings-content h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:26px;font-weight:700}.settings-nav{border:1px solid var(--border-2);background:var(--surface);border-radius:12px;gap:4px;width:fit-content;margin:18px 0;padding:4px;display:flex}.settings-nav button{color:var(--text-muted);font:inherit;cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border:0;border-radius:9px;padding:7px 14px;font-size:12.5px;font-weight:500}.settings-nav button:hover{color:var(--text);background:var(--surface-2)}.settings-nav button.active{background:var(--accent-soft);color:var(--accent-1);font-weight:600}.settings-list{gap:10px;display:grid}.setting-row{border:1px solid var(--border-2);background:var(--surface);transition:border-color .2s var(--ease);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;display:flex}.setting-row:hover{border-color:rgb(var(--accent-rgb) / .22)}.setting-info{flex-direction:column;gap:3px;min-width:0;display:flex}.setting-name{color:var(--text);font-size:13.5px;font-weight:600}.setting-desc{color:var(--text-faint);font-size:12px;line-height:1.45}.settings-run{border:1px solid var(--border-2);background:var(--surface-2);height:34px;color:var(--text);font:inherit;cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);border-radius:10px;flex-shrink:0;padding:0 14px;font-size:12.5px;font-weight:500}.settings-run:hover{background:var(--accent-soft);color:var(--accent-1);border-color:rgb(var(--accent-rgb) / .4)}.accent-swatches{flex-shrink:0;align-items:center;gap:8px;display:flex}.swatch{cursor:pointer;width:22px;height:22px;transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease);border:2px solid #0000;border-radius:50%;padding:0}.swatch:not(:hover){box-shadow:none;transition:none;transform:none}.swatch:hover{transform:scale(1.12)}.swatch.active{border-color:var(--text);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .25);transform:scale(1.05)}.setting-warning{color:#ffb86b;font-size:12px;line-height:1.5}.cloak-row{gap:20px;padding:18px 20px}.cloak-btn{border-radius:11px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 16px;display:inline-flex}.cloak-btn svg{width:14px;height:14px}.account-page{padding:40px 20px;display:flex}.account-content{z-index:1;gap:10px;width:min(560px,100%);margin:auto;display:grid;position:relative}.account-content h1{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:18px;font-size:26px;font-weight:700}.account-loading{place-items:center;display:grid}.account-spinner{animation:.9s linear infinite account-spin;width:16px!important;height:16px!important}.account-spinner.large{color:var(--accent-1);width:28px!important;height:28px!important}@keyframes account-spin{to{transform:rotate(360deg)}}.account-auth{border:1px solid var(--border-2);background:var(--surface);border-radius:14px;gap:10px;padding:20px;display:grid}.account-auth h2{letter-spacing:-.01em;font-size:17px;font-weight:600}.account-auth-sub{color:var(--text-faint);font-size:12.5px}.account-form{gap:10px;display:grid}.account-form input{border:1px solid var(--border-2);background:var(--surface-2);min-width:0;height:40px;color:var(--text);font:inherit;transition:border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:10px;outline:none;padding:0 13px;font-size:13px}.account-form input:focus{border-color:rgb(var(--accent-rgb) / .55);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .12)}.account-submit{background:var(--accent-1);height:40px;color:var(--accent-contrast);font:inherit;cursor:pointer;transition:filter .2s var(--ease), transform .2s var(--ease);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.account-submit:hover:not(:disabled){filter:brightness(1.08)}.account-submit:disabled{opacity:.65;cursor:default}.account-switch{color:var(--text-faint);font:inherit;cursor:pointer;text-align:left;transition:color .2s var(--ease);background:0 0;border:0;padding:4px 0;font-size:12px}.account-switch:hover{color:var(--accent-1)}.account-error{color:var(--danger);font-size:12px;line-height:1.5}.account-notice{color:var(--accent-1);font-size:12px;line-height:1.5}.account-error-banner{color:var(--danger);background:#ed8b8b14;border:1px solid #ed8b8b59;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12.5px;display:flex}.account-error-banner button{color:var(--danger);font:inherit;cursor:pointer;transition:background .2s var(--ease);background:0 0;border:1px solid #ed8b8b66;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:500}.account-error-banner button:hover{background:#ed8b8b1f}.account-card{transition:border-color .2s var(--ease)}.account-signout{border:1px solid var(--border-2);background:var(--surface-2);height:34px;color:var(--text);font:inherit;cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);border-radius:10px;flex-shrink:0;align-items:center;gap:7px;padding:0 14px;font-size:12.5px;font-weight:500;display:flex}.account-signout:hover{color:var(--danger);background:#ed8b8b1a;border-color:#ed8b8b66}.account-signout svg{width:14px;height:14px}.account-mono{font-family:var(--font-mono);word-break:break-all;font-size:11px}.account-plan-side{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;max-width:60%;display:flex}.account-plan-side .account-spinner.large{color:var(--text-faint)}.account-password-form{flex-shrink:0;gap:8px;width:200px;display:grid}.account-password-form input{border:1px solid var(--border-2);background:var(--surface-2);height:34px;color:var(--text);font:inherit;transition:border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:9px;outline:none;padding:0 11px;font-size:12px}.account-password-form input:focus{border-color:rgb(var(--accent-rgb) / .55);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .12)}.account-password-form .settings-run{justify-content:center;align-items:center;gap:7px;display:flex}.account-password-form .settings-run:disabled{opacity:.65;cursor:default}.plan-badge{letter-spacing:.04em;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:600}.plan-badge.free{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text-muted)}.plan-badge.plus{background:var(--accent-soft);border:1px solid rgb(var(--accent-rgb) / .35);color:var(--accent-1)}.account-subscribe{background:var(--accent-1);height:34px;color:var(--accent-contrast);font:inherit;cursor:pointer;transition:filter .2s var(--ease);border:0;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:0 14px;font-size:12.5px;font-weight:600;display:flex}.account-subscribe:hover:not(:disabled){filter:brightness(1.08)}.account-subscribe:disabled{opacity:.65;cursor:default}.left-sidebar{z-index:1000;background:var(--surface-solid);border-right:1px solid var(--border-soft);width:43px;height:100vh;transition:width .3s var(--ease), transform .3s var(--ease), opacity .3s var(--ease);flex-direction:column;align-items:center;padding:12px 0;display:flex;position:fixed;top:0;left:0}.left-sidebar.collapsed{border-right:none;width:0;overflow:hidden}.top-icons,.bottom-icons{flex-direction:column;align-items:center;gap:14px;display:flex}.top-icons .icon-btn,.bottom-icons .icon-btn{width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);border-radius:9px;justify-content:center;align-items:center;display:flex}.top-icons .icon-btn:hover,.bottom-icons .icon-btn:hover{background:var(--accent-soft);color:var(--accent-1);transform:scale(1.08)}.top-icons .icon-btn svg,.bottom-icons .icon-btn svg{width:18px;height:18px}.spacer{flex:1}.divider{background:var(--border-2);width:56%;height:1px;margin:14px 0}.sidebar-toggle{z-index:1001;border:1px solid var(--border);background:var(--surface-2);width:18px;height:36px;color:var(--text-faint);font-family:var(--font-ui);cursor:pointer;transition:left .3s var(--ease), background .2s var(--ease), color .2s var(--ease);border-left:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:flex;position:fixed;top:50%;left:43px;transform:translateY(-50%)}.sidebar-toggle:hover{background:var(--accent-soft);color:var(--accent-1)}.sidebar-toggle.collapsed{left:0}.vertical-sidebar-menu{z-index:1001;background:var(--surface-solid);border-right:1px solid var(--border-soft);width:220px;transition:width .3s var(--ease), padding .3s var(--ease);flex-direction:column;gap:6px;padding:10px 8px;display:flex;position:fixed;bottom:0;left:0;overflow:hidden}.vertical-sidebar-menu.collapsed{align-items:center;width:60px;padding:10px 0}.vertical-sidebar-menu.collapsed span{display:none}.vertical-sidebar-menu .new-tab-btn{border-radius:var(--radius-sm);background:var(--surface-2);width:100%;height:34px;color:var(--text);cursor:pointer;transition:background .2s var(--ease);border:none;justify-content:center;align-items:center;display:flex}.vertical-sidebar-menu .new-tab-btn:hover{background:var(--accent-soft);color:var(--accent-1)}.vertical-sidebar-menu.collapsed .new-tab-btn{justify-content:center;gap:0;width:40px;height:40px;margin:0 auto;padding:0}.vertical-sidebar-menu.collapsed .new-tab-btn svg{margin:0 auto}.vertical-sidebar-menu .new-tab-btn svg{flex-shrink:0;width:18px;height:18px}.vertical-menu-section{flex-direction:column;gap:2px;width:100%;display:flex}.vertical-menu-section button{width:100%;height:34px;color:var(--text-muted);font-family:var(--font-ui);text-align:left;cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border:none;border-radius:9px;align-items:center;gap:11px;padding:0 10px;font-size:12px;font-weight:500;display:flex}.vertical-sidebar-menu.collapsed .vertical-menu-section button{justify-content:center;gap:0;width:40px;height:40px;margin:0 auto;padding:0}.vertical-sidebar-menu.collapsed .vertical-menu-section button svg{margin:0 auto}.vertical-menu-section button:hover{background:var(--accent-soft);color:var(--accent-1)}.vertical-menu-section button svg{flex-shrink:0;width:17px;height:17px}.vertical-menu-divider{background:var(--border-2);width:calc(100% - 16px);height:1px;transition:width .3s var(--ease), margin .3s var(--ease);margin:4px 8px}.vertical-sidebar-menu.collapsed .vertical-menu-divider{width:60%;margin:4px 0}.vertical-sidebar-menu~.sidebar-toggle{transition:left .3s var(--ease), background .2s var(--ease), color .2s var(--ease);left:220px}.vertical-sidebar-menu.collapsed~.sidebar-toggle{left:60px}@media (width<=700px){.vertical-sidebar-menu{width:190px}.vertical-sidebar-menu~.sidebar-toggle{left:190px}}@media (prefers-reduced-motion:reduce){.left-sidebar,.sidebar-toggle,.vertical-sidebar-menu,.top-icons svg,.bottom-icons svg{transition:none}}.browser-chrome{width:calc(100vw - 43px);height:100vh;transition:margin-left .3s var(--ease), width .3s var(--ease);flex-direction:column;margin-left:43px;display:flex;position:relative}.left-sidebar.collapsed~.browser-chrome{width:100vw;margin-left:0}.tab-strip{background:var(--surface);border-bottom:1px solid var(--border-soft);flex-shrink:0;align-items:center;gap:4px;height:40px;padding:0 6px;display:flex}.tab-strip .new-tab-btn{border-radius:var(--radius-xs);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);background:0 0;border:none;justify-content:center;align-items:center;margin:0 4px;display:flex}.tab-strip .new-tab-btn:hover{background:var(--surface-2);color:var(--text);transform:scale(1.05)}.tab-strip .new-tab-btn svg{width:16px;height:16px}.tabs-list{scrollbar-width:none;-webkit-user-select:none;user-select:none;align-items:stretch;height:100%;display:flex;overflow-x:auto}.tabs-list::-webkit-scrollbar{display:none}.tab{border-radius:var(--radius-sm);min-width:200px;max-width:260px;height:30px;color:var(--text-muted);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);transform-origin:0;animation:tabOpen .3s var(--ease) forwards;background:0 0;align-items:center;gap:8px;margin:5px 1px;padding:0 11px;display:flex;position:relative}@keyframes tabOpen{0%{opacity:0;max-width:0;padding:0;transform:scaleX(.8)}to{opacity:1;max-width:260px;transform:scaleX(1)}}.tab.tab-closing{animation:tabClose .26s var(--ease) forwards;pointer-events:none}@keyframes tabClose{to{opacity:0;min-width:0;max-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0;transform:scaleX(.55)translateY(3px)}}.tab:hover{background:var(--surface-2);color:var(--text)}.tab.active{background:var(--surface-3);color:var(--text);will-change:transform;box-shadow:inset 0 1px #e1bceb0f,0 6px 16px #0000002e}.tab.active:after{content:"";background:var(--accent-1);height:2px;box-shadow:0 0 12px rgb(var(--accent-rgb) / .6);border-radius:2px;position:absolute;bottom:-6px;left:12px;right:12px}.tab-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.favicon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.favicon img,.favicon svg{object-fit:contain;width:100%;height:100%}.tab-close{width:20px;height:20px;color:var(--text-faint);transition:background .15s var(--ease), color .15s var(--ease);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.tab-close svg{width:12px;height:12px}.tab-close:hover{color:var(--danger);background:#ed8b8b24}.browser-chrome.vertical-tabs{width:100vw;transition:grid-template-columns .3s var(--ease);grid-template-rows:44px minmax(0,1fr);grid-template-columns:220px minmax(0,1fr);margin-left:0;display:grid}.vertical-sidebar-menu.collapsed~.browser-chrome.vertical-tabs{grid-template-columns:60px minmax(0,1fr)}.vertical-tabs .tab-strip{border-right:1px solid var(--border-soft);border-bottom:none;flex-direction:column;grid-area:1/1/span 2;align-items:stretch;gap:4px;width:100%;min-width:0;height:auto;min-height:0;padding:8px;display:flex}.vertical-tabs .tabs-list{flex-direction:column;flex:1;align-items:stretch;gap:3px;width:100%;min-width:0;height:auto;min-height:0;overflow:hidden auto}.vertical-tabs .tab{border-radius:var(--radius-sm);transform-origin:top;width:100%;min-width:0;max-width:none;height:36px;min-height:36px;animation:tabOpenVertical .3s var(--ease) forwards;flex-shrink:0;margin:0;padding:0 10px}@keyframes tabOpenVertical{0%{opacity:0;min-height:0;max-height:0;padding:0;transform:scaleY(.8)}to{opacity:1;min-height:36px;max-height:36px;transform:scaleY(1)}}.vertical-tabs .tab.tab-closing{animation:tabCloseVertical .26s var(--ease) forwards}@keyframes tabCloseVertical{to{opacity:0;min-height:0;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:scaleY(.4)}}.vertical-tabs .tab.active:after{border-radius:2px;width:2px;height:auto;inset:9px 0 9px auto}.vertical-tabs .topbar{grid-area:1/2}.vertical-tabs .view-area{grid-area:2/2;min-width:0;min-height:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border-soft);flex-shrink:0;align-items:center;gap:10px;height:46px;padding:0 14px;display:flex}.topbar .icon-btn{color:var(--text-muted);cursor:pointer;transition:color .2s var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:flex}.topbar .icon-btn:hover{color:var(--text)}.topbar .icon-btn svg{width:18px;height:18px}.urlbar-searching{width:18px;height:18px;color:var(--text-muted);flex-shrink:0;margin-left:10px;padding:0}.urlbar{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);min-width:0;height:32px;transition:border-color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);flex:1;align-items:center;display:flex;position:relative}.urlbar:focus-within{border-color:rgb(var(--accent-rgb) / 45%);background:var(--surface-3);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .08)}.urlbar input{width:100%;min-width:0;height:100%;color:var(--text);font-family:var(--font-ui);background:0 0;border:none;outline:none;padding:0 10px;font-size:13px}.urlbar input::placeholder{color:var(--text-faint)}.view-area{background:var(--bg);flex:1;min-height:0;position:relative;overflow:hidden}.view-container{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.sj-frame{border:0;width:100%;height:100%;display:block}.search-engine{display:flex;position:relative}.search-engine-trigger{width:38px;height:24px;color:var(--text-faint);cursor:pointer;transition:background .15s var(--ease);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:2px;padding:2px;display:flex}.search-engine.icon-only .search-engine-trigger{cursor:default}.search-engine-trigger span{font-size:16px;line-height:1}.search-engine-trigger:hover{background:var(--surface-2)}.search-engine img{object-fit:contain;border-radius:4px;width:16px;height:16px;display:block}.search-engine-menu{border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface-solid);z-index:30;flex-direction:column;min-width:150px;padding:5px;display:flex;position:absolute;top:30px;right:0;box-shadow:0 16px 44px #0006}.search-engine-menu button{color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .15s var(--ease);background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 9px;font-size:12px;display:flex}.search-engine-menu button:hover{background:var(--accent-soft)}
