:root{--bg:#f3f3f5;--fg:#1d1d1f;--muted:#6e6e73;--border:#d2d2d7;--tab:#e5e5ea;--tab-active:#fff;--accent:#0a84ff}@media (prefers-color-scheme:dark){:root{--bg:#1c1c1e;--fg:#f2f2f7;--muted:#98989d;--border:#3a3a3c;--tab:#2c2c2e;--tab-active:#3a3a3c}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font:14px system-ui,sans-serif}html{height:100dvh}body{flex-direction:column;display:flex}#chrome{border-bottom:1px solid var(--border);flex:none;position:relative}#tabs{align-items:flex-end;gap:2px;padding:6px 8px 0;display:flex;overflow-x:auto}#tab-list{gap:2px;min-width:0;display:flex}.tab{background:var(--tab);cursor:default;-webkit-user-select:none;user-select:none;border-radius:8px 8px 0 0;align-items:center;gap:6px;min-width:80px;max-width:220px;padding:6px 8px;display:flex}.tab.active{background:var(--tab-active)}.tab .icon{object-fit:contain;flex:none;width:16px;height:16px}.tab .title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tab .recording{color:#d93025;font-size:11px}.tab .recording[hidden]{display:none}.tab .dialog-blocked{color:var(--muted);font-size:12px}.tab .dialog-blocked[hidden]{display:none}.tab .audio{color:var(--fg);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:13px;line-height:1}.tab .audio[hidden]{display:none}.tab .audio.muted{opacity:.7}.tab .close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px}button{font:inherit;color:inherit}#new-tab{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:4px 10px;font-size:18px}#extension-buttons{display:contents}#toolbar{background:var(--tab-active);align-items:center;gap:6px;padding:6px 8px;display:flex}#toolbar>button,#extension-buttons>button{cursor:pointer;background:0 0;border:none;border-radius:6px;width:32px;height:32px;font-size:16px}#toolbar>button:hover:not(:disabled),#extension-buttons>button:hover{background:var(--tab)}#toolbar>button:disabled{opacity:.35;cursor:default}#address-form{flex:1;min-width:0;position:relative}#security{color:var(--muted,#666);pointer-events:none;white-space:nowrap;font-size:12px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}#security.insecure{color:#c5221f}#address-form.with-security #address{padding-left:34px}#address-form.with-security.insecure #address{padding-left:92px}#address{border:1px solid var(--border);background:var(--bg);width:100%;height:32px;color:var(--fg);font:inherit;border-radius:16px;padding:0 14px}#address:focus{outline:2px solid var(--accent);outline-offset:-1px}#status{color:var(--muted);white-space:nowrap;font-size:12px}#progress{background:var(--accent);width:0;height:2px;transition:width .2s,opacity .4s;position:absolute;bottom:-1px;left:0}#viewport{background:#fff;flex:1;position:relative;overflow:hidden}#pages{position:absolute;inset:0}#pages:fullscreen{background:#000}#viewport.device{flex:0 1 var(--device-height);width:var(--device-width);max-width:100%;min-height:0;box-shadow:0 0 0 1px var(--border);align-self:center;margin:8px 0}#profile-notice{border-top:1px solid var(--border);color:#3d2f00;background:#fff4ce;align-items:center;gap:12px;padding:6px 12px;display:flex}#profile-notice[hidden]{display:none}#profile-notice span{flex:1}#profile-notice button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:4px 12px}#boot{z-index:5;text-align:center;color:var(--muted);background:var(--tab-active);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0}#boot[hidden]{display:none}#boot p{margin:0}#boot p:first-child:not(:only-child){color:var(--fg);font-size:16px;font-weight:600}#boot .detail{overflow-wrap:anywhere;max-width:560px;font-size:13px}#boot progress{width:min(320px,80%)}#boot .actions{gap:8px;margin-top:6px;display:flex}#boot button{border:1px solid var(--border);color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px}#boot button.primary{border-color:var(--accent);background:var(--accent);color:#fff}@media (width<=600px){#status{display:none}}@media (pointer:coarse){#toolbar>button{width:44px;height:44px}#address{min-height:40px;font-size:16px}#new-tab,.tab .close{min-width:44px;min-height:44px}}.bl-context-menu{z-index:10;border:1px solid var(--border);background:var(--tab-active);border-radius:8px;min-width:200px;padding:4px;position:fixed;box-shadow:0 6px 24px #0003}.bl-context-menu .bl-menu-item{width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;display:block}.bl-context-menu .bl-menu-item:hover:not(:disabled){background:var(--tab)}.bl-context-menu .bl-menu-item:disabled{opacity:.4;cursor:default}.bl-context-menu .bl-separator{border:none;border-top:1px solid var(--border);margin:4px 0}.bl-select-popup{z-index:11;border:1px solid var(--border);background:var(--tab-active);color:var(--fg);border-radius:6px;padding:4px 0;font-size:14px;position:fixed;overflow-y:auto;box-shadow:0 6px 24px #0003}.bl-select-popup .bl-option{white-space:pre;cursor:default;padding:4px 12px}.bl-select-popup .bl-option.bl-highlighted{background:var(--accent);color:#fff}.bl-select-popup .bl-option[aria-disabled=true]{opacity:.4}.bl-select-popup .bl-group{white-space:pre;padding:4px 8px;font-weight:600}.bl-select-popup .bl-separator{border:none;border-top:1px solid var(--border);margin:4px 0}.bl-host-picker{z-index:11;opacity:0;pointer-events:none;border:0;padding:0;position:fixed}.bl-picker-sheet{z-index:12;border:1px solid var(--border);background:var(--tab-active);color:var(--fg);border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex;box-shadow:0 8px 28px #00000038}.bl-file-sheet{top:88px;left:12px;right:12px}.bl-file-sheet .bl-host-picker{flex:1;min-width:0}.bl-picker-sheet .bl-host-picker{opacity:1;pointer-events:auto;border:1px solid var(--border);border-radius:6px;min-width:150px;padding:6px 8px;font-size:16px;position:static}.bl-picker-sheet button{padding:6px 12px;font-size:16px}.bl-link-status{z-index:9;border:1px solid var(--border);background:var(--tab-active);max-width:50%;color:var(--fg);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-bottom:0;border-left:0;border-top-right-radius:4px;padding:3px 8px;font-size:12px;position:fixed;bottom:0;left:0;overflow:hidden}.bl-link-status[hidden]{display:none}#find-bar{z-index:8;border:1px solid var(--border);background:var(--tab-active);color:var(--fg);border-radius:8px;align-items:center;gap:4px;padding:6px 8px;display:flex;position:absolute;top:8px;right:16px;box-shadow:0 4px 16px #00000026}#find-bar[hidden]{display:none}#find-input{border:1px solid var(--border);background:var(--bg,#fff);width:220px;color:var(--fg);font:inherit;border-radius:4px;padding:4px 6px}#find-count{min-width:60px;color:var(--muted);text-align:right;font-size:12px}#find-bar button{color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px}#find-bar button:hover{background:var(--tab)}#toolbar>#zoom{white-space:nowrap;border:1px solid var(--border);width:auto;height:auto;color:var(--fg);cursor:pointer;background:0 0;border-radius:10px;padding:2px 8px;font-size:12px}#toolbar>#zoom[hidden]{display:none}.bl-permission-prompt{z-index:12;border:1px solid var(--border);background:var(--tab-active);max-width:340px;color:var(--fg);border-radius:10px;padding:14px 16px;position:fixed;top:88px;left:16px;box-shadow:0 8px 28px #00000038}.bl-permission-prompt p{margin:0 0 12px;font-size:14px}.bl-permission-prompt button{border:1px solid var(--border);color:var(--fg);font:inherit;cursor:pointer;float:right;background:0 0;border-radius:6px;margin-left:8px;padding:6px 14px}.bl-permission-prompt .bl-allow{border-color:var(--accent);background:var(--accent);color:#fff}.bl-login-prompt{z-index:12;border:1px solid var(--border);background:var(--tab-active);width:340px;color:var(--fg);border-radius:10px;margin-left:-170px;padding:16px 18px;font-size:14px;position:fixed;top:88px;left:50%;box-shadow:0 8px 28px #00000038}.bl-login-prompt:after{content:"";clear:both;display:block}.bl-login-prompt h2{margin:0 0 6px;font-size:16px;font-weight:600}.bl-login-prompt .bl-origin,.bl-login-prompt .bl-not-private{overflow-wrap:anywhere;margin:0 0 10px}.bl-login-prompt .bl-not-private{color:var(--muted);font-size:12px}.bl-login-prompt label{margin-bottom:10px;display:block}.bl-login-prompt input{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--fg);font:inherit;background:0 0;border-radius:6px;margin-top:4px;padding:6px 8px;display:block}.bl-login-prompt .bl-cancel,.bl-login-prompt .bl-sign-in{border:1px solid var(--border);color:var(--fg);font:inherit;cursor:pointer;float:right;background:0 0;border-radius:6px;margin:4px 0 0 8px;padding:6px 14px}.bl-login-prompt .bl-sign-in{border-color:var(--accent);background:var(--accent);color:#fff}#bookmark,#menu-button{width:30px;height:28px;color:var(--fg);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:18px}#bookmark:hover,#menu-button:hover{background:var(--tab)}#bookmark.active{color:var(--accent)}#bookmark:disabled{opacity:.3;cursor:default}#side-panel{z-index:13;border-left:1px solid var(--border);background:var(--tab-active);width:min(380px,100vw);color:var(--fg);flex-direction:column;gap:6px;padding:12px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-6px 0 24px #00000026}#side-panel[hidden]{display:none}#side-panel header{justify-content:space-between;align-items:center;display:flex}#side-panel h2{margin:0;font-size:18px}.panel-close,.panel-remove{color:var(--fg);cursor:pointer;background:0 0;border:none;font-size:20px}.panel-search{border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;border-radius:6px;padding:6px 8px}.panel-list{flex-direction:column;gap:2px;display:flex}.panel-row{align-items:center;gap:8px;padding:2px 0;display:flex}.panel-link{min-width:0;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;flex:1;padding:6px 8px;display:flex}.panel-link:hover,.panel-menu-item:hover{background:var(--tab)}.panel-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.panel-url,.panel-time{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.panel-action{border:1px solid var(--border);color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:6px;align-self:flex-start;padding:5px 10px}.panel-menu-item{color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;padding:8px 10px;display:flex}.panel-menu-item kbd{color:var(--muted);font:12px inherit}.panel-empty{color:var(--muted)}#suggestions{z-index:14;border:1px solid var(--border);background:var(--tab-active);color:var(--fg);border-radius:8px;padding:4px 0;position:fixed;box-shadow:0 6px 24px #0000002e}#suggestions[hidden]{display:none}.suggestion{cursor:pointer;gap:12px;padding:6px 12px;display:flex}.suggestion:hover,.suggestion.selected{background:var(--tab)}.suggestion-title{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.suggestion-url{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}#print-preview{z-index:14;border:1px solid var(--border);background:var(--tab-active);color:var(--fg);border-radius:10px;flex-direction:column;display:flex;position:fixed;inset:24px;overflow:hidden;box-shadow:0 12px 40px #0000004d}#print-preview[hidden]{display:none}#print-preview header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 12px;display:flex}#print-preview .print-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}#print-preview button,#print-preview a{border:1px solid var(--border);color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;text-decoration:none}#print-preview .primary{border-color:var(--accent);background:var(--accent);color:#fff}#print-preview .print-close{border:none;padding:2px 8px;font-size:20px}#print-preview iframe{background:#525659;border:none;flex:1;width:100%}#settings{background:var(--bg);width:100%;max-width:none;height:100%;max-height:none;color:var(--fg);border:none;margin:0;padding:0;inset:0;overflow:hidden}#settings[open]{display:flex}#settings nav{border-right:1px solid var(--border);background:var(--tab-active);flex-direction:column;flex:none;gap:2px;width:220px;padding:16px 12px;display:flex}#settings nav h1{margin:0 8px 12px;font-size:20px}#settings nav button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px}#settings nav button:hover{background:var(--tab)}#settings nav button.active{background:var(--tab);color:var(--accent);font-weight:600}#settings .settings-content{flex:1;min-width:0;max-width:760px;padding:16px 24px 32px;overflow-y:auto}#settings h2{margin:4px 0 16px;font-size:20px}#settings h3{margin:24px 0 8px;font-size:15px}.settings-close{cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:10px;right:12px}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.settings-row>span{flex-direction:column;gap:2px;display:flex}.settings-row small,.settings-hint{color:var(--muted);font-size:12px}.settings-row select,.settings-row input[type=text]{border:1px solid var(--border);background:var(--tab-active);width:min(320px,55%);color:var(--fg);font:inherit;border-radius:6px;padding:6px 8px}.settings-row input:invalid{border-color:#c5221f}.settings-state{background:var(--tab-active);border-radius:8px;padding:10px 12px}.settings-state[data-state=connected]{border-left:4px solid #1e8e3e}.settings-state:not([data-state=connected]){border-left:4px solid #e8a400}.settings-error{color:#c5221f}.settings-facts{grid-template-columns:max-content 1fr;gap:6px 16px;margin:12px 0;display:grid}.settings-facts dt{color:var(--muted)}.settings-facts dd{margin:0}.settings-table{overflow-x:auto}.settings-table table{border-collapse:collapse;width:100%;font-size:13px}.settings-table th,.settings-table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:6px 8px}.settings-table th{color:var(--muted);font-weight:600}.settings-local{margin:0;padding:0;list-style:none}.settings-local li{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.settings-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.settings-actions button{border:1px solid var(--border);background:var(--tab-active);cursor:pointer;border-radius:6px;padding:6px 14px}.settings-actions button:disabled{opacity:.5;cursor:default}.settings-actions button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.settings-actions button.danger{color:#c5221f;border-color:#c5221f}@media (width<=700px){#settings[open]{flex-direction:column;overflow-y:auto}#settings nav{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;width:auto;padding:10px 48px 10px 12px}#settings nav h1{width:100%;margin:0 4px 6px}#settings .settings-content{padding:12px 16px 32px;overflow-y:visible}.settings-row{flex-direction:column;align-items:stretch;gap:6px}.settings-row select,.settings-row input[type=text]{width:100%}.settings-row input[type=checkbox]{align-self:flex-start}}#tab-count,#sheet-backdrop,.panel-toolbar{display:none}#tab-overview{z-index:13;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--bg);color:var(--fg);flex-direction:column;display:flex;position:fixed;inset:0}#tab-overview[hidden]{display:none}#tab-overview header{border-bottom:1px solid var(--border);background:var(--tab-active);justify-content:space-between;align-items:center;gap:8px;padding:0 4px;display:flex}#tab-overview header button{min-height:44px;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0 12px;font-size:16px}#tab-overview .overview-done{font-weight:600}.overview-count{color:var(--muted)}.overview-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:10px;padding:12px;display:grid;overflow-y:auto}.overview-card{border:1px solid var(--border);background:var(--tab-active);border-radius:12px;display:flex;position:relative}.overview-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.overview-open{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;min-height:96px;padding:12px 40px 12px 12px;display:flex}.overview-icon{object-fit:contain;width:20px;height:20px}.overview-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.overview-url{max-width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.overview-close{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:0;right:0}@media (width<=640px),(height<=500px){:root{--layout:compact}.bl-permission-prompt{top:auto;left:0;right:0;bottom:var(--keyboard-height,0px);max-width:560px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0 auto;font-size:16px;display:flex}.bl-permission-prompt p{flex-basis:100%;margin:0 0 4px;font-size:16px}.bl-permission-prompt button{float:none;min-width:96px;min-height:44px;margin:0}.bl-login-prompt{top:calc(env(safe-area-inset-top) + 8px);width:auto;max-width:420px;max-height:calc(var(--visible-height,100dvh) - env(safe-area-inset-top) - 16px);margin:0 auto;font-size:16px;left:8px;right:8px;overflow-y:auto}.bl-login-prompt input{min-height:44px;font-size:16px}.bl-login-prompt .bl-cancel,.bl-login-prompt .bl-sign-in{min-width:96px;min-height:44px}.bl-context-menu{max-height:calc(var(--visible-height,100dvh) - 8px);overflow-y:auto}.bl-context-menu .bl-menu-item{min-height:44px;padding:10px 16px;font-size:16px}.bl-select-popup .bl-option,.bl-select-popup .bl-group{padding:12px 16px;font-size:16px;line-height:20px}#chrome{padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);background:var(--tab-active)}body{-webkit-tap-highlight-color:transparent}#tabs,#forward,#reload,#bookmark,#zoom,#clear-data,#extension-buttons,#status{display:none}#toolbar{gap:2px;padding:4px}#toolbar>button:active:not(:disabled),#tab-overview button:active,.panel-icon:active:not(:disabled){background:var(--tab)}#toolbar>button{flex:none;width:44px;height:44px;font-size:20px}#tab-count{justify-content:center;align-items:center;display:flex}#tab-count span{border:2px solid;border-radius:6px;min-width:22px;height:22px;padding:0 3px;font-size:12px;font-weight:700;line-height:18px}#address{border-radius:20px;height:40px;font-size:16px}#security.insecure{font-size:0}#security.insecure:before{content:"⚠";font-size:16px}#address-form.with-security.insecure #address{padding-left:36px}#viewport{margin:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#viewport.device{width:auto;max-width:none;margin:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-shadow:none;flex:1;align-self:stretch}.suggestion{flex-direction:column;gap:2px;padding:8px 12px}#side-panel{top:auto;left:0;right:0;bottom:var(--keyboard-height,0px);width:auto;max-width:560px;max-height:calc(var(--visible-height,100dvh) - env(safe-area-inset-top) - 24px);padding:8px 12px calc(12px + env(safe-area-inset-bottom));border-left:none;border-top:1px solid var(--border);border-radius:14px 14px 0 0;margin:0 auto;box-shadow:0 -6px 24px #0003}#side-panel:not([hidden])+#sheet-backdrop{z-index:12;background:#00000059;display:block;position:fixed;inset:0}.panel-toolbar{border-bottom:1px solid var(--border);justify-content:space-around;padding-bottom:4px;display:flex}.panel-icon{width:64px;height:44px;color:var(--fg);cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:22px}.panel-icon:disabled{opacity:.35}.panel-icon.active{color:var(--accent)}.panel-close,.panel-remove{flex:none;width:44px;height:44px}.panel-menu-item,.panel-link,.panel-action{align-items:center;min-height:44px;font-size:16px}.panel-link{justify-content:center;align-items:stretch}.panel-menu-item kbd{display:none}.panel-search{min-height:44px;font-size:16px}#find-bar{border-width:0 0 1px;border-radius:0;padding:2px 4px 2px 8px;top:0;left:0;right:0}#find-input{flex:1;width:auto;min-width:0;height:40px;font-size:16px}#find-count{min-width:0}#find-bar button{width:44px;height:44px;font-size:18px}#print-preview{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border:none;border-radius:0;inset:0}#print-preview header{flex-wrap:wrap;gap:6px;padding:4px 4px 4px 12px}#print-preview button{min-height:44px}#settings{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.settings-close{top:calc(env(safe-area-inset-top) + 2px);right:calc(env(safe-area-inset-right) + 2px);width:44px;height:44px}}
