@property --accent-color{syntax:"<color>";inherits:true;initial-value:#dda8e9}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:var(--bg-page,#121019);--bg-raised:#171224;--bg-glow:#5a4470;--surface:rgb(var(--accent-tint,252 244 255) / 4.5%);--surface-2:rgb(var(--accent-tint,252 244 255) / 8%);--surface-3:rgb(var(--accent-tint,252 244 255) / 13%);--surface-solid:#1a1424;--border:rgb(var(--accent-tint,252 244 255) / 11%);--border-soft:rgb(var(--accent-tint,252 244 255) / 7%);--border-2:rgb(var(--accent-tint,252 244 255) / 20%);--text:#ece8f4;--text-muted:#a19bb5;--text-faint:#6f6a85;--accent-color:#dda8e9;--accent-1:var(--accent-color);--accent-hover:#e7c4f0;--accent-soft:rgb(var(--accent-rgb) / .13);--accent-ring:rgb(var(--accent-rgb) / .45);--accent-glow:rgb(var(--accent-rgb) / .5);--accent-rgb:221 168 233;--accent-deep:#121019;--accent-ink:#3a2138;--accent-tint:252 244 255;--accent-contrast:#17171c;--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);--shadow-pop:0 18px 50px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,html.light{transition:--accent-color .35s var(--ease)}html.light{--bg:#fbf8fd;--bg-raised:#fff;--bg-glow:#c9b8d8;--surface:#ffffffa8;--surface-2:#ffffffd9;--surface-3:#fff;--surface-solid:#fff;--border:rgb(var(--accent-rgb) / 16%);--border-soft:rgb(var(--accent-rgb) / 10%);--border-2:rgb(var(--accent-rgb) / 28%);--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-glow:rgb(var(--accent-rgb) / .3);--accent-ring:rgb(var(--accent-rgb) / .4);--accent-deep:#3a2138;--accent-contrast:#fff;--danger:#b43636;--shadow-pop:0 18px 50px #23212829;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{height:100%}body{font-family:var(--font-ui);color:var(--text);background:radial-gradient(1200px 760px at 12% -12%, rgb(var(--accent-rgb) / .11), transparent 62%), radial-gradient(1000px 700px at 94% 112%, rgb(var(--accent-rgb) / .08), transparent 64%), radial-gradient(720px 560px at 78% -6%, var(--bg-glow,#5a4470) 0%, transparent 58%), var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:color .35s var(--ease);background-attachment:fixed;font-size:14px;display:flex;overflow:hidden}#root{z-index:0;position:relative}#root:before,#root:after{content:"";z-index:-1;pointer-events:none;filter:blur(80px);will-change:transform;border-radius:50%;position:fixed;transform:translateZ(0)}#root:before{background:radial-gradient(ellipse at 42% 44%, rgb(var(--accent-rgb) / .13), transparent 60%);animation:36s ease-in-out infinite alternate bg-drift;inset:-12% -18% -22% -14%}#root:after{background:radial-gradient(ellipse at 58% 58%, rgb(var(--accent-rgb) / .1), transparent 62%);animation:48s ease-in-out infinite alternate-reverse bg-drift;inset:-20% -14% -10% -18%}@keyframes bg-drift{0%{transform:translate(-4%,-3%)rotate(-3deg)scale(1)}50%{transform:translate(5%,4%)rotate(4deg)scale(1.1)}to{transform:translate(-2%,6%)rotate(-2deg)scale(.95)}}html.light #root:before{background:radial-gradient(ellipse at 42% 44%, rgb(var(--accent-rgb) / .08), transparent 60%)}html.light #root:after{background:radial-gradient(ellipse at 58% 58%, rgb(var(--accent-rgb) / .06), transparent 62%)}@media (prefers-reduced-motion:reduce){#root:before,#root:after{animation:none}}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);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-soft);background-clip:padding-box}: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-solid);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-solid);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);-webkit-font-smoothing:antialiased;background:0 0;font-family:Inter,Arial,sans-serif;position:relative;overflow:auto}.internal-loading{height:100%;color:var(--text-muted);background:0 0;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) / .17), 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-ink) / .55), 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);-webkit-backdrop-filter:blur(16px);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);-webkit-backdrop-filter:blur(16px);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:linear-gradient(120deg, rgb(var(--accent-rgb) / .2), rgb(var(--accent-rgb) / .07));color:var(--accent-1);font-weight:600}.settings-list{gap:10px;display:grid}.setting-row{border:1px solid var(--border-2);background:var(--surface);-webkit-backdrop-filter:blur(16px);transition:border-color .2s var(--ease), transform .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) / .28);transform:translateY(-1px)}.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);-webkit-backdrop-filter:blur(16px);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:linear-gradient(120deg, rgb(var(--accent-rgb) / .22), rgb(var(--accent-rgb) / .08));border:1px solid rgb(var(--accent-rgb) / .4);color:var(--accent-1)}.account-subscribe{background:linear-gradient(120deg, var(--accent-1), var(--accent-hover));height:34px;color:var(--accent-contrast);font:inherit;cursor:pointer;box-shadow:0 6px 18px rgb(var(--accent-rgb) / .25);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);-webkit-backdrop-filter:blur(18px);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);-webkit-backdrop-filter:blur(18px);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);-webkit-backdrop-filter:blur(18px);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-2);color:var(--text);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / .14), 0 8px 22px #00000038;will-change:transform}.tab.active:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-1), transparent);height:2px;box-shadow:0 0 14px var(--accent-glow);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);-webkit-backdrop-filter:blur(18px);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) / .1), 0 8px 24px #0000002e}.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:0 0;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);background:var(--surface-solid);-webkit-backdrop-filter:blur(24px);min-width:150px;box-shadow:var(--shadow-pop);z-index:30;border-radius:12px;flex-direction:column;padding:5px;display:flex;position:absolute;top:30px;right:0}.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)}