/* shift — clone (x.appp.to/z/shift) */
*{box-sizing:border-box;margin:0;padding:0}
a,button,input,select,textarea,[tabindex],[contenteditable]{outline:none;-webkit-tap-highlight-color:transparent}
:focus,:focus-visible{outline:none;box-shadow:none}
html,body{height:100%;overflow:hidden;background:#262626}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Helvetica Neue",Arial,sans-serif;font-size:13px;color:#f5f5f5;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea{font:inherit;color:inherit;background:none;border:0}
svg{display:block}
[hidden]{display:none!important}

#win{--strip:#262626;--bar:#404040;--vazio:#262626;--marca:#434343;--agua:#2f2f2f;--ico:#c8c8c8;--ico-off:#6b6b6b;--txt:#f5f5f5;--txt2:#a3a3a3;--hover:rgba(255,255,255,.08);--pill:#5a5a5a;--busca:#1b1b1b;--btn:#525252;--loja-txt:#ececec;--menu:#353535;--linha:rgba(255,255,255,.1);
  position:fixed;inset:0;background:var(--strip);display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s}
#win.tema-plum{--strip:#38232c;--bar:#5c3f4b;--vazio:#38232c;--marca:#6a4b58;--agua:#432c36;--ico:#e2d2da;--ico-off:#86697a;--txt:#f7eef2;--txt2:#bfa9b4;--pill:#7c5767;--busca:#211218;--btn:#6e5060;--loja-txt:#ead8e1;--menu:#4a3039;--linha:rgba(255,220,235,.12)}
#win.tema-floresta{--strip:#1f2b25;--bar:#33463c;--vazio:#1f2b25;--marca:#4a5f53;--agua:#27352e;--ico:#d3e2d9;--ico-off:#6d8678;--txt:#eef6f1;--txt2:#a9bdb1;--pill:#557564;--busca:#141c18;--btn:#4a6356;--loja-txt:#dfece5;--menu:#2b3b33;--linha:rgba(220,255,235,.12)}
#win.tema-mar{--strip:#1d2533;--bar:#313d52;--vazio:#1d2533;--marca:#4a5874;--agua:#252f40;--ico:#d3dbea;--ico-off:#6c7891;--txt:#eef2f8;--txt2:#a8b3c6;--pill:#52627f;--busca:#131925;--btn:#47546c;--loja-txt:#dfe6f1;--menu:#29344a;--linha:rgba(220,235,255,.12)}
#win.min{transform:translateY(60%) scale(.08);opacity:0;pointer-events:none}
#doca{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:54px;height:54px;border-radius:14px;background:#2b2b2b;color:#cfcfcf;display:grid;place-items:center;box-shadow:0 8px 30px rgba(0,0,0,.4);z-index:50}
#doca svg{width:34px;height:34px}

