.cp,.cp-menu,.cp-dialog,.cp-dialog-bg{--cp-bg:var(--t-bg,var(--k-surface));--cp-card:var(--t-card,var(--k-card));--cp-text:var(--cr-text);--cp-text2:var(--cr-icon);--cp-sep:rgba(255,255,255,.1);--cp-primary:var(--t-primary,#a8c7fa);--cp-on-primary:var(--t-on-primary,#062e6f);--cp-tonal:var(--t-tonal,#004a77);--cp-on-tonal:var(--t-on-tonal,#c2e7ff);--cp-hover:rgba(255,255,255,.08);--cp-active:rgba(255,255,255,.12);--cp-error:#f28b82}
.cp{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--cp-bg);color:var(--cr-text);font:13px/20px Roboto,system-ui,sans-serif;overflow:hidden}
.cp-menu,.cp-dialog{font:13px/20px Roboto,system-ui,sans-serif;color:var(--cr-text)}
.cp-menu,.cp-menu *,.cp-dialog,.cp-dialog *{font-family:Roboto,system-ui,sans-serif!important;box-sizing:border-box}
.cp-dialog h2{font-weight:500!important}
.cp-dialog .cp-btn,.cp-menu button{font-weight:500!important}
.cp-menu button{font-weight:400!important}
.cp-dialog button{font:inherit;color:inherit}
.cp-dialog a{color:var(--cp-primary)}
.cp-dialog .cp-field input{font:inherit}
.cp,.cp *{box-sizing:border-box}
#root .cp,#root .cp *{font-family:Roboto,system-ui,sans-serif!important}
#root .cp .w5{font-weight:500!important}
#root .cp .w4{font-weight:400!important}
.cp svg{flex-shrink:0}
.cp button{font:inherit;color:inherit;cursor:default}
.cp a{color:var(--cp-primary);text-decoration:none}
.cp a:hover{text-decoration:underline}

.cp-toolbar{height:56px;display:flex;align-items:center;flex-shrink:0;color:var(--cp-text2);position:relative}
.cp-toolbar-left{display:flex;align-items:center;width:256px;padding-inline-start:18px;flex-shrink:0}
.cp-toolbar h1{margin:0 0 0 6px;font-size:22px;line-height:normal;letter-spacing:.25px;color:var(--cp-text)}
#root .cp-toolbar h1{font-weight:500!important}
.cp-toolbar-center{flex:1 1 960px;display:flex;justify-content:center;min-width:0}
.cp-toolbar-right{flex:1 1 0;display:flex;justify-content:flex-end;align-items:center;padding-inline-end:12px;gap:8px;min-width:0}
.cp-search{display:flex;align-items:center;gap:8px;width:100%;max-width:680px;height:40px;padding:0 6px 0 12px;border-radius:20px;background:#2d2e30;color:var(--cp-text2)}
.cp-search:focus-within{background:#2d2e30;box-shadow:inset 0 0 0 2px var(--cp-primary)}
.cp-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font:inherit;font-size:12px;line-height:185%}
#root .cp-search input{font-weight:500!important}
.cp-search input::placeholder{color:var(--cp-text2)}
.cp-search svg{color:var(--cp-text2)}
.cp-iconbtn{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--cp-text2);display:grid;place-items:center;flex-shrink:0}
.cp-iconbtn:hover{background:var(--cp-hover)}
.cp-iconbtn:active{background:var(--cp-active)}
.cp-iconbtn.sm{width:24px;height:24px}

.cp-main{flex:1;display:flex;min-height:0}
.cp-side{width:256px;flex-shrink:0;overflow:auto;display:flex;flex-direction:column;padding-top:8px;user-select:none}
.cp .cp-nav{display:flex;align-items:center;gap:20px;height:40px;margin:0 0 0 0;padding:0 16px 0 24px;border-radius:0 100px 100px 0;color:var(--cp-text);text-decoration:none!important;position:relative;cursor:default}
#root .cp-nav{font-weight:500!important;font-size:13px}
.cp-nav svg{color:var(--cp-text2);width:20px;height:20px}
.cp .cp-nav:hover{background:var(--cp-hover)}
.cp .cp-nav.sel{background:var(--cp-tonal);color:var(--cp-on-tonal)}
.cp .cp-nav.sel svg{color:var(--cp-on-tonal)}
.cp-nav .ext{margin-inline-start:auto;width:16px;height:16px}
.cp-sep{height:1px;background:var(--cp-sep);margin:8px 0;flex-shrink:0}
.cp-spacer{flex:1}
.cp-foot{padding:24px 16px 24px 24px;color:var(--cr-dim);font-size:12px;line-height:18px}
.cp-content{flex:1;min-width:0;overflow:auto;scrollbar-gutter:stable}
.cp-content::-webkit-scrollbar{width:12px}
.cp-content::-webkit-scrollbar-thumb{background:#5f6368;border:3px solid transparent;background-clip:padding-box;border-radius:8px}
.cp-content::-webkit-scrollbar-track{background:transparent}

.cp-card{border:1px solid var(--cp-sep);border-radius:8px;background:transparent}
.cp-btn{height:36px;padding:0 16px;border-radius:18px;border:1px solid #8e918f;background:transparent;color:var(--cp-primary);font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
#root .cp-btn{font-weight:500!important}
.cp-btn:hover{background:rgba(168,199,250,.08)}
.cp-btn.action{background:var(--cp-primary);color:var(--cp-on-primary);border-color:transparent}
.cp-btn.action:hover{background:#b9d0fb;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.cp-btn.text{border-color:transparent}
.cp-btn:disabled{opacity:.38}
.cp-check{width:18px;height:18px;border:2px solid var(--cp-text2);border-radius:2px;display:grid;place-items:center;flex-shrink:0;background:transparent;color:#062e6f}
.cp-check.on{background:var(--cp-primary);border-color:var(--cp-primary)}
.cp-toggle{width:34px;height:14px;border-radius:7px;background:#8e918f;position:relative;border:0;flex-shrink:0;transition:background .1s}
.cp-toggle::after{content:'';position:absolute;top:-3px;left:-1px;width:20px;height:20px;border-radius:50%;background:var(--cr-text);box-shadow:0 1px 3px rgba(0,0,0,.4);transition:transform .1s,background .1s}
.cp-toggle.on{background:#4c6a98}
.cp-toggle.on::after{transform:translateX(16px);background:var(--cp-primary)}
.cp-menu{position:fixed;min-width:180px;padding:8px 0;background:var(--k-surface);border:1px solid var(--k-div);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.45),0 8px 24px rgba(0,0,0,.35);z-index:9998;animation:crPop var(--pop-dur) var(--pop-ease) both;transform-origin:top right}
.cp-menu button{display:block;width:100%;height:32px;padding:0 16px;border:0;background:transparent;color:var(--cp-text);text-align:left;font-size:13px}
.cp-menu button:hover{background:var(--cp-hover)}
.cp-dialog-bg{position:fixed;inset:0;background:rgba(0,0,0,.5);display:grid;place-items:center;z-index:9997}
.cp-dialog{width:512px;max-width:calc(100vw - 32px);background:var(--k-surface);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.6);animation:crPop var(--pop-dur) var(--pop-ease) both}
.cp-dialog h2{margin:0;padding:20px 20px 8px;font-size:15px;line-height:22px;color:var(--cp-text)}
#root .cp-dialog h2{font-weight:500!important}
.cp-dialog .body{padding:8px 20px 12px;color:var(--cp-text2)}
.cp-dialog .btns{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 20px}
.cp-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:260px;color:var(--cp-text2);font-size:108%}
#root .cp-empty{font-weight:500!important}

/* history */
.cp-history .cards{margin:0 auto;max-width:960px;min-width:550px;padding:0 24px 48px;width:100%}
.cp-history .cards.first{padding-top:24px}
.cp-history .hcard{border:1px solid var(--cp-sep);border-radius:8px;margin-bottom:16px;padding-bottom:8px}
.cp-history .hcard-title{font-size:16px;line-height:24px;padding:23px 24px 13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--cp-text)}
#root .cp-history .hcard-title{font-weight:500!important}
.cp-history .hitem{display:flex;align-items:center;min-height:36px;padding-inline-start:14px;position:relative}
.cp-history .hitem:hover{background:var(--cr-hover)}
.cp-history .hitem.sel{background:rgba(168,199,250,.12)}
.cp-history .hcheck{margin:0 10px;display:grid;place-items:center;height:36px}
.cp-history .htime{font-size:12px;min-width:96px;margin-inline-start:6px;color:var(--cp-text2);display:flex;align-items:center;height:36px}
.cp-history .hinfo{flex:1;min-width:0;display:flex;align-items:center;height:36px;padding-inline-start:5px}
.cp-history .hicon{width:24px;height:24px;border-radius:4px;display:grid;place-items:center;flex-shrink:0}
.cp-history .hicon img{width:16px;height:16px}
.cp-history .htitle{font-size:12px;margin-inline-start:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cp-text);text-decoration:none!important;cursor:default}
#root .cp-history .htitle{font-weight:500!important}
.cp-history .htitle:hover{text-decoration:underline!important}
.cp-history .hdomain{font-size:12px;margin-inline-start:8px;color:var(--cp-text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-history .hmenu{margin-inline-end:20px}
.cp-history .hstar{color:var(--cp-primary)}
.cp-history .selbar{position:absolute;inset:0;display:flex;align-items:center;background:var(--cp-tonal);color:var(--cp-on-tonal);padding:0 12px 0 18px;gap:12px;z-index:2}
.cp-history .selbar .iconbtn{color:var(--cp-on-tonal)}
.cp-history .selbar .cnt{font-size:16px;flex:1}

.cd-row{display:flex;align-items:flex-start;gap:16px;padding:10px 0;cursor:default}
.cd-lbl{color:var(--cp-text);font-size:13px}
.cd-sub{color:var(--cp-text2);font-size:12px;margin-top:2px}
.cd-time{display:flex;align-items:center;justify-content:space-between;padding:0 0 8px}
.cd-select{height:32px;border:1px solid #8e918f;border-radius:8px;background:var(--k-surface);color:var(--cp-text);padding:0 28px 0 12px;font:inherit}
.cp .cp-toolbar>.selbar{position:absolute;inset:0;z-index:2}

/* bookmarks manager */
.cp-bmm .bmm-side{width:256px;flex-shrink:0;display:flex;flex-direction:column;overflow:auto}
.cp-bmm .bmm-tree{padding:8px 0;user-select:none}
.cp-bmm .bmm-node{display:flex;align-items:center;height:33px;padding-inline-start:calc(var(--d)*15px + 4px);margin-inline-end:3px;border-radius:0 100px 100px 0;color:var(--cp-text2);cursor:default}
.cp-bmm .bmm-node.sel-able:hover{background:var(--cp-hover)}
.cp-bmm .bmm-node.sel{background:var(--cp-tonal);color:var(--cp-on-tonal)}
.cp-bmm .bmm-arrow{width:40px;height:33px;border:0;background:transparent;color:inherit;display:grid;place-items:center;transform:rotate(-90deg);transition:transform .15s}
.cp-bmm .bmm-arrow.open{transform:none}
.cp-bmm .bmm-arrow.hide{visibility:hidden}
.cp-bmm .bmm-fold{width:24px;display:grid;place-items:center;color:inherit}
.cp-bmm .bmm-label{padding:0 6px;white-space:nowrap}
#root .cp-bmm .bmm-label{font-weight:500!important}
.cp-bmm .bmm-list{padding:24px 32px 24px 17px}
.cp-bmm .bmm-card{background:var(--cp-card);border-radius:8px;margin:0 auto;min-width:300px;max-width:960px;padding:8px 0}
.cp-bmm .bmm-item{display:flex;align-items:center;height:40px;padding-inline-start:20px;color:var(--cp-text2);position:relative;user-select:none}
.cp-bmm .bmm-item:hover{background:var(--cr-hover)}
.cp-bmm .bmm-item.sel{background:var(--cp-tonal);color:var(--cp-on-tonal)}
.cp-bmm .bmm-ico{width:20px;height:20px;display:grid;place-items:center;flex:none}
.cp-bmm .bmm-ico img{width:16px;height:16px}
.cp-bmm .bmm-text{display:flex;flex:1;min-width:0;overflow:hidden;margin-inline-start:20px}
.cp-bmm .bmm-title{flex:1;color:var(--cp-text);text-decoration:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-bmm .bmm-item.sel .bmm-title{flex:0 auto;color:var(--cp-on-tonal)}
.cp-bmm .bmm-url{flex:1;display:none;margin-inline-start:20px;min-width:100px;color:var(--cp-on-tonal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-bmm .bmm-item.sel .bmm-url{display:block}
.cp-bmm .bmm-more{margin-inline-end:20px}
.cp-bmm .bmm-item.sel .bmm-more{color:var(--cp-on-tonal)}
.cp-field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}
.cp-field span{color:var(--cp-text2);font-size:12px}
.cp-field input{height:36px;border-radius:8px;border:1px solid #8e918f;background:transparent;color:var(--cp-text);padding:0 12px;font:inherit;outline:0}
.cp-field input:focus{border-color:var(--cp-primary);box-shadow:inset 0 0 0 1px var(--cp-primary)}

/* extensions */
.cp-ext .ex-wrap{padding:24px 60px 64px}
.cp-ext .ex-grid{--w:400px;display:grid;grid-template-columns:repeat(auto-fill,var(--w));gap:12px;justify-content:center;margin:auto;max-width:calc(var(--w)*3 + 36px)}
.cp-ext .ex-card{background:var(--cp-card);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15);display:flex;flex-direction:column;height:160px}
.cp-ext .ex-card.dev{height:208px}
.cp-ext .ex-main{display:flex;flex:1;min-height:0;padding:16px 20px}
.cp-ext .ex-iconw{align-self:flex-start;display:grid;place-items:center;width:48px;height:48px;padding:6px;flex-shrink:0;color:var(--cp-text2)}
.cp-ext .ex-iconw img{width:36px;height:36px}
.cp-ext .ex-content{display:flex;flex-direction:column;flex:1;margin-inline-start:18px;overflow:hidden;min-width:0}
.cp-ext .ex-nv{display:flex;align-items:center;margin-bottom:4px;color:var(--cp-text)}
.cp-ext .ex-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline-end:8px}
#root .cp-ext .ex-name{font-weight:500!important;font-size:14px}
.cp-ext .ex-ver{color:var(--cp-text2);font-size:12px}
.cp-ext .ex-desc{flex:1;color:var(--cp-text2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cp-ext .ex-id{color:var(--cp-text2);margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-ext .ex-strip{display:flex;align-items:center;height:48px;padding:8px 20px 8px 20px;gap:8px;flex-shrink:0}
.cp-ext .ex-strip .cp-btn{height:32px;padding:0 16px}
.cp-ext .ex-devlabel{color:var(--cp-text2);margin-inline-end:4px}
.cp-ext .ex-devbar{display:flex;align-items:center;gap:8px;padding:8px 24px;background:#2d2e30;flex-shrink:0;flex-wrap:wrap}
.cp-ext .ex-input{height:36px;min-width:300px;border-radius:8px;border:1px solid #8e918f;background:transparent;color:var(--cp-text);padding:0 12px;font:inherit;outline:0}
.cp-ext .ex-input:focus{border-color:var(--cp-primary);box-shadow:inset 0 0 0 1px var(--cp-primary)}
.cp-ext .ex-addrow{display:flex;gap:8px;max-width:1236px;margin:0 auto 20px}
.cp-ext .ex-addrow .ex-input{flex:1}
.cp-ext .ex-empty{margin-top:80px;text-align:center;color:var(--cp-text2);font-size:16px}
#root .cp-ext .ex-empty{font-weight:500!important}
.cp-ext .ex-det{display:flex;gap:16px;padding:6px 0;border-bottom:1px solid var(--cp-sep)}
.cp-ext .ex-det span{width:100px;color:var(--cp-text2);flex-shrink:0}
.cp-ext .ex-det b{color:var(--cp-text);font-weight:400;word-break:break-all}
.cp-ext .ex-editor{display:flex;flex-direction:column;height:100%;padding:16px 24px}
.cp-ext .ex-editor-bar{display:flex;gap:8px;margin-bottom:12px}
.cp-ext .ex-editor textarea{flex:1;background:#1a1a1a;color:var(--cp-text);border:1px solid var(--cp-sep);border-radius:8px;padding:12px;font:12px/1.5 ui-monospace,Menlo,Consolas,monospace!important;resize:none;outline:0}

/* settings: Chrome shell + restyle of the shared tab primitives */
.cp-settings{--cp-card:var(--t-card,var(--k-card))}
.cps-content{padding:0 0 48px}
.cps-panel{width:96%;max-width:680px;margin:0 auto;padding-top:8px}
.cps-page{display:block}
.cp-settings .msec{background:var(--cp-card);border-radius:16px;margin:0 0 24px;padding:0 0 8px;overflow:hidden;color:var(--cp-text)}
.cp-settings .msec:last-child{margin-bottom:0}
.cp-settings .mlbl{margin:0;padding:16px 20px;font-size:16px;line-height:24px;letter-spacing:0;text-transform:none;color:var(--cp-text)}
#root .cp-settings .mlbl{font-weight:500!important;font-size:16px!important;letter-spacing:0!important;text-transform:none!important;color:var(--cr-text)!important}
.cp-settings .mrow{display:flex;align-items:center;gap:16px;min-height:48px;padding:0 20px;margin:0;border-top:1px solid var(--cp-sep)}
.cp-settings .mlbl + .mrow{border-top:0}
.cp-settings .mrow label:not(.tog){flex:1;font-size:13px;color:var(--cp-text)}
.cp-settings .msec > *:not(.mlbl):not(.mrow):not(.cps-link){margin-left:20px;margin-right:20px}
.cp-settings .msec > div:not(.mlbl):not(.mrow),.cp-settings .msec > p{color:var(--cp-text2);font-size:12px;line-height:18px}
.cp-settings .tog-track{width:34px;height:14px;background:#8e918f;border-radius:7px}
.cp-settings .tog-track::after{top:-3px;left:-1px;width:20px;height:20px;background:var(--cr-text);box-shadow:0 1px 3px rgba(0,0,0,.4);transition:transform .1s,background .1s}
.cp-settings .tog input:checked + .tog-track{background:#4c6a98}
.cp-settings .tog input:checked + .tog-track::after{transform:translateX(16px);background:var(--cp-primary)}
.cp-settings .mbtn{height:36px;padding:0 16px;border-radius:18px;border:1px solid #8e918f;background:transparent;color:var(--cp-primary);font-size:13px;display:inline-flex;align-items:center;justify-content:center}
#root .cp-settings .mbtn{font-weight:500!important}
.cp-settings .mbtn:hover{background:rgba(168,199,250,.08)}
.cp-settings .min,.cp-settings .msel,.cp-settings input[type=text],.cp-settings input[type=url],.cp-settings input[type=password],.cp-settings input[type=number],.cp-settings select{height:36px;border:1px solid #8e918f;border-radius:8px;background:transparent;color:var(--cp-text);padding:0 12px;font:13px Roboto,system-ui,sans-serif;outline:0}
.cp-settings .msel,.cp-settings select{background:var(--k-surface);padding-right:28px}
.cp-settings .min:focus,.cp-settings input:focus{border-color:var(--cp-primary);box-shadow:inset 0 0 0 1px var(--cp-primary)}
.cp-settings .seg{background:transparent;border:1px solid #8e918f;border-radius:18px;padding:2px}
.cp-settings .segbtn{border-radius:16px;font-size:13px;color:var(--cp-text2)}
.cp-settings .segbtn.active{background:var(--cp-tonal);color:var(--cp-on-tonal)}
.cps-linkcard{padding-bottom:0!important}
.cps-link{display:flex;align-items:center;gap:20px;width:100%;min-height:64px;padding:8px 20px;border:0;border-top:1px solid var(--cp-sep);background:transparent;color:var(--cp-text);text-align:left;cursor:default}
.cps-link:hover{background:var(--cp-hover)}
.cps-link .cps-link-text{display:flex;flex-direction:column;flex:1}
.cps-link .t{font-size:13px;color:var(--cp-text)}
.cps-link .s{font-size:12px;color:var(--cp-text2)}
.cps-link svg{color:var(--cp-text2)}

/* version / chrome-urls */
.cp-version{overflow:auto}
.cpv-scroll{max-width:960px;width:100%;margin:0 auto;padding:40px 32px 64px;color:var(--cp-text)}
.cpv-head{display:flex;align-items:center;gap:20px;margin-bottom:28px}
.cpv-head h1{margin:0;font-size:32px;line-height:40px}
#root .cp .cpv-head h1{font-weight:400!important}
.cpv-table{border-collapse:collapse;width:100%}
.cpv-table td{padding:10px 12px;border-bottom:1px solid var(--cp-sep);vertical-align:top;font-size:13px;line-height:20px}
.cpv-k{width:200px;color:var(--cp-text2)}
#root .cp .cpv-k{font-weight:500!important}
.cpv-v{color:var(--cp-text);word-break:break-all}
.cpu-list{list-style:none;margin:0;padding:0;font-size:14px;line-height:28px}
.cpu-list a{color:var(--cp-primary);text-decoration:none}
.cpu-list a:hover{text-decoration:underline}

/* experiments */
.cp-flags{overflow:hidden}
.cpf-head{background:var(--k-card);padding:16px 24px 0;flex-shrink:0}
.cpf-top{display:flex;align-items:center;gap:16px;max-width:960px;margin:0 auto}
.cpf-search{max-width:520px;flex:1}
.cpf-title{display:flex;align-items:baseline;gap:16px;max-width:960px;margin:16px auto 8px}
.cpf-title h1{margin:0;font-size:24px;line-height:32px}
#root .cp .cpf-title h1{font-weight:400!important}
.cpf-title span{color:var(--cp-text2);font-size:13px}
.cpf-warn{max-width:960px;margin:0 auto 12px;font-size:13px;line-height:20px;color:var(--cp-text2)}
.cpf-warn b{color:var(--cp-error);font-weight:500}
.cpf-tabs{display:flex;max-width:960px;margin:0 auto}
.cpf-tabs button{height:48px;padding:0 24px;background:transparent;border:0;border-bottom:3px solid transparent;color:var(--cp-text2);font-size:13px}
#root .cp .cpf-tabs button{font-weight:500!important}
.cpf-tabs button.on{color:var(--cp-primary);border-bottom-color:var(--cp-primary)}
.cpf-body{padding:8px 24px 64px}
.cpf-item{display:flex;align-items:flex-start;gap:24px;max-width:960px;margin:0 auto;padding:20px 0;border-bottom:1px solid var(--cp-sep)}
.cpf-text{flex:1;min-width:0}
.cpf-name{font-size:16px;line-height:24px;color:var(--cp-text)}
#root .cp .cpf-name{font-weight:500!important}
.cpf-desc{margin:4px 0 6px;color:var(--cp-text2);font-size:13px;line-height:20px}
.cpf-id{color:var(--cp-text2);font-size:12px;text-decoration:underline!important;cursor:default}
.cpf-sel{height:32px;border:1px solid #8e918f;border-radius:8px;background:var(--k-surface);color:var(--cp-text);padding:0 28px 0 12px;font:13px Roboto,system-ui,sans-serif;flex-shrink:0;min-width:120px}

/* error */
.cp-error{align-items:center;justify-content:center}
.cpe-box{max-width:600px;padding:0 24px;color:var(--cp-text2)}
.cpe-icon{color:var(--cp-text2);margin-bottom:16px}
.cpe-box h1{margin:0 0 16px;font-size:24px;line-height:32px;color:var(--cp-text)}
#root .cp .cpe-box h1{font-weight:400!important}
.cpe-box p{margin:0 0 20px;font-size:14px;line-height:22px}
.cpe-box b{color:var(--cp-text);font-weight:500}
.cpe-code{font-size:12px;color:var(--cp-text2)}
.cp-ext .ex-devlabel{white-space:nowrap}
.cp-ext .cp-toolbar-right{flex-shrink:0;flex-basis:auto;min-width:200px}

.cp-settings [style*="var(--t3)"],.cp-settings [style*="var(--t2)"],.cp-settings .pf-hint,.cp-settings .st-policy-desc{color:var(--cr-icon)!important}
.cps-page>div:not(.msec){background:var(--cp-card);border-radius:16px;padding:16px 20px;color:var(--cp-text2);font-size:13px}
.cps-link svg{width:20px;height:20px}


/* ===== new tab page ===== */
#landing{position:relative}
#landing-bar,#landing-foot{position:relative;z-index:3}
.landing-ref{position:absolute;left:0;right:0;bottom:56px;display:flex;justify-content:center;z-index:3;pointer-events:none}
.landing-ref>*{pointer-events:auto}
.ntp{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;color:#fff;background:var(--t-bg,#1f1f1f) center/cover no-repeat;font-family:Roboto,system-ui,sans-serif;z-index:0}
.ntp.landing{background-color:transparent}
#root .ntp,#root .ntp *{font-family:Roboto,system-ui,sans-serif!important;font-weight:400!important}
.ntp-top{align-self:stretch;display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:14px 20px;height:64px;flex-shrink:0;position:relative;z-index:2}
.ntp-top a{color:#e8eaed;font-size:13px;text-decoration:none;cursor:default}
.ntp-top a:hover{text-decoration:underline}
.ntp.has-bg .ntp-top a{color:#fff;text-shadow:0 0 6px rgba(0,0,0,.45)}
.ntp-apps{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#e8eaed;display:grid;place-items:center}
.ntp-apps:hover{background:rgba(255,255,255,.12)}
.ntp.has-bg .ntp-apps{color:#fff;filter:drop-shadow(0 0 4px rgba(0,0,0,.45))}
.ntp-center{display:flex;flex-direction:column;align-items:center;margin-top:calc(11vh + 4px);width:100%;position:relative;z-index:1}
.ntp.landing .ntp-center{margin-top:calc(12vh + 18px)}
.ntp-logo{width:min(272px,60vw);height:auto;margin-bottom:26px;user-select:none;opacity:.96}
.ntp.has-bg .ntp-logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}
.ntp-search{display:flex;align-items:center;gap:14px;width:min(746px,92vw);height:56px;padding:0 18px 0 20px;border-radius:28px;background:#303134;color:#9aa0a6;box-shadow:0 1px 6px rgba(0,0,0,.28)}
.ntp.has-bg .ntp-search{background:#fff;color:#5f6368;box-shadow:0 1px 6px rgba(32,33,36,.28)}
.ntp-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#e8eaed;font-size:16px}
.ntp.has-bg .ntp-search input{color:#202124}
.ntp-search input::placeholder{color:#9aa0a6}
.ntp.has-bg .ntp-search input::placeholder{color:#80868b}
.ntp-search:focus-within{box-shadow:0 1px 6px rgba(32,33,36,.28),0 0 0 2px var(--t-primary,#a8c7fa)}
.ntp-eng{border-radius:4px;flex-shrink:0}
.ntp-tiles{display:flex;justify-content:center;margin-top:34px;max-width:100%}
.ntp-cell{position:relative;width:112px;flex-shrink:0}
.ntp-tile{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:8px 4px;border:0;background:transparent;color:#e8eaed;cursor:default}
.ntp.has-bg .ntp-tile{color:#fff}
.ntp-circle{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#e8eaed;transition:background .12s}
.ntp.has-bg .ntp-circle{background:rgba(0,0,0,.32);color:#fff}
.ntp-tile:hover .ntp-circle{background:rgba(255,255,255,.2)}
.ntp.has-bg .ntp-tile:hover .ntp-circle{background:rgba(0,0,0,.5)}
.ntp-lbl{max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:16px}
.ntp.has-bg .ntp-lbl{text-shadow:0 0 5px rgba(0,0,0,.55)}
.ntp-letter{font-size:18px;color:inherit}
.ntp-more{position:absolute;top:2px;right:12px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;display:grid;place-items:center;opacity:0;transition:opacity .1s}
.ntp-cell:hover .ntp-more{opacity:1}
.ntp-more:hover{background:rgba(0,0,0,.7)}
.ntp-edit{position:absolute;right:16px;bottom:16px;width:36px;height:36px;border:0;border-radius:50%;background:var(--t-tonal,rgba(0,0,0,.5));color:#fff;display:grid;place-items:center;z-index:2;box-shadow:0 1px 3px rgba(0,0,0,.35)}
.ntp-edit:hover{filter:brightness(1.2)}
.ntp.landing .ntp-edit{bottom:58px}
.ntp-appsmenu{position:fixed;width:300px;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#1f1f1f;border:1px solid #444746;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.5);z-index:9998;animation:crPop var(--pop-dur) var(--pop-ease) both;transform-origin:top right}
.ntp-appsmenu button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;border:0;border-radius:8px;background:transparent;color:#e3e3e3;font:12px Roboto,system-ui,sans-serif}
.ntp-appsmenu button:hover{background:rgba(255,255,255,.08)}
.ntp-appsmenu button span{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#e3e3e3}
.ntp-panel{width:460px}
.ntp-sec{margin:14px 0 8px;color:#e3e3e3;font-size:13px}
.ntp-row{display:flex;align-items:center;gap:8px;padding:2px 0}
.ntp-row.between{justify-content:space-between;color:#e3e3e3;min-height:36px}
.ntp-thumb{height:120px;margin-top:10px;border-radius:12px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.12)}
.ntp-sw{display:flex;gap:10px}
.ntp-sw button{width:34px;height:34px;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.ntp-sw button.on{border-color:#fff}
.ntp-hint{margin-top:8px;font-size:12px;line-height:18px;color:#c4c7c5}
#landing-foot{margin-top:auto}

/* light backgrounds: dark text, frosted circles */
.ntp.has-bg.light .ntp-top a{color:#202124;text-shadow:0 0 6px rgba(255,255,255,.7)}
.ntp.has-bg.light .ntp-apps{color:#202124;filter:drop-shadow(0 0 4px rgba(255,255,255,.7))}
.ntp.has-bg.light .ntp-tile{color:#202124}
.ntp.has-bg.light .ntp-lbl{text-shadow:0 0 6px rgba(255,255,255,.85)}
.ntp.has-bg.light .ntp-circle{background:rgba(255,255,255,.72);color:#202124;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.ntp.has-bg.light .ntp-tile:hover .ntp-circle{background:rgba(255,255,255,.92)}
.ntp.has-bg.light .ntp-logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,.25))}

/* ===== polish: engine icon circles, spacing, pressed states, tab throbber with favicon ===== */
.ntp-eng{border-radius:50%!important;object-fit:cover}
#alock{margin-right:4px}
#ai{padding-left:4px!important}
#tab-search-btn svg{width:20px!important;height:20px!important}
.tab-spinfav{position:relative;width:18px;height:18px;flex-shrink:0;display:grid;place-items:center}
.tab-spinfav .tab-spin{position:absolute;inset:0;width:18px;height:18px;border-width:2px}
.tab-spinfav img{width:10px;height:10px;border-radius:50%;object-fit:cover}
@container tab (max-width: 64px){.tab>.tab-spinfav{margin-inline:auto}}
@container tab (max-width: 48px){.tab.active>.tab-spinfav{display:none}}

/* pressed / open = the hover highlight, a bit stronger, never blue */
.ni.lit,.nb.lit{color:var(--cr-icon)!important;background:var(--cr-hover)}
#nav .ni.lit:hover,#nav .nb.lit:hover{background:var(--cr-hover)}
[data-vantabg="iridescence"] .ni.lit{color:var(--cr-icon)!important}
#nav .nb:active:not(:disabled),#nav .ni:active,#tab-search-btn:active,#new-tab-btn:active,.bm-apps:active,.bm-more:active,.bm-all:active,.bm-item:active,.ntp-apps:active{background:rgba(255,255,255,.2)!important;transform:none!important}
#tab-search-btn:active{background:#505050!important}
.cp-iconbtn:active{background:var(--cr-hover)}
.ntp-edit:active{filter:brightness(1.35)}
.tab-spinfav .tab-spin{box-sizing:border-box;width:18px!important;height:18px!important}

/* ===== Customize side panel (docked on the new tab page) ===== */
@keyframes crSlide{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.ntp-top,.ntp-center{transition:padding-right .2s var(--pop-ease)}
.ntp.side-open .ntp-top{padding-right:390px}
.ntp.side-open .ntp-center{padding-right:370px;box-sizing:border-box}
.ntp.side-open .ntp-edit{right:386px}
.ntp-side{position:absolute;top:0;right:0;bottom:0;width:370px;display:flex;flex-direction:column;background:var(--cr-frame,#1f2020);border-left:1px solid var(--cr-line,#444746);z-index:5;color:var(--cr-text);animation:crSlide .2s var(--pop-ease) both;font-size:13px;line-height:20px;text-align:left}
.ntp.landing .ntp-side{top:52px;bottom:44px}
.ntp-side-head{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 6px 16px;flex-shrink:0}
.ntp-side-head span{font-size:14px;line-height:22px;color:var(--cr-text)}
.ntp-side-head button{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--cr-text);display:grid;place-items:center}
.ntp-side-head button:hover{background:var(--cr-hover)}
.ntp-side-scroll{flex:1;overflow-y:auto;padding:4px 8px 12px;scrollbar-width:thin;scrollbar-color:var(--t-accent,#0b6bcb) transparent}
.ntp-side-scroll::-webkit-scrollbar{width:6px}
.ntp-side-scroll::-webkit-scrollbar-thumb{background:var(--t-accent,#0b6bcb);border-radius:3px}
.cz-card{display:block;width:100%;margin:0 0 8px;padding:14px 16px;background:var(--cr-bar,#3c3c3c);border:0;border-radius:12px;color:inherit;text-align:left}
.cz-h{font-size:14px;line-height:20px;padding-bottom:8px;color:var(--cr-text)}
.cz-t{display:block;font-size:13px;color:var(--cr-text)}
.cz-s{display:block;font-size:12px;line-height:18px;color:var(--cr-icon)}
.cz-theme{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}
.cz-ico{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--cr-icon);display:grid;place-items:center;flex-shrink:0}
.cz-ico:hover{background:var(--cr-hover)}
.cz-change{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;margin:10px 0 4px;border:0;border-radius:20px;background:var(--t-tonal,#004a77);color:var(--t-on-tonal,#c2e7ff);font-size:13px}
.cz-change:hover{filter:brightness(1.12)}
.cz-link{display:block;margin:6px 0 0;padding:6px 0;border:0;background:transparent;color:var(--t-primary,#a8c7fa);font-size:13px;text-align:left}
.cz-link:hover{text-decoration:underline}
.cz-sw{display:flex;gap:10px;padding:10px 0 2px}
.cz-sw button{width:30px;height:30px;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 1px var(--cr-line)}
.cz-sw button.on{border-color:var(--cr-text)}
.cz-sepline,.cz-sep{height:1px;background:var(--cr-line);margin:10px 0}
.cz-seg{display:flex;height:40px;border:1px solid var(--t-primary,#7fb2f0);border-radius:20px;padding:2px;margin-top:6px}
.cz-seg button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:18px;background:transparent;color:var(--cr-text);font-size:13px}
.cz-seg button:hover{background:var(--cr-hover)}
.cz-seg button.on{background:var(--t-primary,#a8c7fa);color:var(--t-on-primary,#062e6f)}
.cz-nav{display:flex;align-items:center;justify-content:space-between;font-size:14px;cursor:default}
.cz-nav:hover{background:var(--cr-hover)}
.cz-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}
.cz-lbl{flex:1;min-width:0}
.cz-lbl.strong{font-size:13px}
.cz-radio{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 0;border:0;background:transparent;color:inherit;text-align:left}
.cz-radio i{width:20px;height:20px;border:2px solid var(--cr-dim);border-radius:50%;position:relative;flex-shrink:0}
.cz-radio i.on{border-color:var(--t-primary,#a8c7fa)}
.cz-radio i.on::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--t-primary,#a8c7fa)}
.cz-check{display:flex;align-items:center;gap:12px;width:100%;padding:6px 0;border:0;background:transparent;color:inherit;text-align:left}
.cz-check .cb{width:18px;height:18px;border:2px solid var(--cr-dim);border-radius:2px;display:grid;place-items:center;flex-shrink:0;color:var(--t-on-primary,#062e6f)}
.cz-check .cb.on{background:var(--t-primary,#a8c7fa);border-color:var(--t-primary,#a8c7fa)}
.sw{width:30px;height:18px;border:2px solid var(--cr-dim);border-radius:9px;background:transparent;position:relative;flex-shrink:0;padding:0}
.sw span{position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--cr-dim);transition:left .1s,background .1s}
.sw.on{background:var(--t-primary,#a8c7fa);border-color:var(--t-primary,#a8c7fa)}
.sw.on span{left:14px;background:var(--t-on-primary,#062e6f)}
.sw:disabled{opacity:.4}
.cz-back{display:flex;align-items:center;gap:10px;padding-bottom:10px;font-size:14px}
.cz-back button{width:28px;height:28px;border:2px solid var(--t-primary,#a8c7fa);border-radius:50%;background:transparent;color:var(--t-primary,#a8c7fa);display:grid;place-items:center}
.cz-back button:hover{background:var(--cr-hover)}
.cz-center{text-align:center;color:var(--cr-text);margin:10px 0 12px;font-size:13px}
.cz-reset{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;border:0;border-radius:10px;background:var(--cr-hover);color:var(--t-primary,#a8c7fa);font-size:13px}
.cz-reset:disabled{color:#8e918f;opacity:.7}
.cz-list{padding:8px 16px 12px}
.cz-sec{font-size:13px;color:var(--cr-text);padding:10px 0 6px}
.cz-item{display:flex;align-items:center;gap:14px;min-height:40px;margin:0 -16px;padding:0 16px;color:var(--cr-text)}
.cz-item:hover{background:var(--cr-hover)}
.cz-item svg{color:var(--cr-icon)}
.cz-item.off{opacity:.55}
.cz-tip{display:flex;align-items:center;gap:14px;margin:4px 0 0;padding:16px;border:1px solid var(--t-primary,#7fb2f0);border-radius:12px;color:var(--cr-text)}
.tbp{display:flex;justify-content:center;padding:14px;border-radius:12px;background:var(--t-tonal,#004a77)}
.tbp-win{width:100%;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.4);background:var(--cr-bar,var(--cr-bar))}
.tbp-top{height:20px;background:var(--cr-frame,#1f2020);display:flex;justify-content:flex-end;gap:8px;padding:6px 8px}
.tbp-top span{width:8px;height:8px;border-radius:2px;background:var(--cr-dim)}
.tbp-bar{display:flex;align-items:center;gap:6px;padding:7px 8px;color:var(--cr-text);background:var(--cr-bar,var(--cr-bar))}
.tbp-omni{flex:1;min-width:20px;height:18px;border-radius:9px;background:var(--cr-omni,var(--cr-omni));display:flex;align-items:center;justify-content:flex-end;padding-right:6px}
.tbp-av{width:14px;height:14px;border-radius:50%;background:var(--cr-dim);flex-shrink:0}
.tbp-page{height:26px;background:var(--cr-bar,var(--cr-bar));border-top:1px solid var(--cr-line)}
#root .ntp .ntp-side .cz-h,#root .ntp .ntp-side .cz-t,#root .ntp .ntp-side .cz-nav,#root .ntp .ntp-side .cz-sec,#root .ntp .ntp-side .cz-change,#root .ntp .ntp-side .cz-seg button,#root .ntp .ntp-side .ntp-side-head span,#root .ntp .ntp-side .cz-back span,#root .ntp .ntp-side .cz-lbl.strong{font-weight:500!important}

/* ===== light mode (no background image) ===== */
.ntp.mode-light{background:#fff;color:#202124}
.ntp.mode-light .ntp-top a,.ntp.mode-light .ntp-apps{color:#3c4043}
.ntp.mode-light .ntp-apps:hover{background:rgba(0,0,0,.06)}
.ntp.mode-light .ntp-search{background:#fff;color:#5f6368;box-shadow:0 1px 6px rgba(32,33,36,.28)}
.ntp.mode-light .ntp-search input{color:#202124}
.ntp.mode-light .ntp-tile{color:#202124}
.ntp.mode-light .ntp-circle{background:#f1f3f4;color:#5f6368}
.ntp.mode-light .ntp-tile:hover .ntp-circle{background:#e8eaed}
.ntp.mode-light .ntp-edit{background:#e8eaed;color:#202124}
.ntp.mode-light .ntp-logo{filter:none}

/* ===== continue-with-tabs card ===== */
.ntp-resume{margin-top:26px;width:min(560px,92vw);padding:6px 0;border-radius:16px;background:rgba(255,255,255,.08)}
.ntp.has-bg .ntp-resume{background:rgba(0,0,0,.38);backdrop-filter:blur(8px)}
.ntp.has-bg.light .ntp-resume{background:rgba(255,255,255,.78);color:#202124}
.ntp.mode-light .ntp-resume{background:#f1f3f4;color:#202124}
.ntp-resume-h{padding:10px 16px 6px;font-size:13px}
#root .ntp .ntp-resume-h{font-weight:500!important}
.ntp-resume-row{display:flex;align-items:center;gap:12px;width:100%;height:40px;padding:0 16px;border:0;background:transparent;color:inherit;text-align:left;font-size:13px}
.ntp-resume-row:hover{background:rgba(127,127,127,.15)}
.ntp-resume-ic{width:20px;height:20px;display:grid;place-items:center;flex-shrink:0}
.ntp-resume-ic img{width:16px;height:16px;border-radius:50%}
.ntp-resume-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ntp-resume-u{max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.65;font-size:12px}

/* closing tab collapses completely (no 32px min-width pop) */
.tab[data-closing]{min-width:0!important;overflow:hidden;pointer-events:none}
.tab[data-closing]::before,.tab[data-closing]::after{display:none!important}

/* ===== polish round: url colors, spacing, close-x sizes, tile shadows, panel weights ===== */
#aw{padding-left:6px!important}
.omni-field{position:relative;flex:1;min-width:0;display:flex;align-items:center}
.omni-field #ai{width:100%}
#ai.has-view{color:transparent!important;caret-color:transparent}
#ai.has-view::selection{background:transparent}
.ai-view{position:absolute;inset:0;display:flex;align-items:center;padding:0 6px 0 4px;overflow:hidden;white-space:nowrap;font-size:14px;pointer-events:none}
.ai-view .h{color:var(--cr-text);flex-shrink:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ai-view .p{color:var(--cr-dim);overflow:hidden;text-overflow:ellipsis;min-width:0}
#root .ai-view{font-family:Roboto,system-ui,sans-serif!important;font-weight:400!important}

.tab .tab-x{width:20px!important;height:20px!important;margin:0 -2px 0 0!important}
#tab-search .ts-row{padding:0 10px 0 20px!important}
#tab-search .ts-x{width:20px!important;height:20px!important;margin-inline-start:0}

.ntp-lbl{text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 6px rgba(0,0,0,.65)!important}
.ntp.has-bg.light .ntp-lbl{text-shadow:0 1px 2px rgba(255,255,255,.95),0 0 7px rgba(255,255,255,.9)!important}
.ntp.mode-light .ntp-lbl{text-shadow:none!important}

.ext-panel .ep-group-sub{font-weight:400!important}
.ext-panel .ep-group-lbl{font-weight:700!important}

:root{--k-sep:#5e5e5e;--k-hov2:#4a4a4a;--k-surface:#1f1f1f;--k-card:#292a2d;--k-menu2:#2b2b2b;--k-div:#444746}
:root[data-cr="light"]{color-scheme:light;--k-sep:#dadce0;--k-hov2:rgba(31,31,31,.16);--cr-frame:#dee1e6;--cr-bar:#fff;--cr-omni:#f1f3f4;--cr-omni-h:#e8eaed;--cr-text:#1f1f1f;--cr-icon:#444746;--cr-dim:#5f6368;--cr-line:#dadce0;--cr-hover:rgba(31,31,31,.08);--cr-focus:#0b57d0;--k-surface:#fff;--k-card:#f8f9fa;--k-menu2:#f1f3f4;--k-div:#dadce0}
:root[data-cr="light"] #nav .nb:active:not(:disabled),:root[data-cr="light"] #nav .ni:active{background:rgba(31,31,31,.16)!important}
:root[data-cr="light"] .ai-view .h{color:#1f1f1f}
:root[data-cr="light"] .ai-view .p{color:#5f6368}
:root[data-cr="light"] .tab:not(.active):hover::before{background:rgba(31,31,31,.08)}
:root[data-cr="light"] body,:root[data-cr="light"] html{background:var(--cr-frame)}
:root[data-cr="light"] .cp,:root[data-cr="light"] .cp-menu,:root[data-cr="light"] .cp-dialog,:root[data-cr="light"] .cp-dialog-bg{--cp-sep:rgba(31,31,31,.12);--cp-primary:var(--t-primary,#0b57d0);--cp-on-primary:var(--t-on-primary,#fff);--cp-tonal:var(--t-tonal,#d3e3fd);--cp-on-tonal:var(--t-on-tonal,#041e49);--cp-hover:rgba(31,31,31,.08);--cp-active:rgba(31,31,31,.12);--cp-error:#b3261e}
:root[data-cr="light"] .cp-search,:root[data-cr="light"] .cp-search:focus-within{background:#e9eef6}
:root[data-cr="light"] .cp-search input{color:#1f1f1f}
:root[data-cr="light"] .sw.on{background:var(--t-primary,#0b57d0);border-color:var(--t-primary,#0b57d0)}
.ntp.side-open .ntp-search{max-width:calc(100% - 32px)}
:root[data-cr="light"]{--a:#1f1f1f;--ag:rgba(31,31,31,.12);--ad:rgba(31,31,31,.05);--am:rgba(31,31,31,.08);--a-fg:#fff;--bg:#f8f9fa;--s1:#fff;--s2:#f1f3f4;--s3:#e8eaed;--b1:#dadce0;--b2:#c4c7c5;--b3:#9aa0a6;--t1:#1f1f1f;--t2:#5f6368;--t3:#80868b}
:root[data-cr="light"] #sd{background:var(--bg)}
:root[data-cr="light"] .mu-wrap,:root[data-cr="light"] .ap-hero-card{--a:#e8e8e8;--ag:rgba(232,232,232,.15);--ad:rgba(232,232,232,.07);--am:rgba(232,232,232,.11);--a-fg:#111;--bg:#161618;--s1:#1c1c1f;--s2:#232326;--s3:#2b2b2f;--b1:#333338;--b2:#3f3f45;--b3:#525258;--t1:#f2f2f3;--t2:#9a9aa0;--t3:#66666c;color:#f2f2f3}
:root[data-cr="light"] .mu-wrap{background:#0c0c0c}
:root[data-cr="light"] .ap-hero-card{background:#2b2b2f}
.tab-card{width:268px!important;padding:0!important;overflow:hidden}
.tab-card .tc-head{padding:14px 16px 10px}
.tab-card .tc-title{font-size:14px!important;line-height:20px;font-weight:700!important}
.tab-card .tc-domain{margin-top:6px!important;font-size:13px!important;color:var(--cr-icon)}
.tab-card .tc-prev{position:relative;width:244px;height:calc(244px * 9 / 16);margin:0 12px;border-radius:4px;overflow:hidden;background:var(--cr-omni)}
.tab-card .tc-prev iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;pointer-events:none;background:#fff}
.tab-card .tc-noprev{position:absolute;inset:0;display:grid;place-items:center;color:var(--cr-dim)}
.tab-card .tc-mem{font-weight:400!important;display:flex;align-items:center;gap:12px;margin-top:12px;padding:13px 16px;border-top:1px solid var(--k-div);font-size:13px;line-height:18px;color:var(--cr-text)}
.tab-card .tc-mem svg{color:var(--cr-icon);flex-shrink:0}
:root[style*="--t-bg"] #sd{background:var(--bg)}

#content.ai-open #sd{right:380px}
#content.ai-open #frames{right:380px;width:auto!important}
.ais{position:absolute;top:0;right:0;bottom:0;width:380px;display:flex;flex-direction:column;background:var(--cr-frame);border-left:1px solid var(--cr-line);color:var(--cr-text);z-index:6;font-size:13px;animation:crSlide .2s var(--pop-ease) backwards}
.ais-head{display:flex;align-items:center;gap:4px;padding:10px 8px 8px 14px;flex-shrink:0}
.ais-logo{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;background:conic-gradient(from 0deg,#ff3b6b,#ff9f1c,#ffe14d,#2ee59d,#3aa0ff,#b66dff,#ff3b6b)}
.ais-logo svg{filter:drop-shadow(0 0 2px rgba(0,0,0,.45))}
.ais-title{flex:1;font-size:14px;margin-left:6px}
.ais-head button{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--cr-icon);display:grid;place-items:center}
.ais-head button:hover:not(:disabled){background:var(--cr-hover)}
.ais-head button:disabled{opacity:.4}
.ais-body{flex:1;min-height:0;overflow-y:auto;padding:4px 14px 12px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}
.ais-empty{margin:auto 0;text-align:center;padding:0 8px}
.ais-orb{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;color:#fff;background:conic-gradient(from 0deg,#ff3b6b,#ff9f1c,#ffe14d,#2ee59d,#3aa0ff,#b66dff,#ff3b6b);animation:aiSpin 6s linear infinite}
.ais-orb svg{filter:drop-shadow(0 0 3px rgba(0,0,0,.5));animation:aiSpin 6s linear infinite reverse}
.ais-empty h3{margin:0 0 6px;font-size:18px;font-weight:500}
.ais-empty p{margin:0 0 16px;color:var(--cr-dim);line-height:19px}
.ais-ideas{display:flex;flex-direction:column;gap:6px}
.ais-ideas button{padding:10px 14px;border:1px solid var(--cr-line);border-radius:12px;background:transparent;color:var(--cr-text);text-align:left;font-size:13px}
.ais-ideas button:hover{background:var(--cr-hover)}
.ais-user{align-self:flex-end;max-width:88%;padding:9px 13px;border-radius:16px 16px 4px 16px;background:var(--t-tonal,#004a77);color:var(--t-on-tonal,#c2e7ff);line-height:19px;white-space:pre-wrap;word-break:break-word}
:root[data-cr="light"] .ais-user{background:var(--t-tonal,#d3e3fd);color:var(--t-on-tonal,#041e49)}
.ais-bot{align-self:flex-start;max-width:96%;padding:2px 2px;line-height:20px;white-space:pre-wrap;word-break:break-word}
.ais-bot.err{color:#f28b82}
.ais-thought{align-self:flex-start;max-width:96%;color:var(--cr-dim);font-style:italic;font-size:12px;line-height:17px;padding:0 2px}
.ais-act{display:flex;align-items:center;gap:8px;align-self:flex-start;max-width:96%;padding:5px 11px 5px 9px;border-radius:14px;background:var(--cr-omni);color:var(--cr-icon);font-size:12px;line-height:16px}
.ais-act i{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:conic-gradient(#ff3b6b,#ff9f1c,#ffe14d,#2ee59d,#3aa0ff,#b66dff,#ff3b6b)}
.ais-act.pend i{animation:aiSpin 1s linear infinite}
.ais-act.err{color:#f28b82}
.ais-status{display:flex;align-items:center;gap:8px;align-self:flex-start;color:var(--cr-dim);font-size:12px;padding:0 2px}
.ais-dots{display:inline-flex;gap:3px}
.ais-dots b{width:5px;height:5px;border-radius:50%;background:var(--cr-dim);animation:aiBounce 1s infinite}
.ais-dots b:nth-child(2){animation-delay:.15s}.ais-dots b:nth-child(3){animation-delay:.3s}
.ais-foot{padding:6px 12px 10px;flex-shrink:0}
.ais-box{position:relative;display:flex;align-items:flex-end;gap:6px;padding:6px 6px 6px 14px;border-radius:22px;background:var(--cr-omni);box-shadow:inset 0 0 0 1px transparent}
.ais-box:focus-within{box-shadow:inset 0 0 0 2px var(--cr-focus)}
.ais.running .ais-box{box-shadow:none;background:linear-gradient(var(--cr-omni),var(--cr-omni)) padding-box,conic-gradient(from var(--aiang,0deg),#ff3b6b,#ff9f1c,#ffe14d,#2ee59d,#3aa0ff,#b66dff,#ff3b6b) border-box;border:2px solid transparent;padding:4px 4px 4px 12px;animation:aiAng 3s linear infinite}
.ais-box textarea{flex:1;min-width:0;resize:none;border:0;outline:0;background:transparent;color:var(--cr-text);font:inherit;font-size:14px;line-height:20px;padding:7px 0;max-height:140px}
.ais-box textarea::placeholder{color:var(--cr-dim)}
.ais-go{width:34px;height:34px;flex-shrink:0;border:0;border-radius:50%;display:grid;place-items:center;background:var(--cr-text);color:var(--cr-bar)}
.ais-go:disabled{opacity:.3}
.ais-go.stop{background:#e8453c;color:#fff}
.ais-note{margin-top:6px;text-align:center;font-size:11px;color:var(--cr-dim)}
@property --aiang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes aiAng{to{--aiang:360deg}}
@keyframes aiSpin{to{transform:rotate(360deg)}}
@keyframes aiBounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}

#content.ai-run::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:5;border-radius:2px;padding:3px;background:conic-gradient(from var(--aiang,0deg),#ff3b6b,#ff9f1c,#ffe14d,#2ee59d,#3aa0ff,#b66dff,#ff3b6b);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.85;animation:aiAng 3s linear infinite}
#content.ai-open.ai-run::after{right:380px}

#ai-layer{position:fixed;inset:0;pointer-events:none;z-index:9990}
#ai-layer .ai-cursor{position:absolute;left:0;top:0;transform:translate(-100px,-100px);transition:transform .5s cubic-bezier(.3,.1,.2,1),opacity .25s;opacity:0;will-change:transform}
#ai-layer.on .ai-cursor{opacity:1}
#ai-layer .ai-cursor svg{display:block;filter:drop-shadow(0 0 6px rgba(255,255,255,.55)) drop-shadow(0 2px 4px rgba(0,0,0,.45));animation:aiHue 3s linear infinite}
#ai-layer .ai-tag{position:absolute;left:20px;top:20px;padding:2px 9px;border-radius:10px;font:700 11px/16px Roboto,system-ui,sans-serif!important;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);background:linear-gradient(90deg,#ff3b6b,#ff9f1c,#2ee59d,#3aa0ff,#b66dff);box-shadow:0 2px 8px rgba(0,0,0,.35)}
#ai-layer .ai-hl{position:absolute;left:0;top:0;border-radius:8px;opacity:0;transition:transform .5s cubic-bezier(.3,.1,.2,1),width .3s,height .3s,opacity .25s;padding:2px;background:conic-gradient(from var(--aiang,0deg),#ff3b6b,#ff9f1c,#ffe14d,#2ee59d,#3aa0ff,#b66dff,#ff3b6b);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:aiAng 2.4s linear infinite;box-shadow:0 0 14px rgba(120,160,255,.45)}
#ai-layer:not(.on) .ai-hl{opacity:0!important}
#ai-layer .ai-ripple{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #b66dff;animation:aiRip .65s ease-out forwards}
@keyframes aiRip{to{transform:scale(5);opacity:0}}
@keyframes aiHue{to{filter:drop-shadow(0 0 6px rgba(255,255,255,.55)) drop-shadow(0 2px 4px rgba(0,0,0,.45)) hue-rotate(360deg)}}
.ais-head{position:relative}
.ais-head .ais-chat{flex:1;min-width:0;width:auto;height:32px;padding:0 6px 0 10px;border-radius:16px;display:flex;align-items:center;gap:4px;justify-content:flex-start;color:var(--cr-text);font-size:14px;text-align:left}
.ais-chat span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ais-chat svg{flex-shrink:0;color:var(--cr-icon)}
.ais-pop{position:absolute;z-index:8;background:var(--k-surface);border:1px solid var(--k-div);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.4);padding:8px 0;max-height:340px;overflow-y:auto;animation:crPop var(--pop-dur) var(--pop-ease) backwards;scrollbar-width:thin}
.ais-chats{top:50px;left:12px;right:12px;transform-origin:top left}
.ais-models{left:12px;right:12px;bottom:60px;transform-origin:bottom left}
.ais-pop-h{padding:4px 16px 6px;font-size:12px;color:var(--cr-dim)}
.ais-pop-row{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 8px 0 16px;cursor:default;font-size:13px;color:var(--cr-text)}
.ais-pop-row:hover{background:var(--cr-hover)}
.ais-pop-row.on{background:var(--cr-hover)}
.ais-pop-c{width:16px;flex-shrink:0;display:grid;place-items:center;color:var(--cr-icon);margin-left:-4px}
.ais-pop-t{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:18px;padding:5px 0}
.ais-pop-t small{font-size:11px;color:var(--cr-dim);line-height:14px}
.ais-chats .ais-pop-t{flex-direction:row;padding:0}
.ais-pop-row button{width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:var(--cr-icon);display:grid;place-items:center;opacity:0}
.ais-pop-row:hover button{opacity:1}
.ais-pop-row button:hover{background:var(--cr-hover)}
.ais-foot{position:relative}
.ais-row{display:flex;align-items:center;gap:8px;margin-top:8px;padding:0 2px}
.ais-model{display:flex;align-items:center;gap:6px;height:28px;padding:0 8px 0 10px;border:1px solid var(--cr-line);border-radius:14px;background:transparent;color:var(--cr-text);font-size:12px;max-width:190px;flex-shrink:0}
.ais-model span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ais-model svg{flex-shrink:0;color:var(--cr-icon)}
.ais-model:hover{background:var(--cr-hover)}
.ais-row .ais-note{margin:0;flex:1;text-align:right;font-size:11px;line-height:14px;color:var(--cr-dim)}

.ais-logo{background:var(--cr-omni);color:var(--cr-text)}
.ais-logo svg{filter:none}
.ais-orb{background:var(--cr-omni);color:var(--cr-text);animation:none}
.ais-orb svg{filter:none;animation:none}
.ais-act i{background:var(--cr-dim)}
.ais-act.pend i{animation:aiBounce 1s infinite}
.ais.running .ais-box{background:var(--cr-omni);border:0;padding:6px 6px 6px 14px;animation:none;box-shadow:inset 0 0 0 1px var(--cr-line)}
#content.ai-run::after{display:none}
#ai-layer .ai-tag{background:#0a0a0a;color:#fff;text-shadow:none;box-shadow:0 2px 8px rgba(0,0,0,.35);border:2px solid transparent;background:linear-gradient(#0a0a0a,#0a0a0a) padding-box,linear-gradient(90deg,#ff3b6b,#ff9f1c,#ffe14d,#2ee59d,#3aa0ff,#b66dff) border-box;padding:0 8px}
#ai-layer .ai-cursor svg{filter:drop-shadow(0 0 5px rgba(255,255,255,.35)) drop-shadow(0 2px 4px rgba(0,0,0,.45));animation:none}
#ai-layer .ai-cursor svg .ai-halo{animation:aiHalo 3s linear infinite}
@keyframes aiHalo{to{filter:hue-rotate(360deg)}}
#ai-layer .ai-hl{background:none;padding:0;-webkit-mask:none;mask:none;animation:none;border:2px solid rgba(255,255,255,.9);outline:2px solid rgba(10,10,10,.55);box-shadow:none}
#ai-layer .ai-ripple{border-color:#fff;box-shadow:0 0 0 2px #0a0a0a}