/* faixa das abas */
#strip{height:40px;flex:none;display:flex;align-items:flex-end;position:relative;padding-right:52px}
.luzes{position:absolute;left:14px;top:15px;display:flex;gap:8px}
.luz{width:12px;height:12px;border-radius:50%;display:grid;place-items:center;font-size:10px;line-height:1;color:rgba(0,0,0,.55);font-weight:700}
.luz i{font-style:normal;opacity:0;margin-top:-1px}
.luzes:hover .luz i{opacity:1}
.luz.r{background:#ff5f57}.luz.y{background:#febc2e}.luz.g{background:#28c840}
.navs{position:absolute;left:79px;top:9px;display:flex;gap:10px}
.ico{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;color:var(--ico);flex:none}
.ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ico:hover{background:var(--hover)}
.ico:disabled,.ico.off{color:var(--ico-off);pointer-events:none}
.navs .ico{width:24px;height:24px}
#b-loja{position:absolute;right:15px;top:9px}
#abas{margin-left:224px;display:flex;align-items:flex-end;height:34px;min-width:0;flex:1;gap:0}
.aba{position:relative;height:34px;flex:0 1 232px;min-width:44px;display:flex;align-items:center;padding:0 8px 0 11px;border-radius:8px 8px 0 0;color:var(--txt);cursor:default}
.aba:not(.ativa):hover{background:var(--hover);height:28px;margin-bottom:3px;border-radius:8px}
.aba.ativa{background:var(--bar);z-index:2}
.aba.ativa::before,.aba.ativa::after{content:"";position:absolute;bottom:0;width:8px;height:8px;background:radial-gradient(circle at 0 0,transparent 7.5px,var(--bar) 8px)}
.aba.ativa::before{left:-8px;background:radial-gradient(circle at 0 0,transparent 7.5px,var(--bar) 8px)}
.aba.ativa::after{right:-8px;background:radial-gradient(circle at 100% 0,transparent 7.5px,var(--bar) 8px)}
.aba:not(.ativa)+.aba:not(.ativa)::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:1px;background:var(--linha)}
.aba .fav{width:16px;height:16px;flex:none;border-radius:3px;object-fit:contain}
.aba .fav.marca{color:var(--txt)}
.aba .tit{margin-left:10px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
.aba .x{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:var(--ico);flex:none}
.aba .x:hover{background:var(--hover)}
.aba .x svg{width:12px;height:12px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round}
.aba .gira{width:14px;height:14px;border:2px solid var(--ico-off);border-top-color:#8ab4f8;border-radius:50%;animation:gira .7s linear infinite;flex:none;margin:1px}
@keyframes gira{to{transform:rotate(360deg)}}
.nova{width:28px;height:28px;margin:0 0 3px 5px;border-radius:50%;display:grid;place-items:center;color:var(--ico);flex:none}
.nova:hover{background:var(--hover)}
.nova svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round}

/* corpo */
#corpo{flex:1;display:flex;min-height:0;position:relative}
#lateral{width:48px;flex:none;background:var(--bar);display:flex;flex-direction:column;align-items:center;padding-top:11px;padding-bottom:12px;transition:margin .2s}
#win.sem-lado #lateral{margin-left:-48px}
#espacos{display:flex;flex-direction:column;gap:12px;align-items:center}
.bola{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:300;color:#fff;opacity:.6;position:relative;transition:opacity .15s}
.bola:hover{opacity:.8}
.bola.sel{opacity:1;color:#262626;box-shadow:0 0 0 2px var(--bar),0 0 0 4px var(--c)}
.bola svg{width:17px;height:17px;fill:none;stroke:#303030;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.bola .ponto{position:absolute;top:-1px;right:-1px;width:9px;height:9px;border-radius:50%;background:#ff5f57;border:2px solid var(--bar)}
#apps-lado{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:18px;padding-bottom:16px}
.app-lado{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;position:relative}
.app-lado img,.app-lado .letra{width:16px;height:16px;border-radius:3px;object-fit:contain}
.app-lado:hover{background:var(--hover)}
.app-lado.sel::before{content:"";position:absolute;left:-12px;top:4px;bottom:4px;width:3px;border-radius:0 3px 3px 0;background:var(--txt)}
.letra{display:grid;place-items:center;color:#fff;font-weight:600;font-size:10px;font-family:Inter,sans-serif}
.mais-app{width:24px;height:24px}

#direita{flex:1;display:flex;flex-direction:column;min-width:0}
#barra{height:48px;flex:none;background:var(--bar);display:flex;align-items:center;padding:0 10px 0 15px;gap:0;position:relative}
#win:not(.sem-lado) #barra{margin-left:-48px;padding-left:63px}
#b-ia{margin-right:6px}
#omni{flex:1;height:36px;border-radius:18px;background:var(--strip);border:2px solid transparent;display:flex;align-items:center;padding:0 7px 0 7px;min-width:0;position:relative}
#omni.foco{border-color:#9ec4f8}
#omni .mini{width:22px;height:22px;border-radius:50%}
#omni .mini svg{width:16px;height:16px}
#omni-in{flex:1;min-width:0;height:100%;padding:0 8px 0 9px;font-size:14px;color:var(--txt);user-select:text;-webkit-user-select:text}
#omni-in::placeholder{color:var(--txt2)}
#b-estrela.on svg{fill:#5b8def;stroke:#5b8def}
#b-estrela svg{width:17px;height:17px}
.ferr{display:flex;gap:10px;margin-left:10px}
#conteudo{flex:1;margin:0 4px 4px 0;border-radius:8px;overflow:hidden;position:relative;background:var(--vazio)}
#win.sem-lado #conteudo{margin-left:4px}

/* sem abas */
.vazio{position:absolute;inset:0;overflow:hidden;background:var(--vazio)}
.vazio .agua{position:absolute;width:604px;height:604px;right:-178px;bottom:-98px;color:var(--agua);pointer-events:none}
.vazio .meio{position:absolute;left:0;right:0;top:calc(50% - 82px);display:flex;flex-direction:column;align-items:center}
.vazio .logo{width:57px;height:57px;color:var(--marca)}
.vazio h2{font-weight:400;font-size:22px;color:var(--txt2);margin-top:12px;letter-spacing:.1px}
.vazio .nt{margin-top:20px;height:40px;width:132px;border-radius:8px;background:var(--btn);color:#d4d4d4;font-size:14px;display:flex;align-items:center;justify-content:center;gap:12px}
.vazio .nt:hover{filter:brightness(1.1)}
.vazio .nt svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round}
.vazio .atalhos{position:absolute;left:0;right:0;bottom:44px;text-align:center;font-size:13px;color:#8a8a8a;word-spacing:1px}
#win.tema-plum .vazio .atalhos{color:#a0848f}
.vazio .atalhos span{margin:0 9px}

/* página do google */
.pag{position:absolute;inset:0;overflow:auto;user-select:text;-webkit-user-select:text}
.ntp{background:#3c3c3c;color:#e3e3e3;font-family:"Google Sans",Roboto,Arial,sans-serif}
.ntp .topo{position:absolute;right:20px;top:20px;display:flex;align-items:center;gap:15px;font-size:13px}
.ntp .topo a{color:#e3e3e3;text-decoration:none;cursor:pointer}
.ntp .topo a:hover{text-decoration:underline}
.ntp .grade{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#e3e3e3}
.ntp .grade:hover{background:rgba(255,255,255,.1)}
.ntp .grade svg{width:22px;height:22px;fill:currentColor}
.ntp .gl{margin:132px auto 0;text-align:center;font-family:"Google Sans",sans-serif;font-size:92px;line-height:92px;font-weight:500;color:#fff;letter-spacing:-3px;height:92px}
.ntp form{margin:39px auto 0;width:min(744px,calc(100% - 32px));height:48px;border-radius:24px;background:#fff;display:flex;align-items:center;padding:0 11px 0 18px;color:#5f6368}
.ntp form:hover{box-shadow:0 1px 6px rgba(0,0,0,.35)}
.ntp form>svg{width:20px;height:20px;fill:#5f6368;flex:none}
.ntp form input{flex:1;min-width:0;height:100%;padding:0 12px;font-size:16px;color:#202124;font-family:Roboto,"Google Sans",Arial,sans-serif}
.ntp form input::placeholder{color:#5f6368}
.ntp .fb{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none}
.ntp .fb:hover{background:#f1f3f4}
.ntp .fb svg{width:20px;height:20px}
.ntp .modo{height:35px;padding:0 13px 0 10px;border-radius:18px;background:#f1f3f4;color:#202124;display:flex;align-items:center;gap:5px;font-size:14px;margin-left:4px;flex:none;font-family:"Google Sans",sans-serif}
.ntp .modo svg{width:16px;height:16px}
.ntp .atal{display:flex;justify-content:center;gap:0;margin-top:24px;flex-wrap:wrap}
.ntp .at{width:112px;height:112px;border-radius:8px;display:flex;flex-direction:column;align-items:center;padding-top:16px;cursor:pointer;color:#e3e3e3}
.ntp .at:hover{background:rgba(255,255,255,.08)}
.ntp .at .c{width:48px;height:48px;border-radius:50%;background:#4a4a4a;display:grid;place-items:center;font-size:13px;color:#fff}
.ntp .at .c .n{width:24px;height:24px;border-radius:50%;background:#7b6b63;display:grid;place-items:center;font-size:12px}
.ntp .at .c svg{width:24px;height:24px}
.ntp .at span{margin-top:12px;font-size:13px;max-width:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* páginas genéricas */
.claro{background:#fff;color:#202124;font-family:Inter,Arial,sans-serif}
.res{padding:24px 0 60px}
.res .cab{display:flex;align-items:center;gap:20px;padding:0 24px 18px;border-bottom:1px solid #ebebeb}
.res .cab b{font-family:"Google Sans";font-size:26px;font-weight:500;letter-spacing:-1px;color:#202124}
.res .cab .q{flex:1;max-width:690px;height:44px;border-radius:22px;border:1px solid #dfe1e5;display:flex;align-items:center;padding:0 18px;font-size:16px}
.res .lista{max-width:652px;margin:0 0 0 164px;padding:20px 0}
.res .r{margin:0 0 28px;cursor:pointer}
.res .r small{display:block;color:#4d5156;font-size:12px}
.res .r h3{color:#1a0dab;font-size:20px;font-weight:400;margin:4px 0 4px;font-family:Arial,sans-serif}
.res .r:hover h3{text-decoration:underline}
.res .r p{color:#4d5156;font-size:14px;line-height:1.58}
.img-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:20px 24px}
.img-grade div{aspect-ratio:4/3;border-radius:10px}
.site{max-width:760px;margin:0 auto;padding:72px 32px 80px}
.site .dom{font-size:12px;letter-spacing:.2em;text-transform:lowercase;color:#8a8a8a}
.site h1{font-size:38px;line-height:1.15;margin:14px 0 22px;font-weight:600;letter-spacing:-.5px;text-wrap:balance}
.site p{font-size:16px;line-height:1.7;color:#3c4043;margin:0 0 18px}
.site .faixa{height:260px;border-radius:14px;margin:26px 0}

/* telas de app */
.app{position:absolute;inset:0;display:flex;font-family:Inter,Arial,sans-serif;background:#fff;color:#1f1f1f;user-select:text;-webkit-user-select:text}
.app .lado{width:240px;flex:none;padding:14px 10px;overflow:auto;border-right:1px solid rgba(0,0,0,.07)}
.app .meio{flex:1;min-width:0;overflow:auto;position:relative}
.app .marcab{display:flex;align-items:center;gap:10px;padding:6px 10px 16px;font-weight:600;font-size:16px}
.app .marcab img,.app .marcab .letra{width:26px;height:26px;border-radius:6px;font-size:13px}
.app .it{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:14px;cursor:pointer;color:inherit}
.app .it:hover{background:rgba(0,0,0,.05)}
.app .it.sel{background:var(--ac2);font-weight:600}
.app .it .n{margin-left:auto;font-size:12px;opacity:.7}
.app .bt{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:16px;background:var(--ac2);font-weight:600;font-size:14px;margin:0 0 14px 4px;cursor:pointer}
.app .bt:hover{filter:brightness(.97)}
.mail .linha{display:flex;gap:14px;align-items:center;padding:11px 18px;border-bottom:1px solid #f0f0f0;font-size:14px;cursor:pointer}
.mail .linha:hover{box-shadow:inset 1px 0 #dadce0,inset -1px 0 #dadce0,0 1px 2px rgba(60,64,67,.3);position:relative;z-index:1}
.mail .linha.nl b{font-weight:700}
.mail .linha .de{width:190px;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail .linha .as{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5f6368}
.mail .linha .as b{color:#202124;font-weight:500}
.mail .linha .h{font-size:12px;color:#5f6368;flex:none}
.mail .linha .st{width:18px;height:18px;flex:none;fill:none;stroke:#9aa0a6;stroke-width:1.6;cursor:pointer}
.mail .linha .st.on{fill:#f4b400;stroke:#f4b400}
.mail .ler{padding:24px 40px 60px;max-width:900px}
.mail .ler h2{font-size:22px;font-weight:400;margin:6px 0 20px}
.mail .ler p{font-size:14px;line-height:1.7;margin:0 0 14px;color:#222}
.mail .volta{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#5f6368;cursor:pointer;padding:6px 10px;border-radius:8px}
.mail .volta:hover{background:#f1f3f4}
.chat{background:#fff}
.chat .lado{background:var(--ac);color:#fff;border:0}
.chat .lado .it{color:rgba(255,255,255,.85)}
.chat .lado .it:hover{background:rgba(255,255,255,.1)}
.chat .lado .it.sel{background:rgba(255,255,255,.22);color:#fff}
.chat .meio{display:flex;flex-direction:column}
.chat .topo{padding:14px 20px;border-bottom:1px solid #eee;font-weight:700;font-size:15px}
.chat .msgs{flex:1;overflow:auto;padding:16px 20px}
.chat .m{display:flex;gap:10px;margin:0 0 16px;max-width:760px}
.chat .m .av{width:34px;height:34px;border-radius:8px;flex:none}
.chat .m b{font-size:14px}
.chat .m small{color:#888;font-size:11px;margin-left:6px}
.chat .m p{font-size:14px;line-height:1.5;margin-top:2px}
.chat .eu{margin-left:auto;flex-direction:row-reverse;text-align:right}
.chat .bolha .m p{background:#f1f1f1;padding:8px 12px;border-radius:12px;display:inline-block;text-align:left}
.chat .bolha .eu p{background:var(--ac2)}
.chat form{margin:0 20px 18px;border:1px solid #ccc;border-radius:10px;display:flex;align-items:center;padding:4px 6px 4px 14px}
.chat form input{flex:1;height:36px;font-size:14px;color:#1f1f1f}
.chat form button{width:34px;height:34px;border-radius:8px;background:var(--ac);color:#fff;display:grid;place-items:center}
.chat form button svg{width:16px;height:16px;fill:currentColor}
.feed{background:#fafafa;justify-content:center}
.feed .col{width:min(470px,100%);padding:20px 12px 60px}
.feed .stories{display:flex;gap:14px;overflow:auto;padding:4px 0 18px;scrollbar-width:none}
.feed .story{width:62px;flex:none;text-align:center;font-size:11px;cursor:pointer}
.feed .story i{display:block;width:62px;height:62px;border-radius:50%;padding:3px;background:linear-gradient(45deg,#FFB872,#F48591,#C18EA9)}
.feed .story i b{display:block;width:100%;height:100%;border-radius:50%;border:3px solid #fafafa}
.feed .story.visto i{background:#dbdbdb}
.feed .post{background:#fff;border:1px solid #efefef;border-radius:10px;margin:0 0 18px;overflow:hidden}
.feed .post .cabp{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600}
.feed .post .cabp i{width:30px;height:30px;border-radius:50%}
.feed .post .foto{aspect-ratio:1/1}
.feed .post .acoes{display:flex;gap:14px;padding:10px 12px 4px}
.feed .post .acoes svg{width:24px;height:24px;fill:none;stroke:#262626;stroke-width:1.8;cursor:pointer}
.feed .post .acoes .curtido svg{fill:#ed4956;stroke:#ed4956}
.feed .post .leg{padding:4px 12px 14px;font-size:13px;line-height:1.5}
.video{background:#0f0f0f;color:#f1f1f1}
.video .lado{border-color:#222;width:220px}
.video .lado .it:hover{background:#272727}
.video .lado .it.sel{background:#272727}
.video .vgrade{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px 16px;padding:20px 24px}
.video .v{cursor:pointer}
.video .v .th{aspect-ratio:16/9;border-radius:12px;position:relative}
.video .v .th small{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.8);border-radius:4px;padding:1px 4px;font-size:12px}
.video .v h4{font-size:14px;font-weight:600;line-height:1.4;margin:10px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.video .v p{font-size:12px;color:#aaa}
.video .player{padding:24px;max-width:1100px}
.video .player .tela{aspect-ratio:16/9;border-radius:12px;display:grid;place-items:center;cursor:pointer}
.video .player .tela svg{width:68px;height:48px}
.video .player h2{font-size:20px;margin:14px 0 10px}
.video .player p{font-size:14px;line-height:1.6;color:#ccc;background:#272727;border-radius:12px;padding:12px}
.musica{background:#121212;color:#fff}
.musica .lado{background:#000;border:0}
.musica .lado .it:hover,.musica .lado .it.sel{background:#1f1f1f}
.musica .capa{display:flex;align-items:flex-end;gap:24px;padding:40px 32px 24px;background:linear-gradient(#8D96C1,#121212)}
.musica .capa i{width:190px;height:190px;border-radius:6px;flex:none;box-shadow:0 8px 40px rgba(0,0,0,.5)}
.musica .capa h1{font-size:56px;line-height:1;letter-spacing:-2px;margin:8px 0 12px}
.musica .tocar{width:56px;height:56px;border-radius:50%;background:#1ed760;display:grid;place-items:center;margin:20px 32px;cursor:pointer;color:#000}
.musica .tocar svg{width:22px;height:22px;fill:currentColor}
.musica .faixa{display:grid;grid-template-columns:32px 1fr 1fr 60px;gap:12px;padding:8px 32px;font-size:14px;color:#b3b3b3;cursor:pointer;align-items:center}
.musica .faixa:hover{background:rgba(255,255,255,.08)}
.musica .faixa b{color:#fff;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.musica .faixa.on b,.musica .faixa.on span:first-child{color:#1ed760}
.musica .faixa span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quadro{background:var(--ac)}
.quadro .meio{padding:16px;display:flex;gap:12px;align-items:flex-start;overflow:auto}
.quadro .colq{width:272px;flex:none;background:#f1f2f4;border-radius:12px;padding:10px}
.quadro .colq h4{font-size:14px;padding:4px 6px 10px}
.quadro .card{background:#fff;border-radius:8px;padding:9px 10px;font-size:14px;line-height:1.4;margin:0 0 8px;box-shadow:0 1px 1px rgba(9,30,66,.25);cursor:grab}
.quadro .card.feito{text-decoration:line-through;opacity:.55}
.quadro .card .tag{display:block;width:40px;height:8px;border-radius:4px;margin-bottom:6px}
.quadro .add{font-size:14px;color:#44546f;padding:8px 6px;border-radius:8px;cursor:pointer;display:block;width:100%;text-align:left}
.quadro .add:hover{background:rgba(9,30,66,.08)}
.quadro .titq{color:#fff;font-weight:700;font-size:18px;padding:6px 6px 0;position:absolute;left:16px;top:10px}
.doc .meio{padding:0}
.doc .folha{max-width:720px;margin:0 auto;padding:80px 40px}
.doc .folha h1{font-size:40px;font-weight:700;margin:0 0 18px;outline:none}
.doc .folha p{font-size:16px;line-height:1.7;margin:0 0 14px;color:#37352f}
.doc .folha [contenteditable]{cursor:text}
.doc .lado{background:#f7f7f5}
.ia{background:#fff}
.ia .conv{max-width:740px;margin:0 auto;padding:40px 24px 140px}
.ia .q{background:#f4f4f4;border-radius:18px;padding:10px 16px;margin:0 0 24px auto;width:fit-content;max-width:80%;font-size:15px}
.ia .a{font-size:15px;line-height:1.7;margin:0 0 26px}
.ia form{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:min(740px,calc(100% - 32px));border:1px solid #e3e3e3;border-radius:24px;padding:8px 8px 8px 20px;display:flex;align-items:center;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.ia form input{flex:1;height:40px;font-size:15px;color:#1f1f1f}
.ia form button{width:36px;height:36px;border-radius:50%;background:#1f1f1f;color:#fff;display:grid;place-items:center}
.ia form button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ia .vazioia{text-align:center;padding-top:22vh;font-size:28px;font-weight:500}
.cal .meio{display:flex;flex-direction:column}
.cal .semana{display:grid;grid-template-columns:56px repeat(7,1fr);flex:1;overflow:auto}
.cal .dia{border-left:1px solid #e0e0e0;position:relative;min-height:960px;background:repeating-linear-gradient(#fff 0 59px,#e0e0e0 59px 60px)}
.cal .dcab{display:grid;grid-template-columns:56px repeat(7,1fr);border-bottom:1px solid #e0e0e0;font-size:11px;color:#70757a;text-align:center;padding:8px 0}
.cal .dcab b{display:block;font-size:24px;font-weight:400;color:#3c4043}
.cal .dcab .hoje b{background:#1a73e8;color:#fff;border-radius:50%;width:44px;height:44px;line-height:44px;margin:0 auto}
.cal .ev{position:absolute;left:3px;right:6px;border-radius:6px;padding:4px 6px;font-size:12px;color:#fff;overflow:hidden;cursor:pointer}
.cal .horas{font-size:10px;color:#70757a;text-align:right;padding-right:8px}
.cal .horas div{height:60px;transform:translateY(-6px)}
.gen .meio{padding:0}
.gen .heroi{padding:56px 48px 36px;background:var(--ac2)}
.gen .heroi h1{font-size:34px;letter-spacing:-.5px;margin:12px 0 10px}
.gen .heroi p{max-width:640px;font-size:15px;line-height:1.6;color:#444}
.gen .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:28px 48px 60px}
.gen .cards div{border:1px solid #eee;border-radius:12px;padding:18px;font-size:14px;line-height:1.55;cursor:pointer}
.gen .cards div:hover{border-color:var(--ac)}
.gen .cards b{display:block;margin-bottom:6px;font-size:15px}

/* ajustes */
.aj{position:absolute;inset:0;display:flex;background:#1f1f1f;color:#e8e8e8;font-family:Inter,sans-serif}
.aj .lado{width:250px;padding:20px 12px;border-right:1px solid #2c2c2c;overflow:auto}
.aj .lado h3{font-size:20px;padding:4px 12px 18px;font-weight:600}
.aj .lado button{display:flex;width:100%;padding:9px 12px;border-radius:8px;font-size:14px;text-align:left;color:#cfcfcf}
.aj .lado button:hover{background:#2a2a2a}
.aj .lado button.sel{background:#33405a;color:#fff}
.aj .painel{flex:1;overflow:auto;padding:28px 40px 60px}
.aj .painel h2{font-size:22px;font-weight:600;margin:0 0 20px}
.aj .grupo{background:#272727;border-radius:12px;margin:0 0 18px;max-width:720px}
.aj .op{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid #313131;font-size:14px}
.aj .op:last-child{border-bottom:0}
.aj .op div{flex:1}
.aj .op small{display:block;color:#9a9a9a;font-size:12px;margin-top:3px;line-height:1.45}
.chave{width:36px;height:20px;border-radius:10px;background:#555;position:relative;flex:none;transition:background .15s}
.chave::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.chave.on{background:#8ab4f8}
.chave.on::after{transform:translateX(16px)}
.aj select{background:#333;color:#eee;border:0;border-radius:6px;padding:6px 10px;font:inherit}

/* popovers e menus */
.pop{position:absolute;z-index:40;background:var(--menu);border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.07);color:var(--txt);padding:6px;min-width:220px;font-size:13px;display:none}
.pop.on{display:block}
.pop .mi{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:6px;text-align:left;font-size:13px}
.pop .mi:hover,.pop .mi.ativo{background:var(--hover)}
.pop .mi svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.pop .mi img,.pop .mi .letra{width:16px;height:16px;border-radius:3px}
.pop .sep{height:1px;background:var(--linha);margin:5px 4px}
.pop h5{font-size:13px;font-weight:600;padding:8px 10px 6px}
.pop p{padding:2px 10px 8px;color:var(--txt2);line-height:1.5;font-size:12px}
.pop .cores{display:flex;gap:8px;padding:6px 10px 8px}
.pop .cores button{width:22px;height:22px;border-radius:50%;border:2px solid transparent}
.pop .cores button.sel{border-color:var(--txt)}
.pop .linhaop{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;gap:14px}
#sugestoes{left:-2px;right:-2px;top:40px;padding:6px 0}
#sugestoes .mi{border-radius:0;padding:8px 18px}
#sugestoes .mi b{font-weight:600}
#camada{position:absolute;inset:0;pointer-events:none;z-index:45}
#camada>*{pointer-events:auto}
.fundo{position:absolute;inset:0;background:rgba(0,0,0,.45);display:grid;place-items:center;z-index:60}
.dlg{width:min(400px,calc(100% - 32px));background:var(--menu);color:var(--txt);border-radius:14px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.5);font-family:Inter,sans-serif}
.dlg .ic{width:56px;height:56px;border-radius:12px;background:var(--bar);display:grid;place-items:center;margin:0 auto 14px}
.dlg .ic img,.dlg .ic .letra{width:32px;height:32px;border-radius:6px;font-size:16px}
.dlg h3{text-align:center;font-size:17px;font-weight:600;margin-bottom:6px}
.dlg p{text-align:center;color:var(--txt2);font-size:13px;line-height:1.5;margin-bottom:16px}
.dlg label{display:block;font-size:12px;color:var(--txt2);margin:10px 0 6px}
.dlg input{width:100%;height:38px;border-radius:8px;background:var(--busca);padding:0 12px;font-size:14px;user-select:text;-webkit-user-select:text}
.dlg .bts{display:flex;gap:10px;margin-top:20px}
.dlg .bts button{flex:1;height:38px;border-radius:8px;background:var(--bar);font-weight:600;font-size:13px}
.dlg .bts .pri{background:#8ab4f8;color:#1b1b1b}
#win.tema-plum .dlg .bts .pri{background:#e3b6c9}
.aviso{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:var(--menu);color:var(--txt);padding:10px 16px;border-radius:10px;font-size:13px;box-shadow:0 8px 30px rgba(0,0,0,.4);z-index:70;animation:sobe .2s}
@keyframes sobe{from{opacity:0;transform:translate(-50%,8px)}}
.painel-ia{position:absolute;top:0;right:0;bottom:0;width:min(360px,100%);background:var(--strip);border-left:1px solid var(--linha);display:flex;flex-direction:column;z-index:30;font-family:Inter,sans-serif}
.painel-ia .ct{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-weight:600;font-size:14px}
.painel-ia .cv{flex:1;overflow:auto;padding:4px 16px;user-select:text;-webkit-user-select:text}
.painel-ia .cv p{font-size:13px;line-height:1.6;margin:0 0 14px;color:var(--txt)}
.painel-ia .cv .eu{background:var(--bar);padding:8px 12px;border-radius:12px;margin-left:30px}
.painel-ia form{margin:12px;display:flex;background:var(--busca);border-radius:12px;padding:4px 4px 4px 12px}
.painel-ia form input{flex:1;height:34px;font-size:13px}
.painel-ia form button{width:32px;height:32px;border-radius:8px;background:var(--bar);display:grid;place-items:center}
.painel-ia form button svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}

/* loja de apps */
#loja{position:absolute;inset:0;z-index:55;background:var(--strip);color:var(--loja-txt);font-family:Inter,sans-serif;display:flex;flex-direction:column}
#loja .fecha{position:absolute;right:38px;top:40px;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;color:var(--loja-txt)}
#loja .fecha:hover{background:var(--hover)}
#loja .fecha svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round}
#loja .linha-top{position:absolute;left:33px;right:33px;top:82px;height:1px;background:var(--bar)}
#loja .cols{position:absolute;left:0;right:0;top:86px;bottom:0;display:flex}
#loja .cat{width:269px;flex:none;overflow:auto;padding:0 0 30px 33px;scrollbar-width:none}
#loja .cat::-webkit-scrollbar{display:none}
#loja .trilho{width:8px;flex:none;border-radius:4px;background:var(--pill);margin:0 0 95px}
#loja .cat h3{font-size:18px;font-weight:600;line-height:22px;margin:29px 0 0}
#loja .cat h3+.filtros{margin-top:20px}
#loja .cat h3.col2{margin-top:25px}
#loja .filtros button{display:flex;width:200px;height:34px;align-items:center;padding:0 11px;border-radius:6px;font-size:13px;margin:0 0 8px;color:var(--loja-txt);white-space:nowrap}
#loja .filtros button:hover{background:var(--hover)}
#loja .filtros button.sel{background:var(--pill)}
#loja .dir{flex:1;min-width:0;overflow:auto;padding:29px 0 40px 37px;position:relative}
#loja .dir::-webkit-scrollbar{width:8px}
#loja .dir::-webkit-scrollbar-thumb{background:var(--pill);border-radius:4px}
#loja .busca-l{display:flex;align-items:center;justify-content:space-between;padding-right:37px;gap:16px}
#loja .busca{width:254px;height:37px;border-radius:6px;background:var(--busca);display:flex;align-items:center;padding:0 12px;gap:12px;flex:none}
#loja .busca svg{width:17px;height:17px;stroke:var(--loja-txt);stroke-width:1.8;fill:none;flex:none;opacity:.85}
#loja .busca input{flex:1;min-width:0;height:100%;font-size:14px;color:var(--loja-txt);user-select:text;-webkit-user-select:text}
#loja .busca input::placeholder{color:var(--loja-txt);opacity:.45}
#loja .custom{height:34px;padding:0 21px;border-radius:6px;background:var(--pill);font-weight:600;font-size:13px;color:var(--loja-txt);flex:none}
#loja .custom:hover{filter:brightness(1.1)}
#loja h4{font-size:14px;font-weight:600;line-height:22px;margin:43px 0 0 -1px}
#loja .grade{display:grid;grid-template-columns:repeat(auto-fill,108px);margin:28px 0 0 -32px;row-gap:22px}
#loja .t{width:108px;height:90px;display:flex;flex-direction:column;align-items:center;cursor:pointer}
#loja .t .q{width:40px;height:40px;border-radius:8px;background:var(--bar);display:grid;place-items:center;transition:transform .12s}
#loja .t:hover .q{filter:brightness(1.18)}
#loja .t:active .q{transform:scale(.94)}
#loja .t .q img,#loja .t .q .letra{width:24px;height:24px;border-radius:4px;object-fit:contain;filter:saturate(.88)}
#loja .t .q .letra{font-size:11px}
#loja .t span{margin-top:9px;font-size:13px;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px}
#loja .t.tem .q{box-shadow:0 0 0 2px var(--pill)}
#loja .nada{padding:40px 0;font-size:14px;opacity:.7}
#loja .sentinela{height:1px}
#loja .abre-cat{display:none}

/* telas pequenas */
@media (max-width:760px){
  .ferr .ico:not([data-acao=ajustes]){display:none}
  .luzes{display:none}
  .navs{left:6px;gap:2px}
  #abas{margin-left:106px}
  .aba{flex-basis:160px;padding:0 6px 0 9px}
  .aba .tit{margin-left:7px}
  .app .lado{display:none}
  .chat .lado{display:none}
  .vazio .agua{width:360px;height:360px;right:-120px;bottom:-60px}
  .ntp .gl{font-size:64px;margin-top:90px;letter-spacing:-2px}
  .ntp .topo{right:10px;top:10px}
  .ntp .modo span{display:none}
  .res .lista{margin:0 20px}
  .res .cab b{display:none}
  .site{padding:44px 20px}
  .site h1{font-size:28px}
  .musica .capa{flex-direction:column;align-items:flex-start}
  .musica .capa i{width:140px;height:140px}
  .musica .capa h1{font-size:36px}
  .musica .faixa{grid-template-columns:24px 1fr 50px;padding:8px 16px}
  .musica .faixa span.alb{display:none}
  .gen .heroi,.gen .cards{padding-left:20px;padding-right:20px}
  .aj .lado{display:none}
  .aj .painel{padding:22px 16px}
  .mail .linha .de{width:110px}
  .mail .ler{padding:20px}
  #loja .cat,#loja .trilho{display:none}
  #loja .fecha{right:12px;top:12px}
  #loja .linha-top{left:16px;right:16px;top:48px}
  #loja .cols{top:49px}
  #loja .dir{padding:16px 0 40px 16px}
  #loja .busca-l{padding-right:16px;flex-wrap:wrap}
  #loja .busca{flex:1;width:auto;min-width:160px}
  #loja .abre-cat{display:flex;gap:8px;overflow-x:auto;padding:14px 16px 2px 0;scrollbar-width:none}
  #loja .abre-cat::-webkit-scrollbar{display:none}
  #loja .abre-cat button{flex:none;height:30px;padding:0 12px;border-radius:15px;background:var(--bar);font-size:12px;color:var(--loja-txt)}
  #loja .abre-cat button.sel{background:var(--pill)}
  #loja h4{margin-top:22px}
  #loja .grade{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin:18px 16px 0 0;row-gap:14px}
  #loja .t{width:auto}
  #loja .t span{max-width:76px;font-size:12px}
}
#lateral{position:relative;z-index:3}
@media (hover:none){.ntp .at:hover{background:none}}
.vazio .atalhos{text-wrap:balance;padding:0 16px}