/* assets/site.css */
/* Layout: one white, centered column. Home = question + search + problem tiles + "just tell us". Guide = numbered steps, one idea each. Deliberately light-only. */
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 700;font-display:swap;src:url("/assets/fonts/figtree-latin.4ba7d3d096.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/jetbrains-mono-latin-400.14425ba9c6.woff2") format("woff2")}
:root{
  --bg:#ffffff; --soft:#f5f7f8; --fg:#121417; --muted:#5f6670; --line:#e6e9ec;
  --accent:#0b7a63; --accent-soft:#e9f6f2; --accent-fg:#ffffff; --warn:#a14a0b; --warn-soft:#fff6ec;
  --code-bg:#f5f7f8; --code-fg:#121417;
  --sans:"Figtree",system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
  --sans-ja:"Figtree",system-ui,-apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic","Meiryo","Noto Sans JP",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  color-scheme:light;
}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.wrap{max-width:640px;margin:0 auto;padding-block:28px 64px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:32px}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1rem;color:var(--fg);text-decoration:none;min-height:44px}
.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}
h1{font-size:clamp(1.7rem,6vw,2.1rem);line-height:1.2;margin:0;font-weight:700;letter-spacing:-.02em;text-wrap:balance}
h2{font-size:1.15rem;line-height:1.3;margin:0;font-weight:700;text-wrap:balance}
p{margin:0}
.muted{color:var(--muted)}
.stack{display:flex;flex-direction:column;gap:14px}
#home{gap:32px}
#guide{gap:20px}

.search{display:flex;align-items:center;gap:10px;background:var(--soft);border-radius:14px;padding:4px 6px 4px 16px;border:1.5px solid transparent}
.search:focus-within{border-color:var(--accent);background:var(--bg)}
.search svg{width:20px;height:20px;color:var(--muted);flex:none}
.search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:1.05rem;color:var(--fg);padding:12px 0;outline:none}
.btn{font:inherit;font-weight:600;font-size:1rem;border:0;border-radius:12px;padding:12px 20px;min-height:48px;cursor:pointer;background:var(--accent);color:var(--accent-fg)}
.btn.light{background:var(--soft);color:var(--fg)}
.btn[disabled]{opacity:.5;cursor:default}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,.step:focus-visible{outline:3px solid #f2b33d;outline-offset:2px}

.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tile{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer;text-align:left;text-decoration:none;min-height:108px;box-sizing:border-box;transition:border-color .15s,background .15s}
.tile:hover{border-color:var(--accent);background:var(--accent-soft)}
.tile .ico{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}
.tile .ico svg{width:20px;height:20px}
.tile b{font-weight:600;font-size:1rem;line-height:1.35}
.rows{display:flex;flex-direction:column}
.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;min-height:48px;box-sizing:border-box;border-bottom:1px solid var(--line);color:var(--fg);text-decoration:none;font-weight:500;line-height:1.35}
.row::after{content:"›";color:var(--muted);font-size:1.3rem;line-height:1}
.row:hover{color:var(--accent)}
.rows .row:last-child{border-bottom:0}
.cats{display:flex;flex-direction:column;gap:10px}
details.cat{border:1px solid var(--line);border-radius:16px;padding:0 16px}
details.cat summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:60px;font-weight:600}
details.cat summary::-webkit-details-marker{display:none}
details.cat summary .ico{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}
details.cat summary .ico svg{width:20px;height:20px}
details.cat summary .n{color:var(--muted);font-weight:500;font-size:.9rem;margin-left:auto}
details.cat summary::after{content:"+";font-size:1.3rem;line-height:1;color:var(--accent);width:16px;text-align:center}
details.cat[open] summary::after{content:"–"}
details.cat[open] summary{border-bottom:1px solid var(--line)}
.nores{background:var(--soft);border-radius:14px;padding:14px 16px;color:var(--muted)}

.ask{display:flex;flex-direction:column;gap:10px}
textarea{font:inherit;font-size:1rem;width:100%;box-sizing:border-box;min-height:96px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);color:var(--fg);padding:12px 14px;resize:vertical}
textarea:focus{border-color:var(--accent);outline:none}
.ask .btn{align-self:flex-start}
.answer{white-space:pre-wrap;background:var(--soft);border-radius:14px;padding:14px 16px;overflow-wrap:anywhere}

.back{font:inherit;font-weight:600;background:none;border:0;color:var(--accent);cursor:pointer;padding:8px 0;display:inline-flex;gap:4px;align-items:center;min-height:44px;align-self:flex-start;text-decoration:none}
.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;counter-reset:s}
.step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--line);counter-increment:s;border-radius:12px}
.step:last-child{border-bottom:0}
.step::before{content:counter(s);width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;font-weight:700;font-size:.95rem}
.step h3{margin:3px 0 4px;font-size:1.05rem;font-weight:700;line-height:1.35}
.step p{color:#2d3238}
.steps.live .step{cursor:pointer}
.step.active h3{color:var(--accent)}
.step.active::before{box-shadow:0 0 0 4px var(--accent-soft)}
.vis{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.keys{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--muted);font-weight:600}
kbd{font-family:var(--sans);font-weight:600;font-size:.95rem;color:var(--fg);background:var(--bg);border:1px solid #d4d9de;border-bottom-width:3px;border-radius:8px;padding:5px 11px}
.path{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.path span{background:var(--soft);border-radius:8px;padding:5px 10px;font-weight:600;font-size:.92rem}
.path i{font-style:normal;color:var(--muted)}
.note{background:var(--warn-soft);border-radius:12px;padding:10px 14px;font-size:.95rem;margin-top:12px}
.note b{color:var(--warn)}
.illo{width:100%;max-width:320px;height:auto;display:block;border-radius:12px}

details.script{background:var(--soft);border-radius:16px;padding:4px 16px}
details.script summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:10px}
details.script summary::-webkit-details-marker{display:none}
details.script summary::after{content:"+";font-size:1.3rem;line-height:1;color:var(--accent)}
details.script[open] summary::after{content:"–"}
.sbody{display:flex;flex-direction:column;gap:12px;padding-bottom:16px}
.sbody ol{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:4px}
.codebox{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow-x:auto}
pre{margin:0;padding:14px;color:var(--code-fg);font-family:var(--mono);font-size:.8rem;line-height:1.6;white-space:pre}
.copy{position:absolute;top:8px;right:8px;font:inherit;font-size:.85rem;font-weight:600;border:0;border-radius:8px;padding:6px 12px;background:var(--accent);color:var(--accent-fg);cursor:pointer}
.deepl{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:18px}
.deepl li::marker{font-weight:700;color:var(--accent)}
.deepl h4{margin:0 0 4px;font-size:1rem}
.deepl p{margin:0 0 8px;line-height:1.6}
.deepl .copy{position:static;display:block;margin:8px 8px 0 auto}
.deepl .codebox pre{margin:0;padding:6px 14px 14px;white-space:pre-wrap;word-break:break-word;font-size:.88rem}
.deepl .note{margin-top:8px}
.tech h4{margin:6px 0 -6px;font-size:1rem}
.tech p{margin:0;line-height:1.6}
.tech code,.read code{background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:6px;padding:1px 5px;font-size:.9em;word-break:break-word}
.read{display:flex;flex-direction:column;gap:6px;font-size:.95rem}
.read b{font-weight:700}

.foot{border-top:1px solid var(--line);padding-top:24px;display:flex;flex-direction:column;gap:18px}

/* Buy us a coffee */
.coffee{display:flex;flex-direction:column;gap:14px;background:linear-gradient(135deg,#fff8ee,#fdf1e2);border-radius:20px;padding:18px}
.cfhd{display:flex;gap:14px;align-items:center}
.coffee>p{margin-top:-4px}
.cfico{flex:none;width:48px;height:48px;border-radius:14px;background:#fff;color:#8a4b00;display:grid;place-items:center;box-shadow:0 1px 3px rgba(138,75,0,.15)}
.cfico svg{width:28px;height:28px;overflow:visible}
.cfico .steam{animation:steam 2.4s ease-in-out infinite}
@keyframes steam{0%,100%{opacity:.35;transform:translateY(1px)}50%{opacity:1;transform:translateY(-1px)}}
.cfbtns{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.cfb{display:flex;flex-direction:column;gap:2px;padding:12px 16px;min-height:56px;box-sizing:border-box;justify-content:center;border-radius:14px;background:#fff;color:var(--fg);text-decoration:none;box-shadow:inset 0 0 0 1.5px #ecd3b0;transition:transform .15s,box-shadow .15s}
.cfb b{font-weight:700;font-size:1.05rem}
.cfb span{font-size:.88rem;color:var(--muted)}
.cfb.main{background:#8a4b00;color:#fff;box-shadow:none}
.cfb.main span{color:#f6e3c8}
.cfb:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px #8a4b00}
.cfb.main:hover{box-shadow:0 4px 12px rgba(138,75,0,.25)}

/* Share */
.gbar{display:flex;justify-content:space-between;align-items:center;gap:10px}
.shtop{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.92rem;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:8px 16px;min-height:40px;box-sizing:border-box;text-decoration:none}
.shtop svg{width:18px;height:18px}
.shtop:hover{background:#d7efe7}
.share{display:flex;flex-direction:column;gap:16px;border:1.5px solid var(--accent-soft);background:linear-gradient(180deg,var(--accent-soft),var(--bg) 70%);border-radius:20px;padding:18px;scroll-margin-top:16px}
.share.flash{animation:shflash 1.2s ease}
@keyframes shflash{0%,100%{box-shadow:0 0 0 0 rgba(11,122,99,0)}30%{box-shadow:0 0 0 6px rgba(11,122,99,.25)}}
.shhd{display:flex;gap:14px;align-items:center}
.share>p{margin-top:-6px}
.shico{flex:none;width:48px;height:48px;border-radius:14px;background:var(--accent);color:#fff;display:grid;place-items:center}
.shico svg{width:24px;height:24px}
.shnow{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:1.05rem;min-height:54px}
.shnow svg{width:20px;height:20px}
.shrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}
.sh{font:inherit;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 2px;border:0;background:none;border-radius:14px;color:var(--fg);text-decoration:none;cursor:pointer;min-height:84px}
.sh:hover{background:var(--soft)}
.shc{--shbg:var(--soft);width:52px;height:52px;border-radius:50%;background:var(--shbg);color:#fff;display:grid;place-items:center;transition:transform .15s}
.sh:hover .shc{transform:scale(1.06)}
.shc svg{width:26px;height:26px;grid-area:1/1}
.shl{font-size:.82rem;font-weight:600;line-height:1.25;text-align:center}
.sh-wa .shc{--shbg:#25D366}
.sh-fb .shc{--shbg:#1877F2}
.sh-tg .shc{--shbg:#229ED9}
.sh-x .shc{--shbg:#111}
.sh-line .shc{--shbg:#06C755}
.sh-wb .shc{--shbg:#E6162D}
.sh-mail .shc{--shbg:#5f6670}
.sh-copy .shc{--shbg:var(--accent)}
.sh-copy .shc svg:last-child{opacity:0;transform:scale(.5);transition:opacity .2s,transform .2s}
.sh-copy .shc svg:first-child{transition:opacity .2s}
.sh-copy.done .shc{--shbg:#067647}
.sh-copy.done .shc svg:first-child{opacity:0}
.sh-copy.done .shc svg:last-child{opacity:1;transform:none}
.sh-copy.done .shl{color:#067647}

/* "It worked" → thank-you card */
.worked{display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:center;padding:4px 0}
.worked h2{font-size:1.05rem;color:var(--muted);font-weight:600}
.wk-yes{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:center;min-width:220px;font-size:1.1rem;min-height:54px;border-radius:999px;transition:background .2s}
.wk-yes svg{width:22px;height:22px}
.wk-yes.done,.wk-yes.done[disabled]{opacity:1;background:#ecfdf3;color:#067647;box-shadow:inset 0 0 0 2px #067647}
.wk-card{display:flex;flex-direction:column;gap:14px;background:var(--soft);border-radius:20px;padding:18px;text-align:left;animation:wkin .35s ease}
@keyframes wkin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wk-msg{font-weight:600;line-height:1.5}
.wk-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wk-btns.one{grid-template-columns:1fr}
.wkb{font:inherit;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:10px 12px;border-radius:14px;border:0;cursor:pointer;text-decoration:none;text-align:center;line-height:1.25;box-sizing:border-box}
.wkb svg{width:22px;height:22px;flex:none}
.wk-share{background:var(--accent);color:#fff}
.wk-tip{background:#8a4b00;color:#fff}
.wk-share:hover,.wk-tip:hover{filter:brightness(1.08)}
.wk-ch{padding-top:2px}
.wk-next{display:flex;flex-direction:column;gap:10px;align-items:center}
.wk-next:not(:has(:not([hidden]))){display:none}
.wkx{font:inherit;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px 20px;border-radius:999px;cursor:pointer;border:1.5px dashed currentColor;background:var(--bg);line-height:1.3}
.wk-bought{color:#8a4b00}
.wk-hero{color:var(--accent)}
.badge{display:flex;flex-direction:column;gap:12px;align-items:center;background:var(--soft);border-radius:20px;padding:18px;scroll-margin-top:16px}
.bg-name{display:flex;flex-direction:column;gap:6px;width:100%;max-width:360px;text-align:left;font-weight:600;font-size:.95rem}
.bg-name input{font:inherit;font-size:1.05rem;font-weight:500;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--fg);min-height:48px;box-sizing:border-box}
.bg-name input:focus{border-color:var(--accent);outline:none}
#bgCanvas{width:min(100%,300px);height:auto;border-radius:18px;background:#fff;box-shadow:0 6px 24px rgba(18,20,23,.12)}
.bg-size{display:flex;background:var(--bg);border-radius:999px;padding:4px;gap:4px;box-shadow:inset 0 0 0 1px var(--line)}
.bg-size button{font:inherit;font-size:.92rem;font-weight:700;display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:var(--muted);border-radius:999px;padding:8px 16px;min-height:44px;cursor:pointer}
.bg-size button[aria-checked="true"]{background:var(--accent);color:#fff}
.bg-size i{display:inline-block;border:2px solid currentColor;border-radius:3px;flex:none}
.bg-size .r-story{width:10px;height:17px}
.bg-size .r-post{width:13px;height:16px}
.bg-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;width:100%;max-width:360px}
.bg-btns .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;box-sizing:border-box}
.bg-btns svg{width:20px;height:20px}
.bg-hint{font-size:.9rem}
@media (max-width:340px){.wk-btns{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.wk-card{animation:none}}

/* AI helper, coming in the next update */
.soon{display:flex;flex-direction:column;gap:8px;align-items:flex-start;border:1.5px dashed #c9d3dc;border-radius:20px;padding:18px}
.soonb{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:#3538cd;background:#eef2ff;border-radius:999px;padding:4px 12px}
.soonb svg{width:14px;height:14px}
@media (prefers-reduced-motion: reduce){.cfico .steam,.share.flash{animation:none}.shc,.cfb{transition:none}}
.fine{font-size:.85rem;color:var(--muted)}
@media (max-width:360px){.tiles{grid-template-columns:minmax(0,1fr)}}

.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.langs{display:flex;background:var(--soft);border-radius:999px;padding:3px}
.langs a{font-size:.85rem;font-weight:600;color:var(--muted);text-decoration:none;padding:6px 12px;border-radius:999px;min-height:36px;min-width:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}
.langs a[aria-current="true"]{background:var(--bg);color:var(--fg);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.choose{display:flex;flex-direction:column;gap:10px}
.choose a{font-weight:600;color:var(--accent)}

/* Discovery cards */
.feedhd{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.feedhd h2{margin:0}
.feed .cards{display:grid;gap:12px}
.fc{border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}
.fk{align-self:flex-start;font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--soft);color:var(--fg)}
.k-alert .fk{background:#fdecec;color:#b42318}
.k-myth .fk{background:#eef2ff;color:#3538cd}
.k-tip .fk{background:#ecfdf3;color:#067647}
.k-dyk .fk,.k-pro .fk{background:#fff4e0;color:#8a4b00}
.fc h3{margin:0;font-size:1.05rem;line-height:1.35}
.fc p{margin:0;color:var(--muted)}
.fl{font-weight:700;color:var(--accent);text-decoration:none;align-self:flex-start;padding:6px 0;min-height:32px}
.fq{display:flex;gap:10px}
.fq .btn{flex:1}
.fv{font-weight:700}
.fv.ok{color:#067647}
.fv.no{color:#b42318}
.k-pick .fk{background:#eef2ff;color:#3538cd}
.fq.fo{flex-direction:column}
.fq.fo .btn{height:auto;padding:12px 16px;text-align:left;justify-content:flex-start;white-space:normal;line-height:1.35}
.fq.fo .btn:disabled{opacity:1;cursor:default}
.fq.fo .btn.good{background:#ecfdf3;color:#067647;box-shadow:inset 0 0 0 2px #067647}
.fq.fo .btn.bad{background:#fdecec;color:#b42318}

/* Feed blocks with their own refresh button */
.fblock{display:flex;flex-direction:column;gap:12px}
.fbhd{display:flex;justify-content:space-between;align-items:center;gap:10px}
.fbhd h3{margin:0;font-size:1.05rem}
.rf{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:.9rem;font-weight:700;color:var(--accent);background:var(--soft);border:0;border-radius:999px;padding:8px 14px;min-height:40px;cursor:pointer}
.rf.spin svg{animation:rfspin .5s ease}
@keyframes rfspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){.rf.spin svg{animation:none}}
/* Levels and learning path */
.lvc{display:inline-block;flex:none;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:2px 9px;border-radius:999px;line-height:1.6;white-space:nowrap}
.lv-basic{background:#ecfdf3;color:#067647}
.lv-fix{background:#eef4ff;color:#1d4ed8}
.lv-pro{background:#fff4e0;color:#8a4b00}
main#guide>.lvc{align-self:flex-start;margin-bottom:-10px}
.row .lvc{margin-left:auto}
.cat .row>span:first-child{flex:1}
.prow{justify-content:flex-start;gap:10px}
.prow .lvc{flex:none;min-width:64px;text-align:center}
.prow>span:not(.lvc){flex:1}
.prow.here{font-weight:700;color:var(--fg)}
.prow.here::after{content:none}
.prow.here em{font-style:normal;font-size:.8rem;color:var(--muted);font-weight:500}

/* Japanese pages: Japanese fonts first so kanji use Japanese glyph shapes */
html:lang(ja){--sans:var(--sans-ja)}
html:lang(ja) body{line-height:1.75;line-break:strict;word-break:auto-phrase}

/* sim/sim.css */
/* ---------- Simulation player ---------- */
.player{display:flex;flex-direction:column;gap:14px}
.stage{position:relative;width:100%;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#eef2f6;border:1px solid var(--line)}
.inner{position:absolute;left:0;top:0;width:480px;height:300px;transform-origin:0 0;font-family:"Segoe UI",var(--sans);font-size:11px;line-height:1.35;color:#1b1b1b}
.cur{position:absolute;left:0;top:0;width:18px;height:22px;z-index:50;transition:transform .75s cubic-bezier(.45,.05,.25,1),width .6s,height .6s;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.rip{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2.5px solid #0b7a63;z-index:49;pointer-events:none;animation:rip .55s ease-out forwards}
@keyframes rip{from{transform:scale(.3);opacity:1}to{transform:scale(1.4);opacity:0}}
.hit{box-shadow:0 0 0 2px #0b7a63 inset}
.bubble{position:absolute;background:#121417;color:#fff;font-family:var(--sans);font-size:12px;font-weight:600;padding:5px 10px;border-radius:8px;white-space:nowrap;z-index:46;opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}
.bubble.show{opacity:1;transform:none}
.big{position:absolute;left:50%;top:22px;transform:translateX(-50%);font-family:var(--sans);font-weight:700;font-size:26px;color:#121417;font-variant-numeric:tabular-nums}
/* Reduced motion: the engine jumps to the end of each scene; nothing moves. */
.stage.still *{transition:none!important;animation:none!important}
.stage.still .spin i:nth-child(2){transform:rotate(-25deg)}
.stage.still .spin i:nth-child(3){transform:rotate(-50deg)}
.stage.still .spin i:nth-child(4){transform:rotate(-75deg)}
.stage.still .spin i:nth-child(5){transform:rotate(-100deg)}

.ptext{display:flex;flex-direction:column;gap:4px;min-height:96px}
.pcount{font-size:.85rem;font-weight:600;color:var(--accent)}
.ptext h3{margin:0;font-size:1.15rem;font-weight:700;line-height:1.35}
.ptext p{color:#2d3238}
.pctl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pctl .btn{min-height:44px;padding:10px 16px}
.dots{display:flex;gap:6px;margin-left:auto}
.dots button{width:10px;height:10px;border-radius:50%;border:0;background:var(--line);padding:0;cursor:pointer}
.dots button[aria-current="true"]{background:var(--accent);width:22px;border-radius:6px}
.uilang{font-size:.85rem;color:var(--muted)}


/* sim/kit.css */
/* Scene kit styles. Everything is scoped to the 480×300 board (.inner) so it never touches the page. */
.inner .later{display:none}
.inner .later.open{display:block}

/* ---------- Windows shell ---------- */
.inner .desk{position:absolute;inset:0;background:linear-gradient(160deg,#cfe0f3,#e9eef7 60%,#dce6f2)}
.inner .taskbar{position:absolute;left:0;right:0;bottom:0;height:28px;background:rgba(255,255,255,.94);border-top:1px solid #d6dbe1;display:flex;justify-content:center;align-items:center;gap:7px;z-index:20}
.inner .tbi{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;color:#333}
.inner .tbi svg{width:13px;height:13px}
.inner .tb-app{width:18px;height:18px}
.inner .tray{position:absolute;right:4px;top:0;bottom:0;display:flex;align-items:center;gap:2px;font-size:8px;color:#222}
.inner .tray svg{width:11px;height:11px;display:block}
.inner .t-up,.inner .t-qs,.inner .t-clock{padding:3px 5px;border-radius:5px}
.inner .t-qs{display:flex;gap:5px}
.inner .t-clock{text-align:right;line-height:1.2}

.inner .sm{position:absolute;left:125px;bottom:34px;width:230px;height:196px;background:#f9fafb;border:1px solid #d6dbe1;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.16);padding:12px 12px 0;box-sizing:border-box;display:none;z-index:25}
.inner .sm.open{display:block}
.inner .sm-search{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #d6dbe1;border-bottom:2px solid #0067c0;border-radius:12px;padding:4px 9px;color:#666;font-size:9px;margin-bottom:9px;min-height:13px;white-space:nowrap;overflow:hidden}
.inner .sm-search svg{width:10px;height:10px;flex:none}
.inner .sm .lbl{font-weight:600;margin-bottom:6px;font-size:10px}
.inner .pins{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.inner .pin{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8.5px;padding:4px 0;border-radius:6px}
.inner .pin i{width:20px;height:20px;border-radius:6px;display:block}
.inner .sm-best{display:none}
.inner .sm.searching .sm-pinned{display:none}
.inner .sm.searching .sm-best{display:block}
.inner .sm-hit{display:flex;gap:8px;align-items:center;background:#e8eef6;border-radius:6px;padding:8px}
.inner .sm-hit i{width:24px;height:24px;border-radius:6px;background:#0067c0;flex:none}
.inner .sm-hit span{display:flex;flex-direction:column}
.inner .sm-hit small{color:#666;font-size:8.5px}
.inner .sm-foot{position:absolute;left:0;right:0;bottom:0;height:30px;border-top:1px solid #e3e6ea;display:flex;justify-content:space-between;align-items:center;padding:0 12px;background:#f1f3f6;border-radius:0 0 10px 10px;box-sizing:border-box}
.inner .sm-user{display:flex;align-items:center;gap:6px;font-size:9.5px}
.inner .sm-user svg{width:14px;height:14px;color:#888;background:#dfe3e8;border-radius:50%;padding:2px}
.inner .sm-power{padding:4px;border-radius:5px;display:grid}
.inner .sm-power svg{width:12px;height:12px}
.inner .pm{position:absolute;right:6px;bottom:32px;background:#fff;border:1px solid #cfd5dc;border-radius:7px;box-shadow:0 8px 20px rgba(0,0,0,.15);padding:4px;display:none;font-size:10px}
.inner .pm.open{display:block}
.inner .pm div{display:flex;align-items:center;gap:7px;padding:5px 12px 5px 8px;border-radius:4px}
.inner .pm svg{width:11px;height:11px}

.inner .win{position:absolute;background:#fff;border:1px solid #cfd5dc;border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.16);overflow:hidden}
.inner .titlebar{height:22px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:10px;color:#333;border-bottom:1px solid #eef0f2;background:#fafbfc}
.inner .titlebar .wc{letter-spacing:6px;color:#777}
.inner .set{left:36px;top:10px;width:408px;height:254px;display:none;z-index:10}
.inner .set.open{display:block}
.inner .setbody{display:grid;grid-template-columns:116px 1fr;height:232px}
.inner .nav{background:#f3f5f7;padding:6px 5px;display:flex;flex-direction:column;gap:1px;font-size:9.5px}
.inner .lp{transition:left 1.2s cubic-bezier(.45,.05,.25,1),top 1.2s}
.inner .nav div{padding:3px 7px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inner .nav div.on{background:#e3e9ef;font-weight:600}
.inner .pane{padding:9px 11px;display:flex;flex-direction:column;gap:5px;overflow:hidden;min-width:0}
.inner .pane h4{margin:0 0 3px;font-size:14px;font-weight:600}
.inner .card{border:1px solid #e3e7eb;border-radius:6px;padding:6px 9px;display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fbfcfd;font-size:10px;min-height:16px}
.inner .card .cl{display:flex;flex-direction:column;min-width:0}
.inner .card .sub{font-style:normal;color:#666;font-size:8.5px}
.inner .card small{color:#666;white-space:nowrap}
.inner .tgw{display:flex;align-items:center;gap:6px;color:#444;font-size:9px}
.inner .tgw em{font-style:normal}
.inner .tg{width:24px;height:12px;border-radius:7px;border:1.5px solid #666;position:relative;box-sizing:border-box;transition:background .25s,border-color .25s;flex:none}
.inner .tg::after{content:"";position:absolute;left:2px;top:2px;width:5px;height:5px;border-radius:50%;background:#555;transition:left .25s,background .25s}
.inner .tg.on{background:#0067c0;border-color:#0067c0}
.inner .tg.on::after{left:13px;background:#fff}
.inner .chk{width:11px;height:11px;border:1.5px solid #666;border-radius:3px;color:transparent;font-size:9px;line-height:11px;text-align:center;flex:none}
.inner .chk.on{background:#0067c0;border-color:#0067c0;color:#fff}
.inner .sel{border:1px solid #cfd5dc;border-radius:4px;padding:2px 6px 2px 8px;background:#fff;white-space:nowrap;display:flex;gap:8px;font-size:9.5px}
.inner .sel i{font-style:normal;color:#666}
.inner .sl{position:relative;width:90px;height:4px;background:#c8ced6;border-radius:2px;flex:none}
.inner .sl i{position:absolute;left:0;top:0;bottom:0;background:#0067c0;border-radius:2px;transition:width .7s}
.inner .sl b{position:absolute;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#0067c0;box-shadow:0 0 0 2px #fff,0 0 0 3px #c8ced6;transition:left .7s}
.inner .wbtn{display:inline-block;border:1px solid #cfd5dc;border-radius:5px;padding:4px 10px;background:#fff;font-weight:600;white-space:nowrap}
.inner .wbtn.pri{background:#0067c0;color:#fff;border-color:#0067c0}

.inner .ctx,.inner .dd{position:absolute;background:#fff;border:1px solid #cfd5dc;border-radius:7px;box-shadow:0 8px 20px rgba(0,0,0,.15);padding:4px;display:none;z-index:30;font-size:10px;min-width:110px}
.inner .ctx.open,.inner .dd.open{display:block}
.inner .ctx div,.inner .dd div{padding:4px 12px;border-radius:4px;white-space:nowrap;display:flex;justify-content:space-between;gap:12px}
.inner .ctx div.on,.inner .dd div.on{background:#e8eef6}
.inner .ctx hr,.inner .dd hr{border:0;border-top:1px solid #e6e9ec;margin:3px 0}
.inner .ctx i,.inner .dd i{font-style:normal;color:#777}
.inner .dlg{position:absolute;left:120px;top:70px;width:240px;background:#fff;border:1px solid #cfd5dc;border-radius:8px;box-shadow:0 14px 34px rgba(0,0,0,.22);padding:12px;display:none;z-index:35;box-sizing:border-box}
.inner .dlg.open{display:block}
.inner .dlg h5{margin:0 0 6px;font-size:12px}
.inner .dlg .dt{margin:0 0 10px;font-size:10.5px}
.inner .dlg .acts{display:flex;justify-content:flex-end;gap:6px}
.inner .toast{position:absolute;right:8px;bottom:36px;width:190px;background:#fff;border:1px solid #d6dbe1;border-radius:8px;box-shadow:0 10px 26px rgba(0,0,0,.18);padding:9px 11px;display:flex;flex-direction:column;gap:2px;font-size:9.5px;z-index:36;opacity:0;transform:translateX(30px);transition:opacity .3s,transform .3s;box-sizing:border-box}
.inner .toast.open{opacity:1;transform:none}
.inner .toast span{color:#555}
.inner .dicons{position:absolute;left:8px;top:8px;display:flex;flex-direction:column;gap:6px}
.inner .di{width:54px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:8px;text-align:center;padding:3px 0;border-radius:4px;color:#1b1b1b;transition:opacity .3s}
.inner .di svg{width:24px;height:24px}
.inner .di.sel{background:rgba(0,103,192,.18)}
.inner .dicons.hide .di{opacity:0}
.inner .ovl{position:absolute;inset:0;background:#0b3d91;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:13px;z-index:45}
.inner .ovl.dark{background:#0a0d12}
.inner .spin{position:relative;width:26px;height:26px}
.inner .spin i{position:absolute;left:11px;top:0;width:4px;height:4px;border-radius:50%;background:#fff;transform-origin:2px 13px;animation:pct-spin 1.4s cubic-bezier(.5,.1,.5,.9) infinite}
.inner .spin i:nth-child(2){animation-delay:.1s}
.inner .spin i:nth-child(3){animation-delay:.2s}
.inner .spin i:nth-child(4){animation-delay:.3s}
.inner .spin i:nth-child(5){animation-delay:.4s}
@keyframes pct-spin{to{transform:rotate(360deg)}}

/* quick settings */
.inner .qs{position:absolute;right:6px;bottom:34px;width:214px;background:#f7f8fa;border:1px solid #d6dbe1;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.16);padding:10px;box-sizing:border-box;display:none;z-index:26;font-size:9px}
.inner .qs.open{display:block}
.inner .qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 6px;margin-bottom:8px}
.inner .qt{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}
.inner .qt .qt-main,.inner .qt .qt-more{height:26px;display:grid;place-items:center;background:#fff;border:1px solid #dde1e6;color:#333;box-sizing:border-box;transition:background .25s,color .25s}
.inner .qt .qt-main{flex:1;border-radius:5px}
.inner .qt.m .qt-main{border-radius:5px 0 0 5px}
.inner .qt .qt-more{width:15px;border-left:0;border-radius:0 5px 5px 0}
.inner .qt svg{width:11px;height:11px}
.inner .qt em{flex-basis:100%;font-style:normal;font-size:8px;margin-top:3px;white-space:nowrap}
.inner .qt.on .qt-main,.inner .qt.on .qt-more{background:#0067c0;border-color:#0067c0;color:#fff}
.inner .qrow{display:flex;align-items:center;gap:8px;margin:7px 2px}
.inner .qrow svg{width:12px;height:12px;flex:none;display:block}
.inner .qrow .sl{flex:1;width:auto}
.inner .q-vol-more{padding:2px;border-radius:4px}
.inner .qfoot{display:flex;align-items:center;gap:5px;border-top:1px solid #e3e6ea;margin:8px -10px -10px;padding:7px 12px;background:#f1f3f6;border-radius:0 0 10px 10px}
.inner .qfoot svg{width:12px;height:12px}
.inner .q-gear{margin-left:auto}
.inner .qhd{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:10px}
.inner .qhd svg{width:11px;height:11px;display:block}
.inner .qhd .tg{margin-left:auto}
.inner .ql{display:flex;flex-direction:column;gap:3px}
.inner .qli{display:flex;align-items:center;gap:7px;padding:5px 6px;border-radius:5px;background:#fff;border:1px solid #eceef1}
.inner .qli svg{width:12px;height:12px;flex:none}
.inner .qli span{display:flex;flex-direction:column;flex:1;min-width:0}
.inner .qli small{color:#666;font-size:8px}
.inner .qli.on{border-color:#0067c0;background:#eef5fc}

/* ---------- Windows apps ---------- */
.inner .tm{left:30px;top:12px;width:420px;height:250px;z-index:12}
.inner .tm-body{display:grid;grid-template-columns:96px 1fr;height:228px}
.inner .tm-nav{background:#f3f5f7;padding:8px 5px;display:flex;flex-direction:column;gap:2px;font-size:9.5px}
.inner .tm-nav div{padding:4px 7px;border-radius:5px}
.inner .tm-nav .on{background:#e3e9ef;font-weight:600}
.inner .tm-main{display:flex;flex-direction:column;font-size:9.5px;min-width:0}
.inner .tm-top{display:flex;justify-content:space-between;align-items:center;padding:8px 10px}
.inner .tm-top b{font-size:12px}
.inner .tm-h,.inner .tm-r{display:grid;grid-template-columns:2.2fr 1fr 1fr;padding:4px 10px}
.inner .tm-h{color:#666;border-bottom:1px solid #eef0f2;font-size:8.5px}
.inner .tm-r{transition:opacity .4s}
.inner .tm-r .hot{background:#fbd9c9;margin:-4px 0;padding:4px}
.inner .tm-r.sel{background:#cce4f7}
.inner .tm-r.gone{opacity:0}

.inner .ex{left:18px;top:10px;width:444px;height:254px;z-index:11}
.inner .ex-bar{display:flex;align-items:center;gap:8px;padding:5px 10px;border-bottom:1px solid #eef0f2;font-size:9px}
.inner .ex-bar i{width:12px;height:10px;background:#dfe3e8;border-radius:2px}
.inner .ex-new{background:#0067c0;color:#fff;border-radius:4px;padding:2px 7px}
.inner .ex-addr{display:flex;gap:8px;padding:5px 10px;font-size:9px;border-bottom:1px solid #eef0f2}
.inner .ex-path{flex:1;border:1px solid #e3e7eb;border-radius:4px;padding:3px 7px;white-space:nowrap;overflow:hidden}
.inner .ex-search{width:120px;border:1px solid #e3e7eb;border-radius:4px;padding:3px 7px;display:flex;align-items:center;gap:5px;color:#777;white-space:nowrap;overflow:hidden}
.inner .ex-search svg{width:9px;height:9px;flex:none}
.inner .ex-search.typing{border-color:#0067c0;color:#111}
.inner .ex-body{display:grid;grid-template-columns:104px 1fr;height:178px}
.inner .ex-nav{border-right:1px solid #eef0f2;padding:6px 4px;display:flex;flex-direction:column;gap:1px;font-size:9px}
.inner .ex-nav div{display:flex;align-items:center;gap:5px;padding:3px 6px;border-radius:4px;white-space:nowrap}
.inner .ex-nav svg{width:11px;height:11px;flex:none}
.inner .ex-nav .on{background:#e3e9ef;font-weight:600}
.inner .ex-items{display:grid;grid-template-columns:repeat(5,1fr);align-content:start;gap:4px;padding:8px}
.inner .fi{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;border-radius:4px;font-size:8px;text-align:center;line-height:1.2;transition:opacity .3s}
.inner .fi svg{width:28px;height:28px}
.inner .fi span{max-width:62px;overflow-wrap:anywhere}
.inner .fi.sel{background:#cce4f7}
.inner .fi.gone{opacity:0}
.inner .fi.new{animation:pct-pop .5s}
@keyframes pct-pop{from{transform:scale(.5);opacity:0}}
.inner .ex-empty{grid-column:1/-1;color:#888;font-size:9px;text-align:center;margin-top:30px}

.inner .br{left:14px;top:8px;width:452px;height:258px;z-index:9}
.inner .br-tabs{height:22px;background:#e8ebef;display:flex;align-items:flex-end;padding:0 8px;gap:6px;font-size:9px;position:relative}
.inner .br-tab{background:#fff;border-radius:6px 6px 0 0;padding:4px 10px;display:flex;gap:16px;max-width:150px;white-space:nowrap;overflow:hidden}
.inner .br-tab i{font-style:normal;color:#888}
.inner .br-plus{padding:4px}
.inner .br-tabs .wc{position:absolute;right:8px;top:5px;letter-spacing:6px;color:#777}
.inner .br-bar{display:flex;align-items:center;gap:8px;padding:4px 8px;border-bottom:1px solid #e6e9ec;color:#555}
.inner .br-bar svg{width:11px;height:11px;display:block}
.inner .br-url{flex:1;background:#f1f3f4;border-radius:12px;padding:3px 10px;font-size:9.5px;color:#222;white-space:nowrap;overflow:hidden;min-height:12px}
.inner .br-menu{padding:2px;border-radius:4px}
.inner .br-body{position:relative;height:210px;overflow:hidden;background:#fff}
.inner .wp{padding:14px 18px;display:flex;flex-direction:column;gap:8px;font-size:11px}
.inner .wp b{font-size:14px}
.inner .wp-lines{display:flex;flex-direction:column;gap:7px}
.inner .wp-lines i{display:block;height:6px;background:#e6e9ec;border-radius:3px}
.inner .cant{align-items:center;text-align:center;padding-top:28px;color:#444}
.inner .cant .sad{font-size:30px;color:#999;line-height:1}
.inner .cant b{font-size:13px}
.inner .cant small{color:#888;font-size:8.5px}
.inner .bs{display:grid;grid-template-columns:120px 1fr;height:100%;font-size:9.5px}
.inner .bs-nav{padding:8px 6px;display:flex;flex-direction:column;gap:1px;border-right:1px solid #eef0f2}
.inner .bs-nav div{padding:4px 8px;border-radius:12px;white-space:nowrap}
.inner .bs-nav .on{background:#e3eefc;font-weight:600}
.inner .bs-main{padding:10px 12px;display:flex;flex-direction:column;gap:5px;min-width:0}
.inner .bs-main h5{margin:0 0 4px;font-size:12px}
.inner .ad{position:absolute;background:#fff3a3;border:2px solid #e5484d;border-radius:6px;padding:7px 10px;font-weight:700;color:#b42318;font-size:10.5px;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:opacity .4s,transform .4s;white-space:nowrap}
.inner .ad.gone{opacity:0;transform:scale(.8)}

.inner .cmdw{left:40px;top:30px;width:400px;height:200px;background:#0c0c0c;border-color:#333;z-index:12}
.inner .cmdw .titlebar{background:#1f1f1f;color:#ddd;border-color:#333}
.inner .cmd-txt{padding:8px 10px;font-family:Consolas,var(--mono),monospace;font-size:9.5px;color:#ddd;line-height:1.5}
.inner .caret{animation:pct-blink 1s steps(1) infinite}
@keyframes pct-blink{50%{opacity:0}}

.inner .signin{position:absolute;inset:0;background:linear-gradient(160deg,#1d3557,#2b5c8a 55%,#163250);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#fff;z-index:40}
.inner .si-av{width:58px;height:58px;border-radius:50%;background:#dfe3e8;color:#8a939c;display:grid;place-items:center}
.inner .si-av svg{width:34px;height:34px}
.inner .si-name{font-size:15px}
.inner .si-box{width:160px;background:rgba(255,255,255,.92);color:#666;border-radius:4px;padding:6px 9px;font-size:10px;border-bottom:2px solid #0067c0;min-height:12px;box-sizing:content-box}
.inner .si-forgot{font-size:9.5px;text-decoration:underline}
.inner .si-msg{font-size:9.5px;min-height:12px}
.inner .secure{position:absolute;inset:0;background:#1e4f8a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:12px;z-index:40}
.inner .secure div{padding:4px 12px;border-radius:4px}
.inner .secure .s-cancel{position:absolute;right:18px;bottom:16px;background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.4)}

.inner .word{left:18px;top:10px;width:444px;height:254px;z-index:11}
.inner .w-title{height:22px;background:#185abd;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:9.5px}
.inner .w-title .wc{letter-spacing:6px;color:#dbe7fb}
.inner .w-tabs{display:flex;gap:12px;padding:3px 10px 0;font-size:9px;background:#f3f4f6}
.inner .w-tabs span{padding:3px 2px}
.inner .w-tabs .on{border-bottom:2px solid #185abd}
.inner .w-tabs .w-file{background:#185abd;color:#fff;padding:3px 9px;border-radius:3px 3px 0 0}
.inner .w-ribbon{display:flex;gap:6px;padding:6px 10px;background:#f3f4f6;border-bottom:1px solid #e3e6ea}
.inner .w-ribbon i{width:22px;height:18px;background:#e2e6eb;border-radius:3px}
.inner .w-area{display:flex;height:182px;background:#e9ebee}
.inner .w-rec{width:150px;background:#fff;border-right:1px solid #d6dbe1;padding:8px;display:flex;flex-direction:column;gap:5px;font-size:9px;box-sizing:border-box}
.inner .w-rec small{color:#666;font-size:8px}
.inner .w-rec-item{display:flex;gap:6px;align-items:center;padding:5px;border-radius:4px;background:#eef3fb}
.inner .w-rec-item svg{width:18px;height:18px;flex:none}
.inner .w-rec-item span{display:flex;flex-direction:column}
.inner .w-doc{margin:10px auto;width:190px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12);padding:16px;box-sizing:border-box}
.inner .w-back{position:absolute;left:0;right:0;top:22px;bottom:0;display:none;grid-template-columns:96px 1fr;background:#fff;z-index:2}
.inner .w-back.open{display:grid}
.inner .w-side{background:#185abd;color:#fff;display:flex;flex-direction:column;gap:1px;padding:8px 0;font-size:10px}
.inner .w-side span{padding:5px 12px}
.inner .w-side .on{background:#2b6fd6}
.inner .w-bmain{padding:12px 16px;font-size:9.5px}
.inner .w-bmain h5{margin:0 0 10px;font-size:16px;font-weight:400}
.inner .w-card{display:flex;align-items:center;gap:10px}
.inner .w-card small{color:#555}

.inner .ml{display:grid;grid-template-columns:100px 1fr;height:100%;font-size:9.5px;position:relative}
.inner .ml-left{padding:8px 6px;display:flex;flex-direction:column;gap:2px}
.inner .ml-compose{display:flex;align-items:center;gap:6px;background:#c2e7ff;border-radius:12px;padding:7px 12px;font-weight:600;margin-bottom:6px;align-self:flex-start}
.inner .ml-compose svg{width:11px;height:11px}
.inner .ml-left div{padding:3px 10px;border-radius:10px}
.inner .ml-left .on{background:#d3e3fd;font-weight:600}
.inner .ml-list{display:flex;flex-direction:column;min-width:0}
.inner .ml-row{display:grid;grid-template-columns:60px 1fr;padding:6px 8px;border-bottom:1px solid #f0f1f3;white-space:nowrap}
.inner .ml-win{position:absolute;right:8px;bottom:0;width:230px;height:186px;background:#fff;border-radius:8px 8px 0 0;box-shadow:0 8px 26px rgba(0,0,0,.25);display:none;flex-direction:column;font-size:9.5px}
.inner .ml-win.open{display:flex}
.inner .ml-head{background:#f2f6fc;padding:6px 10px;display:flex;justify-content:space-between;border-radius:8px 8px 0 0;font-weight:600}
.inner .ml-to,.inner .ml-subj{padding:5px 10px;border-bottom:1px solid #eef0f2;color:#666;min-height:11px}
.inner .ml-text{flex:1;padding:6px 10px}
.inner .ml-att{margin:0 10px 6px;display:none;align-items:center;gap:6px;background:#f1f3f4;border-radius:4px;padding:4px 7px;font-size:9px}
.inner .ml-att.open{display:flex}
.inner .ml-att svg{width:12px;height:12px}
.inner .prog{flex:1;height:3px;background:#dfe3e8;border-radius:2px;overflow:hidden}
.inner .prog i{display:block;height:100%;width:0;background:#0b57d0;transition:width 1.2s}
.inner .ml-foot{display:flex;align-items:center;gap:10px;padding:7px 10px}
.inner .ml-send{background:#0b57d0;color:#fff;border-radius:14px;padding:5px 14px;font-weight:600}
.inner .ml-clip{padding:2px;border-radius:4px}
.inner .ml-clip svg{width:13px;height:13px;display:block}

.inner .meet{left:30px;top:12px;width:420px;height:252px;background:#1f2329;border-color:#1f2329;z-index:11}
.inner .meet .titlebar{background:#2a2f36;color:#ddd;border-color:#2a2f36}
.inner .mt-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;height:150px}
.inner .mt-tile{background:#353b44;border-radius:8px;position:relative;display:grid;place-items:center;border:2px solid transparent;transition:border-color .2s}
.inner .mt-tile.talk{border-color:#22c55e}
.inner .mt-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:16px}
.inner .mt-tile em{position:absolute;left:8px;bottom:6px;color:#fff;font-style:normal;font-size:9px}
.inner .mt-bar{display:flex;justify-content:center;gap:10px;align-items:center;padding:6px;color:#eee;position:relative}
.inner .mt-bar>span{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:8px;padding:4px 8px;border-radius:6px}
.inner .mt-bar svg{width:15px;height:15px}
.inner .mt-bar em{font-style:normal}
.inner .mt-bar .m-mic-arrow{padding:4px 2px;margin-left:-10px}
.inner .mt-bar .m-mic-arrow svg{width:9px;height:9px}
.inner .mt-bar .m-leave{background:#e5484d;color:#fff;padding:6px 12px;font-weight:600}
.inner .mt-menu{position:absolute;left:96px;bottom:54px;background:#fff;border-radius:7px;padding:5px;display:none;font-size:9.5px;box-shadow:0 8px 20px rgba(0,0,0,.3);z-index:3}
.inner .mt-menu.open{display:block}
.inner .mt-menu small{display:block;color:#666;padding:2px 8px 4px;font-size:8.5px}
.inner .mt-menu div{padding:4px 8px;border-radius:4px}
.inner .mt-menu div.on::before{content:"✓ ";color:#0067c0}

.inner .ws{left:30px;top:12px;width:420px;height:250px;z-index:11}
.inner .ws-body{display:grid;grid-template-columns:110px 1fr;height:228px}
.inner .ws-nav{background:#f3f5f7;padding:8px 5px;display:flex;flex-direction:column;gap:2px;font-size:9px}
.inner .ws-nav div{padding:4px 7px;border-radius:5px}
.inner .ws-main{padding:12px;font-size:9.5px}
.inner .ws-main h5{margin:0 0 10px;font-size:13px;font-weight:600}
.inner .ws-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.inner .ws-tiles div{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:12px 6px;border:1px solid #e3e7eb;border-radius:6px;background:#fbfcfd}
.inner .ws-tiles svg{width:22px;height:22px;color:#0f7b0f}
.inner .ws-page{display:none;flex-direction:column;gap:8px;align-items:flex-start}
.inner .ws.scan .ws-home{display:none}
.inner .ws.scan .ws-page{display:flex}
.inner .ws-bar{width:220px;height:5px;background:#e3e7eb;border-radius:3px;overflow:hidden}
.inner .ws-bar i{display:block;height:100%;width:0;background:#0067c0;transition:width 2.5s linear}
.inner .ws-result{color:#0f7b0f;min-height:12px}
.inner .ws-more{color:#0067c0;text-decoration:underline}

.inner .proj,.inner .langpop{position:absolute;right:6px;bottom:34px;width:170px;background:#f7f8fa;border:1px solid #d6dbe1;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.16);padding:8px;display:none;flex-direction:column;gap:4px;font-size:9.5px;z-index:26;box-sizing:border-box}
.inner .proj.open,.inner .langpop.open{display:flex}
.inner .pj{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:5px;background:#fff;border:1px solid #eceef1}
.inner .pj i{width:20px;height:13px;border:1.5px solid #555;border-radius:2px;flex:none}
.inner .pj.on{border-color:#0067c0;background:#eef5fc}
.inner .lg{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:5px}
.inner .lg b{width:40px;font-size:8.5px}
.inner .lg.on{background:#e3e9ef}

/* ---------- devices ---------- */
.inner .kbar{position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px;z-index:42;transition:opacity .3s;pointer-events:none}
.inner .kbar.hide{opacity:0}
.inner .kbar>i{font-style:normal;font-weight:700;color:#5f6670;font-size:16px}
.inner .kc{min-width:44px;height:40px;padding:0 10px;box-sizing:border-box;display:grid;place-items:center;font-family:var(--sans);font-weight:700;font-size:15px;color:#121417;background:#fff;border:1.5px solid #c9ced4;border-bottom-width:5px;border-radius:9px;box-shadow:0 6px 16px rgba(0,0,0,.12);transition:transform .12s,border-bottom-width .12s,background .12s}
.inner .kc svg{width:17px;height:17px}
.inner .kc.down{transform:translateY(3px);border-bottom-width:2px;background:#e9f6f2;border-color:#0b7a63}

.inner .lp{position:absolute;width:220px}
.inner .lp-lid{position:relative;height:140px;background:#2b2f36;border-radius:10px 10px 2px 2px;padding:9px 8px 8px;box-sizing:border-box}
.inner .lp-cam{position:absolute;left:50%;top:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#6b7280}
.inner .lp-shut{position:absolute;left:50%;top:2px;width:12px;height:6px;margin-left:5px;border-radius:2px;background:#9aa3ad;transition:margin-left .6s}
.inner .lp-shut.closed{margin-left:-6px}
.inner .lp-disp{height:100%;border-radius:3px;background:linear-gradient(160deg,#cfe0f3,#e9eef7 60%,#dce6f2);position:relative;overflow:hidden;transition:background .5s,filter .5s}
.inner .lp-disp.off{background:#05070b}
.inner .lp-tb{position:absolute;left:0;right:0;bottom:0;height:9px;background:rgba(255,255,255,.9)}
.inner .lp-disp.off>*{visibility:hidden}
.inner .lp-base{position:relative;margin:0 -18px;height:34px;background:linear-gradient(#d9dde3,#c4c9d0);clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)}
.inner .lp-fkeys{position:absolute;left:14%;right:22%;top:4px;display:flex;gap:2px}
.inner .lp-fkeys b{flex:1;height:8px;background:#3a3f45;border-radius:1.5px;color:#cfd5dc;font-size:4.5px;display:grid;place-items:center;font-weight:600}
.inner .lp-fkeys b.lit{background:#0b7a63;color:#fff}
.inner .lp-pow{position:absolute;right:14%;top:4px;width:12px;height:8px;background:#3a3f45;border-radius:2px;color:#cfd5dc;display:grid;place-items:center}
.inner .lp-pow svg{width:6px;height:6px}
.inner .lp-pow.down{background:#0b7a63}
.inner .lp-pad{position:absolute;left:50%;bottom:4px;width:50px;height:12px;margin-left:-25px;border-radius:2px;background:#b9bec6}
.inner .lp-led{position:absolute;left:12%;bottom:6px;width:4px;height:4px;border-radius:50%;background:#9aa3ad}
.inner .lp-led.on{background:#22c55e}
.inner .lp-led.amber{background:#f59e0b}

.inner .ls{position:absolute;width:44px;background:linear-gradient(90deg,#b9bec6,#d9dde3);border-radius:8px}
.inner .ls-name{position:absolute;left:-30px;right:-30px;top:-16px;text-align:center;font-size:9px;color:#5f6670;font-family:var(--sans)}
.inner .lsp{position:absolute;right:0;width:8px;height:16px;margin-top:-8px;background:#1f2328;border-radius:2px 0 0 2px}
.inner .lsp em{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-style:normal;font-size:7.5px;font-weight:700;color:#3a3f45;white-space:nowrap}
.inner .lsp-hdmi{height:12px;margin-top:-6px;width:9px}
.inner .lsp-jack{height:8px;margin-top:-4px;border-radius:4px 0 0 4px}
.inner .lsp-power{height:10px;margin-top:-5px;border-radius:5px 0 0 5px}
.inner .plug{position:absolute;left:44px;height:20px;margin-top:-10px;display:flex;align-items:center;transform:translateX(80px);transition:transform .8s cubic-bezier(.45,.05,.25,1),top .6s}
.inner .plug.in{transform:translateX(-9px)}
.inner .pl-tip{width:10px;height:12px;background:#c9ced4;border:1px solid #9aa3ad;box-sizing:border-box;flex:none}
.inner .pl-body{width:30px;height:16px;background:#2b2f36;border-radius:3px;flex:none}
.inner .pl-cord{width:220px;height:5px;background:#2b2f36;flex:none}
.inner .pl-jack .pl-tip{height:4px;width:12px;border-radius:2px}
.inner .pl-jack .pl-body{width:24px;height:10px;border-radius:5px}
.inner .pl-jack .pl-cord{height:3px}
.inner .pl-power .pl-tip{height:8px;width:10px;border-radius:3px}
.inner .pl-hdmi .pl-tip{height:10px}
.inner .pl-usb-stick .pl-body{width:56px;height:22px;background:#2f6fde;border-radius:4px}
.inner .pl-usb-stick .pl-cord,.inner .pl-usb-nano .pl-cord{display:none}
.inner .pl-usb-nano .pl-body{width:10px;height:14px;border-radius:2px}

.inner .md{position:absolute;width:310px;height:160px}
.inner .md-box{position:absolute;left:0;top:30px;width:230px;height:62px;background:#f5f7f8;border:1.5px solid #c4cad1;border-radius:14px;display:flex;justify-content:space-around;align-items:center;padding:0 8px;box-sizing:border-box;z-index:1}
.inner .md-ant{position:absolute;top:2px;width:5px;height:34px;background:#9aa3ad;border-radius:3px}
.inner .md-ant.a1{left:30px;transform:rotate(-10deg)}
.inner .md-ant.a2{left:194px;transform:rotate(10deg)}
.inner .md-l{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--sans);font-size:8.5px;font-weight:600;color:#5f6670}
.inner .md-l em{font-style:normal}
.inner .md-led{width:12px;height:12px;border-radius:50%;background:#cfd5dc;transition:background .3s}
.inner .md-led.g{background:#22c55e}
.inner .md-led.r{background:#ef4444}
.inner .md-led.o{background:#cfd5dc}
.inner .md-led.bl{animation:pct-led .5s steps(1) infinite}
@keyframes pct-led{50%{background:#cfd5dc}}
.inner .md-cord{position:absolute;left:226px;top:58px;width:50px;height:52px;border:4px solid #3a3f45;border-left:0;border-bottom:0;border-radius:0 18px 0 0;box-sizing:border-box}
.inner .md .socket{left:250px;top:108px}
.inner .socket{position:absolute;width:44px;height:44px;background:#fff;border:1.5px solid #c4cad1;border-radius:8px;box-sizing:border-box}
.inner .socket::before,.inner .socket::after{content:"";position:absolute;top:18px;width:5px;height:5px;border-radius:50%;background:#5f6670}
.inner .socket::before{left:11px}
.inner .socket::after{right:11px}
.inner .md-plug,.inner .chg-plug{position:absolute;left:7px;top:7px;width:28px;height:28px;background:#2b2f36;border-radius:7px;transition:transform .7s;z-index:1}
.inner .md-plug.out,.inner .chg-plug.out{transform:translate(34px,24px) rotate(18deg)}

.inner .msb{position:absolute;width:86px;height:136px;background:#e6e9ed;border:2px solid #b9bec6;border-radius:43px 43px 40px 40px;box-sizing:border-box}
.inner .ms-eye{position:absolute;left:33px;top:42px;width:16px;height:16px;border-radius:50%;background:#7a828c;transition:background .3s,box-shadow .3s}
.inner .ms-eye.on{background:#ef4444;box-shadow:0 0 12px 4px rgba(239,68,68,.55)}
.inner .ms-sw{position:absolute;left:23px;top:74px;width:36px;height:14px;background:#3a3f45;border-radius:7px}
.inner .ms-sw i{position:absolute;left:2px;top:2px;width:14px;height:10px;border-radius:5px;background:#cfd5dc;transition:left .3s,background .3s}
.inner .ms-sw.on i{left:20px;background:#22c55e}
.inner .ms-sw em{position:absolute;left:0;right:0;top:17px;text-align:center;font-style:normal;font-size:8px;font-weight:700;color:#3a3f45}
.inner .ms-door{position:absolute;left:20px;top:104px;width:42px;height:20px;border:1.5px dashed #9aa3ad;border-radius:5px}
.inner .batt{position:absolute;width:50px;height:18px;border-radius:4px;background:linear-gradient(90deg,#1f2937 0 80%,#c9a227 80%);color:#fff;font-size:8px;font-weight:700;display:grid;place-items:center;transition:transform .8s,opacity .4s}
.inner .surf{position:absolute;width:250px;height:150px;border-radius:12px;transition:opacity .5s}
.inner .surf.glass{background:linear-gradient(135deg,#dbeafe,#f8fafc 40%,#e0f2fe 60%,#f8fafc);box-shadow:inset 0 0 0 2px #c7d2fe}
.inner .surf.pad{background:#3b4656}
.inner .mst{position:absolute;width:44px;height:70px;background:#f1f3f5;border:2px solid #9aa3ad;border-radius:22px 22px 20px 20px;transition:left .8s,top .8s;box-sizing:border-box}
.inner .mst i{position:absolute;left:18px;top:8px;width:4px;height:12px;border-radius:2px;background:#9aa3ad}

.inner .phn{position:absolute;background:#1f2328;border-radius:16px;padding:5px;box-sizing:border-box}
.inner .ph-cam{position:absolute;left:50%;top:8px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#000;z-index:2}
.inner .ph-scr{width:100%;height:100%;background:#fff;border-radius:12px;overflow:hidden;position:relative;font-family:var(--sans)}
.inner .pq{background:#eef1f6;height:100%;padding:18px 8px 8px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;font-size:9px}
.inner .pq-time{font-weight:700;font-size:10px}
.inner .pq-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.inner .pqt{display:flex;align-items:center;gap:5px;background:#dfe3ea;border-radius:14px;padding:7px 8px;font-size:9px;min-width:0;transition:background .3s,color .3s}
.inner .pqt i{width:9px;height:9px;border-radius:50%;background:#9aa3ad;flex:none}
.inner .pqt em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inner .pqt.on{background:#0b57d0;color:#fff}
.inner .pqt.on i{background:#fff}
.inner .ph-note{background:#fff;border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:1px}
.inner .ph-note span{color:#555}
.inner .ph-sheet{margin-top:auto;background:#fff;border-radius:10px;padding:8px;display:none;flex-direction:column;gap:6px}
.inner .ph-sheet.open{display:flex}
.inner .po{display:flex;align-items:center;gap:5px}
.inner .po i{width:9px;height:9px;border-radius:50%;border:1.5px solid #5f6670;box-sizing:border-box;flex:none}
.inner .po.on i{border:3px solid #0b57d0}

.inner .tv{position:absolute;width:190px}
.inner .tv-scr{height:110px;background:#111;border:6px solid #222;border-radius:6px;display:grid;place-items:center;color:#cbd5e1;font-size:11px;overflow:hidden;position:relative;box-sizing:content-box;transition:background .5s}
.inner .tv-scr.lit{background:linear-gradient(160deg,#cfe0f3,#e9eef7 60%,#dce6f2);color:#1b1b1b}
.inner .tv-stand{display:block;width:60px;height:8px;margin:0 auto;background:#222;border-radius:0 0 6px 6px}

.inner .eb{position:absolute;width:150px;height:100px;background:#fff;border:2px solid #cfd5dc;border-radius:50px;box-shadow:0 6px 16px rgba(0,0,0,.1);box-sizing:border-box}
.inner .eb-lid{position:absolute;left:0;right:0;top:36px;height:2px;background:#cfd5dc}
.inner .eb-bud{display:none}
.inner .eb-led{position:absolute;left:69px;top:56px;width:10px;height:10px;border-radius:50%;background:#cfd5dc}
.inner .eb-led.blink{animation:pct-eb .6s steps(1) infinite}
@keyframes pct-eb{0%{background:#3b82f6;box-shadow:0 0 8px #3b82f6}50%{background:#cfd5dc;box-shadow:none}}
.inner .eb-btn{position:absolute;left:62px;bottom:-4px;width:24px;height:6px;border-radius:2px;background:#9aa3ad}
.inner .eb-btn.down{background:#0b7a63}

.inner .chg{position:absolute;width:200px;height:70px}
.inner .chg-cord{position:absolute;left:0;top:30px;width:60px;height:5px;background:#2b2f36}
.inner .chg-brick{position:absolute;left:60px;top:16px;width:62px;height:34px;background:#2b2f36;border-radius:6px}
.inner .chg-led{position:absolute;right:8px;top:8px;width:6px;height:6px;border-radius:50%;background:#4b5563;transition:background .3s}
.inner .chg-led.on{background:#22c55e;box-shadow:0 0 8px #22c55e}
.inner .chg-cord2{position:absolute;left:122px;top:30px;width:34px;height:5px;background:#2b2f36}
.inner .chg .socket{left:150px;top:11px}

.inner .bed{position:absolute;height:70px;background:repeating-linear-gradient(135deg,#f9d5e5 0 14px,#f5c2d7 14px 28px);border-radius:30px 30px 8px 8px;transition:opacity .5s}
.inner .table{position:absolute;height:22px;background:linear-gradient(#c08552,#a86f3f);border-radius:4px;transition:opacity .5s}
.inner .heat{position:absolute;width:120px;height:50px;display:flex;justify-content:space-around;transition:opacity .6s}
.inner .heat i{width:6px;height:40px;border-radius:3px;background:linear-gradient(transparent,#ef4444);animation:pct-heat 1.2s ease-in-out infinite;opacity:.8}
.inner .heat i:nth-child(2){animation-delay:.3s}
.inner .heat i:nth-child(3){animation-delay:.6s}
@keyframes pct-heat{0%{transform:translateY(10px) scaleY(.6);opacity:0}50%{opacity:.9}100%{transform:translateY(-12px);opacity:0}}
.inner .heat.cool{opacity:.12}

.inner .wb{position:absolute;display:flex;align-items:flex-end;gap:3px;height:30px}
.inner .wb i{width:7px;background:#cfd5dc;border-radius:2px;transition:background .3s}
.inner .wb i:nth-child(1){height:8px}
.inner .wb i:nth-child(2){height:14px}
.inner .wb i:nth-child(3){height:21px}
.inner .wb i:nth-child(4){height:28px}
.inner .wb.lv1 i:nth-child(1){background:#ef4444}
.inner .wb.lv2 i:nth-child(-n+2),.inner .wb.lv3 i:nth-child(-n+3),.inner .wb.lv4 i{background:#0b7a63}

.inner .stick{position:absolute;display:flex;align-items:center;transition:transform .8s}
.inner .stick i{width:12px;height:12px;background:#c9ced4;border:1px solid #9aa3ad;box-sizing:border-box}
.inner .stick span{width:56px;height:22px;background:#2f6fde;border-radius:4px;color:#fff;font-size:8px;display:grid;place-items:center}

/* printer */
.inner #paper{transform:translateY(46px);opacity:0;transition:transform .7s ease,opacity .4s}
.inner #paper.in{transform:none;opacity:1}
.inner #led{transition:fill .2s}
.inner #cable.glow{stroke:#0b7a63;stroke-width:6}
/* print queue window */
.inner .queue{left:40px;top:40px;width:400px;height:190px}
.inner .menubar{display:flex;gap:14px;padding:4px 10px;border-bottom:1px solid #eef0f2;font-size:10.5px}
.inner .menubar span{padding:2px 4px;border-radius:3px}
.inner .qhead,.inner .qrow{display:grid;grid-template-columns:2fr 1.4fr 1fr;padding:5px 10px;font-size:10.5px}
.inner .qhead{color:#666;border-bottom:1px solid #eef0f2}
.inner .qrow{transition:opacity .4s}
.inner .qrow.sel{background:#cce4f7}
.inner .qrow.gone{opacity:0}
.inner .qrow .err{color:#c42b1c;font-weight:600}
.inner .qstat{position:absolute;left:10px;bottom:6px;font-size:10px;color:#555}
.inner .ready{color:#0f7b0f;font-weight:600}

.inner .wall{position:absolute;width:14px;background:repeating-linear-gradient(#c9a27a 0 10px,#b58a60 10px 20px);border-radius:3px}
.inner .wb{transition:left 1.2s cubic-bezier(.45,.05,.25,1),top 1.2s}

.inner .qin{display:block;border:1px solid #cfd5dc;border-bottom:2px solid #0067c0;border-radius:4px;padding:3px 6px;font-size:9px;min-height:11px;margin-top:4px;font-style:normal;background:#fff;color:#111}
.inner .plug.half{transform:translateX(16px)}
.inner .dlg .pw{display:block;margin-top:6px;font-size:14px;font-weight:700;letter-spacing:.5px;color:#0b7a63}

.inner .wc i{font-style:normal;padding:0 1px;border-radius:2px}
.inner .camv{position:absolute;inset:0;background:#111;display:grid;place-items:center;color:#555}
.inner .camv svg{width:30px;height:30px}
.inner .camv.live{background:radial-gradient(circle at 50% 42%,#f2c9a0 0 16px,transparent 17px),radial-gradient(ellipse at 50% 100%,#3b82f6 0 34px,transparent 35px),linear-gradient(#dbe7f3,#c7d8ea)}
.inner .camv.live svg{display:none}
.inner .dlg .opt{border:1px solid #e3e7eb;border-radius:6px;padding:6px 9px;margin-bottom:5px;display:flex;flex-direction:column;font-size:10px}
.inner .dlg .opt small{color:#666;font-size:8.5px}
.inner .dlg .opt.on{border-color:#0067c0;background:#eef5fc}
.inner .frozen .fz{position:absolute;left:0;right:0;top:22px;bottom:0;background:rgba(255,255,255,.55)}
.inner .appw{left:40px;top:58px;width:400px;height:190px;z-index:8}
.inner .sheet{height:168px;background-image:linear-gradient(#e3e6ea 1px,transparent 1px),linear-gradient(90deg,#e3e6ea 1px,transparent 1px);background-size:56px 16px}
.inner .busy{position:absolute;width:12px;height:12px;border:3px solid #0067c0;border-right-color:transparent;border-radius:50%;animation:pct-rot .9s linear infinite;z-index:51}
@keyframes pct-rot{to{transform:rotate(360deg)}}
.inner .camapp{left:70px;top:20px;width:340px;height:230px;z-index:7}
.inner .camapp .camv{top:22px}
.inner .srch{color:#666}
.inner .dimmer{position:absolute;inset:0;background:#000;opacity:.5;z-index:44;pointer-events:none;transition:opacity .7s}
.inner .night{position:absolute;inset:0;background:#ff8a1f;opacity:.22;mix-blend-mode:multiply;z-index:44;pointer-events:none;transition:opacity .7s}
.inner .rot{position:absolute;inset:0;transition:transform 1.2s cubic-bezier(.45,.05,.25,1)}
.inner .lp-disp .dimmer{z-index:1}
.inner .card .sub{transition:font-size .6s}
.inner .pane.big .card{font-size:12px}
.inner .set.zoomed .pane{zoom:1.15}
.inner .set.zoomed .nav{zoom:1.08}
.inner .taskbar{transition:transform .4s}
.inner .taskbar.hid{transform:translateY(100%)}
.inner .osk{left:30px;top:146px;width:420px;height:118px;z-index:12}
.inner .osk-keys{display:flex;flex-direction:column;gap:4px;padding:8px;background:#eef1f4;height:100%;box-sizing:border-box}
.inner .osk-keys div{display:flex;gap:4px;justify-content:center}
.inner .osk-keys span{width:28px;height:18px;background:#fff;border:1px solid #d6dbe1;border-radius:3px;display:grid;place-items:center;font-size:9px}
.inner .notepad{left:60px;top:14px;width:360px;height:124px;z-index:11}
.inner .np-txt{padding:8px 10px;font-size:11px;min-height:20px}

.inner .np-txt.bad{color:#c42b1c}
.inner .capsled{position:absolute;width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e;transition:background .2s,box-shadow .2s;z-index:43}
.inner .capsled.off{background:#cfd5dc;box-shadow:none}
.inner .chg .socket{transition:left .6s}
.inner .chg-cord2{transition:width .6s}
.inner .ovf{position:absolute;right:92px;bottom:34px;background:#f7f8fa;border:1px solid #d6dbe1;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.15);padding:6px;display:none;gap:6px;z-index:26}
.inner .ovf.open{display:flex}
.inner .ovf span{width:20px;height:20px;display:grid;place-items:center;border-radius:4px;color:#333}
.inner .ovf svg{width:13px;height:13px}
.inner .dlg .prog{margin-top:8px;height:5px}
.inner .dlg .prog i{transition:width 1.6s linear}
.inner .ex-search .ex-q{overflow:hidden;text-overflow:ellipsis}
.inner .np2{top:150px;height:112px}
.inner .chatw{left:60px;top:150px;width:360px;height:112px;z-index:11}
.inner .chat-msgs{height:56px;padding:6px 10px;display:flex;flex-direction:column;gap:4px;background:#efeae2}
.inner .chat-msgs span{align-self:flex-start;background:#fff;border-radius:6px;padding:3px 8px;font-size:9.5px}
.inner .cin{display:flex;align-items:center;gap:6px;margin:5px 8px;background:#fff;border:1px solid #d6dbe1;border-radius:14px;padding:3px 10px;min-height:16px;font-size:10px}
.inner .cin.focus{border-color:#0b7a63}
.inner .thumb{width:46px;height:28px;border-radius:4px;background:linear-gradient(135deg,#cfe0f3,#9ab8dc);border:1px solid #9aa3ad}
.inner .hl{border-radius:2px;transition:background .3s}
.inner .hl.sel{background:#99c9f5}
.inner .snipbar{position:absolute;left:50%;top:10px;transform:translateX(-50%);display:flex;gap:6px;background:#f7f8fa;border:1px solid #d6dbe1;border-radius:8px;padding:5px 8px;z-index:45}
.inner .snipbar i{width:18px;height:14px;border-radius:3px;background:#dfe3e8}
.inner .snipbar i:first-child{background:#0067c0}
.inner .snipbox{position:absolute;width:0;height:0;border:1.5px solid #fff;box-shadow:0 0 0 999px rgba(0,0,0,.38);z-index:44;transition:width .8s,height .8s;pointer-events:none}
.inner .dlg .dt b{overflow-wrap:anywhere;font-weight:600}
.inner .snipbox.idle{border:0}
.inner .chat-msgs .ln{display:block;height:8px;width:120px;background:#fff;border-radius:6px;padding:4px 8px}
.inner .prt{left:40px;top:12px;width:400px;height:250px;z-index:12}
.inner .prt-body{display:grid;grid-template-columns:140px 1fr;height:228px}
.inner .prt-prev{background:#e9ebee;display:grid;place-items:center}
.inner .prt-prev i{width:84px;height:112px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15);background-image:repeating-linear-gradient(#fff 0 10px,#e6e9ec 10px 14px);background-clip:content-box;padding:10px;box-sizing:border-box}
.inner .prt-opts{padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:9.5px;position:relative}
.inner .prt-opts h5{margin:0 0 4px;font-size:13px;font-weight:600}
.inner .prt-acts{position:absolute;right:12px;bottom:10px;display:flex;gap:6px}
.inner .w-doc .wp-lines{display:flex}
.inner .snack{position:absolute;left:30px;bottom:40px;background:#202124;color:#fff;padding:8px 14px;border-radius:4px;font-size:10px;display:none;z-index:36}
.inner .snack.open{display:block}
.inner .si-box+.si-box{margin-top:-2px}
.inner .signin .wbtn{margin-top:4px}
.inner .wupd{position:absolute;inset:0;background:#0b3d91;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:12px;z-index:45;text-align:center}

/* ---------- phone kit (Android / WhatsApp / iPhone) ---------- */
.inner .phn.pbig{z-index:5}
.inner .phn.pbig .ph-scr{font-size:10px;color:#1f1f1f}
.inner .cur.touch{width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:rgba(32,33,36,.28);box-shadow:0 0 0 2px rgba(255,255,255,.9);filter:none}
.inner .cur.touch path{display:none}
.inner .as{height:100%;display:flex;flex-direction:column;background:#f6f8fc}
.inner .as.dark{background:#111;color:#fff}
.inner .as-sb{height:18px;display:flex;justify-content:space-between;align-items:center;padding:0 12px 0 14px;font-size:9px;flex:none}
.inner .as-ic{display:flex;align-items:center;gap:3px}
.inner .as-ic svg{width:10px;height:10px}
.inner .as-ic em{font-style:normal}
.inner .as-body{flex:1;position:relative;overflow:hidden}
.inner .as-nav{height:12px;display:grid;place-items:center;flex:none}
.inner .as-nav i{width:60px;height:3px;border-radius:2px;background:#1f1f1f;opacity:.5}
.inner .as.dark .as-nav i{background:#fff}
.inner .ah{padding:12px 10px;height:100%;box-sizing:border-box;background:linear-gradient(170deg,#b9d4f1,#e8eef8 60%,#f3e6dc)}
.inner .ah-search{height:22px;border-radius:12px;background:rgba(255,255,255,.85);display:flex;align-items:center;padding:0 8px;margin-bottom:16px}
.inner .ah-search svg{width:10px;height:10px;color:#666}
.inner .ah-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 4px}
.inner .aa{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.inner .aa i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:700;font-size:13px}
.inner .aa em{font-style:normal;font-size:8px;line-height:1.15;max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f1f1f}
.inner .ap{height:100%;display:flex;flex-direction:column;background:#f6f8fc}
.inner .ap-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px}
.inner .ap-bar svg{width:12px;height:12px}
.inner .ap.big .ap-bar{font-size:18px;padding:14px 14px 10px}
.inner .ap-list{display:flex;flex-direction:column;gap:2px;padding:0 8px;overflow:hidden}
.inner .ap-list hr{border:0;height:6px;margin:0}
.inner .ar{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:12px;background:#fff;min-height:20px;transition:background .3s,opacity .4s}
.inner .ar-ic{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:700;font-size:10px}
.inner .ar-t{display:flex;flex-direction:column;flex:1;min-width:0}
.inner .ar-t b{font-weight:500;font-size:10.5px}
.inner .ar-t small{color:#5f6368;font-size:8.5px}
.inner .ar-val{font-style:normal;color:#5f6368;font-size:9px;white-space:nowrap}
.inner .ar.danger b{color:#c5221f}
.inner .ar.sel{background:#d3e3fd}
.inner .ar.gone{opacity:0}
.inner .atg{width:28px;height:16px;border-radius:8px;background:#e1e3e1;border:1.5px solid #747775;position:relative;box-sizing:border-box;flex:none;transition:background .25s}
.inner .atg::after{content:"";position:absolute;left:3px;top:3px;width:7px;height:7px;border-radius:50%;background:#747775;transition:left .25s,background .25s,width .25s,height .25s,top .25s}
.inner .atg.on{background:#0b57d0;border-color:#0b57d0}
.inner .atg.on::after{left:14px;top:2px;width:9px;height:9px;background:#fff}
.inner .ab{display:inline-block;border-radius:14px;padding:5px 11px;font-weight:600;font-size:9.5px;color:#0b57d0;border:1px solid #c4c7c5;background:#fff;white-space:nowrap}
.inner .ab.pri{background:#0b57d0;color:#fff;border-color:#0b57d0}
.inner .ab.danger{color:#c5221f}
.inner .abtns{display:flex;gap:6px;justify-content:center;padding:8px}
.inner .adlg{position:absolute;inset:0;background:rgba(0,0,0,.35);display:none;align-items:center;justify-content:center;z-index:5}
.inner .adlg.open{display:flex}
.inner .adlg-box{width:80%;background:#fff;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px}
.inner .adlg-box b{font-size:12px;font-weight:600}
.inner .adlg-box p{margin:0;color:#444;font-size:9.5px}
.inner .adlg-acts{display:flex;justify-content:flex-end;gap:6px}
.inner .adlg-acts .ab{border:0;background:none}
.inner .adlg-acts .ab.pri{background:#0b57d0;color:#fff}
.inner .atoast{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:#303030;color:#fff;border-radius:16px;padding:6px 12px;font-size:9px;white-space:nowrap;display:none;z-index:6}
.inner .atoast.open{display:block}
.inner .ash{position:absolute;inset:0;background:#e9eef6;padding:10px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}
.inner .ash-time{font-size:16px;font-weight:600}
.inner .ash-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.inner .at{display:flex;align-items:center;gap:6px;background:#dde3ea;border-radius:16px;padding:8px 9px;font-size:9px;min-width:0;transition:background .3s,color .3s}
.inner .at i{width:10px;height:10px;border-radius:50%;background:#747775;flex:none}
.inner .at em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inner .at.on{background:#0b57d0;color:#fff}
.inner .at.on i{background:#fff}
.inner .ash-bright{display:flex;align-items:center;gap:8px;background:#dde3ea;border-radius:16px;padding:8px 10px}
.inner .ash-bright svg{width:11px;height:11px}
.inner .ash-bright .sl{flex:1;width:auto}
.inner .anote{background:#fff;border-radius:14px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;margin:6px 8px}
.inner .anote span{color:#555;font-size:9px}
.inner .abar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:#e1e3e1;margin:4px 0}
.inner .abar i{display:block;height:100%;transition:width .8s}
.inner .ahd{display:flex;align-items:center;gap:10px;padding:8px 14px}
.inner .ahd i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:700;font-size:16px;flex:none}
.inner .ahd span{display:flex;flex-direction:column}
.inner .ahd b{font-size:12px}
.inner .ahd small{color:#5f6368;font-size:9px}
.inner .abr{height:100%;display:flex;flex-direction:column;background:#fff}
.inner .abr-url{display:flex;align-items:center;gap:6px;margin:6px 8px;padding:5px 9px;border-radius:14px;background:#eef1f6;font-size:9px}
.inner .abr-url svg{width:9px;height:9px;flex:none}
.inner .abr-url span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.inner .abr-body{flex:1;position:relative;overflow:hidden;padding:8px 10px}
.inner .acall{height:100%;background:linear-gradient(#1c3b5a,#0f1f30);color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:40px;gap:6px;box-sizing:border-box}
.inner .acall b{font-size:16px}
.inner .acall-btns{margin-top:auto;margin-bottom:30px;display:flex;gap:50px}
.inner .acall-btns span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px}
.inner .acall-btns i{width:38px;height:38px;border-radius:50%;background:#e5484d}
.inner .acall-btns .ab-answer i{background:#22c55e}
.inner .alock{height:100%;background:linear-gradient(170deg,#24476b,#0f2236);color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:40px;box-sizing:border-box}
.inner .alock b{font-size:34px;font-weight:300}
.inner .aboot{height:100%;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}
.inner .aboot b{font-size:16px;letter-spacing:2px}
.inner .asms{display:flex;flex-direction:column;gap:6px;padding:8px}
.inner .sb{max-width:80%;padding:7px 9px;border-radius:12px;font-size:9.5px;line-height:1.3}
.inner .sb.in{background:#e9edf5;align-self:flex-start}
.inner .sb.out{background:#d3e3fd;align-self:flex-end}
.inner .sb u{color:#0b57d0}
.inner .sb.warn{box-shadow:0 0 0 2px #e5484d}
/* WhatsApp-style */
.inner .wa{height:100%;display:flex;flex-direction:column;background:#fff}
.inner .wa-top{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#fff;font-size:13px;border-bottom:1px solid #eee}
.inner .wa-top>b{flex:1;color:#1fa855;font-size:15px}
.inner .wa-top svg{width:12px;height:12px;display:block}
.inner .wa-who{flex:1;display:flex;flex-direction:column;min-width:0}
.inner .wa-who b{font-size:10.5px}
.inner .wa-who small{font-size:8px;color:#667}
.inner .wa-av{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:700;font-size:10px;flex:none}
.inner .wa-list{display:flex;flex-direction:column}
.inner .wc{display:flex;align-items:center;gap:8px;padding:7px 10px;transition:background .3s,opacity .4s}
.inner .wc i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:700;flex:none}
.inner .wc span{flex:1;display:flex;flex-direction:column;min-width:0}
.inner .wc small{color:#667;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inner .wc em{font-style:normal;font-size:8px;color:#667;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.inner .wc em u{text-decoration:none;background:#25d366;color:#fff;border-radius:8px;padding:0 4px}
.inner .wc.sel{background:#e7f8ee}
.inner .wa-msgs{flex:1;background:#efeae2;display:flex;flex-direction:column;gap:5px;padding:8px;overflow:hidden}
.inner .wb{max-width:78%;background:#fff;border-radius:8px;padding:5px 8px;font-size:9.5px;line-height:1.3;align-self:flex-start;position:relative}
.inner .wb small{display:block;text-align:right;font-size:7px;color:#888}
.inner .wb.out{background:#d9fdd3;align-self:flex-end}
.inner .wb.warn{box-shadow:0 0 0 2px #e5484d}
.inner .wb .apk{display:flex;align-items:center;gap:6px;padding:4px;background:#f2f2f2;border-radius:6px;margin-bottom:3px}
.inner .wb .apk i{width:18px;height:22px;background:#9aa3ad;border-radius:3px}
.inner .wb .pic{display:block;width:120px;height:70px;border-radius:6px;background:linear-gradient(135deg,#cfe0f3,#9ab8dc)}
.inner .wa-in{display:flex;align-items:center;gap:5px;padding:5px 6px;background:#efeae2}
.inner .wa-box{flex:1;display:flex;align-items:center;gap:6px;background:#fff;border-radius:16px;padding:5px 9px;color:#888;min-height:12px}
.inner .wa-box em{flex:1;font-style:normal;color:#111;font-size:9.5px}
.inner .wa-box svg{width:12px;height:12px;display:block}
.inner .wa-mic{width:26px;height:26px;border-radius:50%;background:#1fa855;color:#fff;display:grid;place-items:center;flex:none}
.inner .wa-mic svg{width:12px;height:12px}
.inner .wa-att{position:absolute;left:8px;right:8px;bottom:44px;background:#fff;border-radius:14px;padding:12px;display:none;grid-template-columns:repeat(3,1fr);gap:12px;box-shadow:0 4px 16px rgba(0,0,0,.2);z-index:4}
.inner .wa-att.open{display:grid}
.inner .wa-att span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:8.5px}
.inner .wa-att i{width:30px;height:30px;border-radius:50%}
.inner .wa-p .ap-bar{background:#fff;border-bottom:1px solid #eee}
.inner .wa-p,.inner .wa-p .ar{background:#fff}
.inner .wa-p .ab.pri,.inner .wa .ab.pri{background:#1fa855;border-color:#1fa855}
.inner .wa-p .atg.on{background:#1fa855;border-color:#1fa855}
.inner .wa-pin{height:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 14px;box-sizing:border-box;background:#fff;text-align:center}
.inner .wa-pin small{color:#667;font-size:9px}
.inner .pin6{display:flex;gap:7px;margin-top:10px}
.inner .pin6 i{width:16px;height:20px;border-bottom:2px solid #1fa855;position:relative}
.inner .pin6 i.on::after{content:"";position:absolute;left:4px;top:6px;width:8px;height:8px;border-radius:50%;background:#111}
/* iPhone-style */
.inner .phn.ios{border-radius:26px}
.inner .phn.ios .ph-scr{border-radius:22px}
.inner .is{height:100%;display:flex;flex-direction:column;background:#f2f2f7}
.inner .is-sb{height:20px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-size:9px;flex:none}
.inner .is-sb span{display:flex;gap:3px}
.inner .is-sb svg{width:10px;height:10px}
.inner .is-body{flex:1;overflow:hidden;position:relative}
.inner .ip-bar{padding:6px 14px 8px;display:flex;flex-direction:column;gap:4px}
.inner .ip-bar b{font-size:18px}
.inner .ip-back{color:#007aff;font-size:10px}
.inner .ig{background:#fff;border-radius:10px;margin:0 10px 10px;overflow:hidden}
.inner .ir{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid #e5e5ea;font-size:10px;transition:background .3s}
.inner .ir:last-child{border-bottom:0}
.inner .ir i{width:18px;height:18px;border-radius:5px;flex:none}
.inner .ir span{flex:1}
.inner .ir em{font-style:normal;color:#8e8e93;font-size:9.5px}
.inner .ir.sel{background:#e5e5ea}
.inner .itg{width:30px;height:18px;border-radius:9px;background:#e9e9eb;position:relative;flex:none;transition:background .25s}
.inner .itg::after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:left .25s}
.inner .itg.on{background:#34c759}
.inner .itg.on::after{left:14px}
.inner .ig .sl{width:auto;flex:1}
.inner .ig .sl i,.inner .ig .sl b{background:#007aff}
.inner .apm{position:absolute;inset:0;background:rgba(0,0,0,.55);display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:5;color:#fff;font-size:10px}
.inner .apm.open{display:flex}
.inner .apm span{display:flex;flex-direction:column;align-items:center;gap:5px}
.inner .apm i{width:44px;height:44px;border-radius:50%;background:#e9eef6;color:#1f1f1f;display:grid;place-items:center}
.inner .apm i svg{width:16px;height:16px}
.inner .arec{position:absolute;inset:0;background:#d9dde3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.inner .arec-cards{display:flex;gap:10px}
.inner .rc{width:62px;height:120px;background:#fff;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;transition:transform .5s,opacity .5s}
.inner .rc b{display:flex;align-items:center;gap:3px;font-size:7.5px;padding:4px;font-weight:600;background:#f1f3f4}
.inner .rc b i{width:9px;height:9px;border-radius:50%}
.inner .rc em{flex:1;background:repeating-linear-gradient(#fff 0 8px,#eceef1 8px 11px)}
.inner .rc.gone{transform:translateY(-140px);opacity:0}
.inner .qr{width:96px;height:96px;margin:8px auto;position:relative;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0 0/12px 12px,#fff;border:6px solid #fff;box-shadow:0 0 0 1px #ddd}
.inner .qr i{position:absolute;width:24px;height:24px;background:#fff;box-shadow:inset 0 0 0 4px #111,inset 0 0 0 8px #fff,inset 0 0 0 12px #111}
.inner .qr i:nth-child(1){left:0;top:0}
.inner .qr i:nth-child(2){right:0;top:0}
.inner .qr i:nth-child(3){left:0;bottom:0}
.inner .apop{position:absolute;display:none;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.25);padding:4px;z-index:4;min-width:80px}
.inner .apop.open{display:flex}
.inner .apop span{padding:6px 10px;border-radius:8px;font-size:9.5px}
.inner .aa{transition:opacity .4s,transform .4s}
.inner .aa.gone{opacity:0;transform:scale(.5)}
.inner .aa.hold i{box-shadow:0 0 0 4px rgba(11,87,208,.35)}
.inner .pcable{position:absolute;width:8px;background:#e9e9e9;border:1px solid #bbb;border-radius:3px;transition:opacity .5s,transform .7s}
.inner .pcable.frayed{background:repeating-linear-gradient(#e9e9e9 0 14px,#e5484d 14px 18px)}
.inner .pcable.out{opacity:0;transform:translateY(40px)}
.inner .pbot{position:absolute;left:90px;top:90px;width:300px;height:110px;background:linear-gradient(#2b2f36,#1f2328);border-radius:0 0 40px 40px;box-shadow:inset 0 4px 0 #3a3f45}
.inner .pport{position:absolute;left:125px;top:50px;width:50px;height:16px;border-radius:8px;background:#0a0b0d;box-shadow:inset 0 0 0 2px #444}
.inner .dust{position:absolute;width:5px;height:5px;border-radius:50%;background:#b9a27a;transition:opacity .6s}
.inner .dust.gone{opacity:0}
.inner .brush{position:absolute;left:150px;top:30px;width:150px;height:14px;background:#4f8edc;border-radius:7px;transform-origin:0 50%;transition:left .5s}
.inner .brush::before{content:"";position:absolute;left:-26px;top:-6px;width:28px;height:26px;background:repeating-linear-gradient(90deg,#fff 0 2px,#ddd 2px 4px);border-radius:3px}
.inner .bigbat{height:100%;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.inner .bigbat i{width:40px;height:72px;border:3px solid #fff;border-radius:8px;position:relative}
.inner .bigbat i::after{content:"";position:absolute;left:3px;right:3px;bottom:3px;height:40%;background:#22c55e;border-radius:3px}
.inner .bigbat b{font-size:22px;font-weight:400}
.inner .fprev{background:#fff;border-radius:12px;margin:4px 8px 10px;padding:12px;font-size:10px;transition:font-size .7s;line-height:1.3}
.inner .aslider{display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;margin:0 8px;padding:10px}
.inner .aslider .sl{flex:1;width:auto}
.inner .aslider small{font-size:9px}
.inner .aslider small:last-child{font-size:14px}
.inner .as-body .zoom{transition:zoom .7s}
.inner .pside{position:absolute;right:-5px;top:70px;width:5px;height:34px;background:#1f2328;border-radius:0 3px 3px 0}
.inner .pside.down{background:#0b7a63}
.inner .ap-top{padding:4px 6px 8px;display:flex;flex-direction:column;gap:2px}
.inner .ap-top small{font-size:9px;color:#5f6368}
.inner .chgs{margin-top:8px;font-size:10px;display:flex;align-items:center;gap:4px}
.inner .chgs svg{width:12px;height:12px}
.inner .pwline{text-align:center;font-size:11px;margin-top:4px}
.inner .pwline b{color:#0b57d0}
.inner .wct{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 0 16px}
.inner .wct i{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:700;font-size:20px}
.inner .wct b{font-size:13px}
.inner .wct small{color:#667;font-size:9px}
.inner .wa-field{width:80%;min-height:14px;border-bottom:2px solid #1fa855;padding:4px 2px;font-size:11px;text-align:center}
.inner .wa-pin .abtns{margin-top:auto}
.inner .wb,.inner .wc,.inner .ar,.inner .ir,.inner .sb,.inner .anote{flex:none}
.inner .wb .doc{display:flex;align-items:center;gap:6px;padding:4px;background:#f2f2f2;border-radius:6px;margin-bottom:2px}
.inner .wb .doc i{width:16px;height:20px;background:#e37400;border-radius:3px}
.inner .wb .vn{display:flex;align-items:center;gap:6px;min-width:110px}
.inner .wb .vn b{width:0;height:0;border-left:8px solid #1fa855;border-top:5px solid transparent;border-bottom:5px solid transparent}
.inner .wb .vn i{flex:1;height:12px;background:repeating-linear-gradient(90deg,#8fbf9a 0 2px,transparent 2px 4px)}
.inner .wb.del{font-style:italic;color:#888}
.inner .wb.sel{background:#b5e3ff}
.inner .wa-sel{position:absolute;left:0;right:0;top:0;height:34px;background:#fff;display:none;align-items:center;justify-content:space-between;padding:0 12px;font-size:12px;border-bottom:1px solid #eee;z-index:3}
.inner .wa-sel.open{display:flex}
.inner .wa-sel svg{width:13px;height:13px}
.inner .wa-mic.rec{transform:scale(1.5);transition:transform .2s;background:#1fa855}
.inner .wa-box .rec-dot{width:7px;height:7px;border-radius:50%;background:#e5484d;margin-right:4px}
.inner .wa-prev{height:100%;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative}
.inner .wa-prev .pic{display:block;width:170px;height:120px;border-radius:4px;background:linear-gradient(135deg,#cfe0f3,#9ab8dc)}
.inner .wa-prev .hd{position:absolute;top:10px;right:14px;border:1.5px solid #fff;color:#fff;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700}
.inner .wa-prev .hd.on{background:#fff;color:#000}
.inner .wa-prev .send{position:absolute;right:12px;bottom:14px;width:30px;height:30px;border-radius:50%;background:#1fa855}
.inner .vcall{height:100%;background:#1f2329;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;position:relative}
.inner .vcall .me{position:absolute;right:10px;top:10px;width:46px;height:64px;border-radius:8px;background:linear-gradient(#3b82f6,#1e3a8a)}
.inner .vcall i.av{width:60px;height:60px;border-radius:50%;background:#8b5cf6;display:grid;place-items:center;font-style:normal;font-size:22px;font-weight:700}
.inner .vcall .bar{position:absolute;bottom:16px;display:flex;gap:14px}
.inner .vcall .bar span{width:30px;height:30px;border-radius:50%;background:#3a3f45}
.inner .vcall .bar span:last-child{background:#e5484d}
.inner .mopts{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.inner .mopts span{display:flex;align-items:center;gap:7px;font-size:10px;color:#1f1f1f}
.inner .mopts i{width:11px;height:11px;border-radius:50%;border:1.5px solid #5f6368;box-sizing:border-box}
.inner .mopts span.on i{border:4px solid #1fa855}
.inner .wa-att em{font-style:normal}
.inner .fmd{display:grid;grid-template-columns:150px 1fr;height:100%}
.inner .fmd-side{padding:12px;display:flex;flex-direction:column;gap:6px;font-size:10px;border-right:1px solid #eef0f2}
.inner .fmd-side b{font-size:12px}
.inner .fmd-side small{color:#5f6368}
.inner .fmd-side .wbtn{text-align:left;font-weight:500;border-radius:16px}
.inner .fmap{position:relative;background:#e8eef3;background-image:linear-gradient(90deg,transparent 46%,#fff 46% 54%,transparent 54%),linear-gradient(transparent 30%,#fff 30% 36%,transparent 36%),linear-gradient(transparent 70%,#fff 70% 74%,transparent 74%),linear-gradient(115deg,transparent 60%,#cfe6c7 60%);overflow:hidden}
.inner .fpin{position:absolute;left:52%;top:42%;width:14px;height:14px;margin:-7px;border-radius:50%;background:#0b57d0;box-shadow:0 0 0 6px rgba(11,87,208,.25)}
.inner .fpin.ring{animation:pct-ring .8s ease-out infinite}
@keyframes pct-ring{0%{box-shadow:0 0 0 0 rgba(11,87,208,.6)}100%{box-shadow:0 0 0 22px rgba(11,87,208,0)}}
.inner .gsign{display:flex;flex-direction:column;gap:10px;padding:14px 4px}
.inner .gsign b{font-size:15px;font-weight:400}
.inner .gfield{border:1px solid #747775;border-radius:4px;padding:8px;font-size:10px;color:#5f6368;min-height:12px}
.inner .glink{color:#0b57d0;font-size:9.5px;font-weight:600}
.inner .adover{position:absolute;inset:30px 10px auto;background:#fff3a3;border:2px solid #e5484d;border-radius:10px;padding:18px 10px;text-align:center;font-weight:800;color:#b42318;font-size:12px;z-index:4;box-shadow:0 6px 18px rgba(0,0,0,.3);transition:opacity .4s}
.inner .adover.gone{opacity:0}
.inner .dlg-field{display:block;border:1px solid #cfd5dc;border-radius:4px;padding:5px 7px;font-size:9.5px}
.inner .flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .15s;z-index:6}
.inner .flash.on{opacity:.9}
.inner .sthumb{position:absolute;left:8px;bottom:20px;width:46px;height:80px;border:2px solid #fff;border-radius:6px;background:linear-gradient(170deg,#b9d4f1,#e8eef8);box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:5;display:none}
.inner .sthumb.on{display:block}
.inner .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:6px}
.inner .pgrid i{aspect-ratio:1;background:linear-gradient(135deg,#cfe0f3,#9ab8dc)}
.inner .pgrid i:first-child{background:linear-gradient(170deg,#b9d4f1,#e8eef8);box-shadow:inset 0 0 0 2px #0b57d0}
.inner .phn.pbig{transition:transform 1s cubic-bezier(.45,.05,.25,1)}
.inner .phn.turned{transform:translateX(-70px) rotate(-90deg) scale(.92)}
.inner .vid{position:absolute;inset:0;background:#000;display:grid;place-items:center}
.inner .vid i{width:92%;height:40%;background:linear-gradient(135deg,#334155,#64748b)}
.inner .phn.cased{box-shadow:0 0 0 7px #7c3aed}
.inner .sun{position:absolute;left:40px;top:20px;width:46px;height:46px;border-radius:50%;background:#fbbf24;box-shadow:0 0 0 8px rgba(251,191,36,.3);transition:opacity .6s}
.inner .sun.gone{opacity:0}
.inner .dial{display:flex;flex-direction:column;align-items:center;height:100%;padding:16px 0;box-sizing:border-box;background:#fff}
.inner .dial-num{font-size:20px;min-height:26px;letter-spacing:1px}
.inner .dial-keys{display:grid;grid-template-columns:repeat(3,40px);gap:8px 18px;margin-top:14px}
.inner .dial-keys span{width:40px;height:40px;border-radius:50%;background:#eef1f6;display:grid;place-items:center;font-size:14px}
.inner .dial-call{margin-top:12px;width:44px;height:44px;border-radius:50%;background:#1e8e3e}
.inner .pstore{display:flex;align-items:center;gap:8px;padding:10px}
.inner .pstore span{flex:1;background:#eef1f6;border-radius:16px;padding:7px 10px;font-size:9px;color:#5f6368;white-space:nowrap;overflow:hidden}
.inner .pstore i,.inner .gpro{width:24px;height:24px;border-radius:50%;background:#7c3aed;flex:none}
.inner .gphead{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px}
.inner .volbar{position:absolute;right:8px;top:40px;width:40px;height:150px;background:#e9eef6;border-radius:20px;display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:10px;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:4}
.inner .volbar .vbell{width:28px;height:28px;border-radius:50%;background:#0b57d0;color:#fff;display:grid;place-items:center}
.inner .volbar .vbell svg{width:14px;height:14px}
.inner .volbar .vtrack{flex:1;width:8px;border-radius:4px;background:#c4c7c5;position:relative;overflow:hidden}
.inner .volbar .vtrack i{position:absolute;left:0;right:0;bottom:0;height:0;background:#0b57d0;transition:height .6s}
.inner .fakealert{position:absolute;left:14px;top:8px;width:452px;height:258px;background:#0b3d91;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;z-index:12;font-size:11px;border-radius:6px;transition:opacity .4s}
.inner .fakealert b{font-size:16px;color:#ffdd57}
.inner .fakealert .fnum{font-size:18px;font-weight:800;background:#e5484d;padding:4px 12px;border-radius:4px}
.inner .fakealert.gone{opacity:0}
.inner .pwcard{position:absolute;left:90px;top:70px;width:300px;background:#fff;border:1px solid #d6dbe1;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px rgba(0,0,0,.08);font-family:var(--sans)}
.inner .pwcard .pwf{border:1.5px solid #cfd5dc;border-radius:8px;padding:8px 10px;font-size:13px;min-height:16px;font-family:var(--mono)}
.inner .meter{height:8px;border-radius:4px;background:#e6e9ec;overflow:hidden}
.inner .meter i{display:block;height:100%;width:0;transition:width .6s,background .6s}
.inner .meter-l{font-size:11px;font-weight:700}
.inner .pwacc{position:absolute;top:80px;width:120px;background:#fff;border:1px solid #d6dbe1;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px;align-items:center;font-family:var(--sans);font-size:11px;font-weight:700}
.inner .pwacc i{width:28px;height:28px;border-radius:8px}
.inner .pwacc code{font-size:8.5px;background:#f1f3f4;padding:3px 5px;border-radius:4px;font-weight:400}
.inner .notebook{position:absolute;left:150px;top:40px;width:180px;height:210px;background:repeating-linear-gradient(#fffdf2 0 20px,#d6e4f0 20px 21px);border-radius:4px 10px 10px 4px;box-shadow:inset 14px 0 0 #e5484d,0 8px 20px rgba(0,0,0,.15);padding:30px 16px 0 26px;box-sizing:border-box;font-family:'Comic Sans MS',var(--sans);font-size:11px;line-height:21px;color:#334}
.inner .bankapp{height:100%;background:#0b57d0;color:#fff;display:flex;flex-direction:column;gap:10px;padding:20px 14px;box-sizing:border-box}
.inner .bankapp .bcard{background:#fff;color:#1f1f1f;border-radius:12px;padding:12px;font-size:10px}
.inner .card3d{position:absolute;left:40px;top:90px;width:150px;height:94px;border-radius:10px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;font-family:var(--mono);font-size:9px;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end}
.inner .shield-big{width:70px;height:80px;margin:20px auto 10px;background:#1e8e3e;clip-path:polygon(50% 0,100% 18%,100% 55%,50% 100%,0 55%,0 18%)}
.inner .pp-res{text-align:center;font-size:10px;color:#1e8e3e;min-height:12px;margin:0}
.inner .pwacc{box-sizing:border-box}
.inner .iprev{background:#fff;border-radius:10px;margin:0 10px 10px;padding:12px;font-size:10px;transition:font-size .7s,font-weight .3s;line-height:1.3}
.inner .ig .aslider{margin:0;border-radius:0}
.inner .ime{display:flex;align-items:center;gap:10px;padding:10px}
.inner .ime i{width:36px;height:36px;border-radius:50%;background:#af52de;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:700}
.inner .ime span{display:flex;flex-direction:column;font-size:11px}
.inner .ime small{color:#8e8e93;font-size:8.5px}
.inner .ilogo{height:100%;background:#000;display:grid;place-items:center}
.inner .ilogo i{width:36px;height:40px;border-radius:50% 50% 45% 45%;background:#fff}
.inner .br-tabs .tb2{background:#dfe3e8;border-radius:6px 6px 0 0;padding:4px 8px;display:flex;gap:6px;white-space:nowrap;max-width:62px;overflow:hidden;font-size:8.5px;transition:opacity .3s}
.inner .br-tabs .tb2 i{font-style:normal;color:#666}
.inner .br-tabs .tb2.gone{display:none}
.inner .cbx{display:flex;align-items:center;gap:6px;font-size:10px;margin:3px 0}
.inner .cbx b{width:10px;height:10px;border:1.5px solid #666;border-radius:2px}
.inner .cbx.on b{background:#0067c0;border-color:#0067c0}
.inner .beeps{position:absolute;left:360px;top:60px;display:flex;flex-direction:column;gap:6px}
.inner .beeps i{font-style:normal;font-size:22px;color:#e37400;animation:pct-beep 1s steps(1) infinite}
.inner .beeps i:nth-child(2){animation-delay:.33s}
.inner .beeps i:nth-child(3){animation-delay:.66s}
@keyframes pct-beep{50%{opacity:.15}}
.inner .scanner{position:absolute;left:110px;top:70px;width:260px;height:150px;background:#e6eaee;border:2px solid #c4cad1;border-radius:14px}
.inner .scanner .glass{position:absolute;left:20px;top:20px;width:220px;height:110px;background:#9fb4c8;border-radius:4px}
.inner .scanner .sheet{position:absolute;left:24px;top:24px;width:80px;height:104px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transform:translateY(-140px);opacity:0;transition:transform .8s,opacity .4s}
.inner .scanner .sheet.in{transform:none;opacity:1}
.inner .scanw{left:40px;top:12px;width:400px;height:250px;z-index:12}
.inner .scanb{display:grid;grid-template-columns:1fr 130px;height:228px}
.inner .scanprev{background:#e9ebee;display:grid;place-items:center}
.inner .scanprev i{width:110px;height:150px;background:#fff;opacity:0;transition:opacity 1.5s;background-image:repeating-linear-gradient(#fff 0 10px,#e6e9ec 10px 14px);background-clip:content-box;padding:12px;box-sizing:border-box}
.inner .scanprev i.on{opacity:1}
.inner .scanside{padding:12px;display:flex;flex-direction:column;gap:8px;font-size:9.5px}
.inner .scanside .wbtn{margin-top:auto;text-align:center}
/* Device Manager and driver windows */
.inner .dm{left:30px;top:8px;width:330px;height:246px;z-index:11;display:none}
.inner .dm.open,.inner .dm:not(.later){display:block}
.inner .dm-menu{display:flex;gap:10px;padding:3px 8px;font-size:8.5px;color:#444}
.inner .dm-tools{display:flex;gap:5px;padding:3px 8px;border-bottom:1px solid #eef0f2}
.inner .dm-tools i{width:12px;height:10px;background:#dfe3e8;border-radius:2px}
.inner .dm-scan{width:14px;height:12px;border-radius:3px;background:#e8eef6;display:flex;align-items:center;justify-content:center}
.inner .dm-scan i{width:8px;height:6px;border:1.5px solid #0067c0;border-radius:2px;background:none}
.inner .dm-tree{padding:4px 6px;font-size:9px;line-height:1;overflow:hidden;height:190px}
.inner .dm-root,.inner .dm-g,.inner .dm-d{display:flex;align-items:center;gap:4px;padding:2.5px 4px;border-radius:3px;white-space:nowrap;position:relative}
.inner .dm-g{padding-left:10px}
.inner .dm-d{padding-left:30px}
.inner .dm-d.on{background:#cce4f7}
.inner .dm-ch{width:7px;color:#666;font-size:8px;text-align:center}
.inner .dm-ic{width:10px;height:8px;border-radius:2px;background:#64748b;flex:none}
.inner .dm-root .dm-ic{background:#334155}
.inner .dm-d .dm-ic{background:#94a3b8}
.inner .dm-warn,.inner .dm-off{position:absolute;left:33px;top:5px;width:8px;height:8px;border-radius:50%;font-size:6.5px;line-height:8px;text-align:center;font-weight:800;color:#111;background:#fbbf24}
.inner .dm-warn{border-radius:1px;clip-path:polygon(50% 0,100% 100%,0 100%);height:9px;line-height:11px;top:4px}
.inner .dm-off{background:#fff;border:1px solid #475569;color:#334155;width:7px;height:7px;line-height:7px}
.inner .dmctx{min-width:120px}
.inner .winx{min-width:110px}
.inner .winx div{padding:2.5px 12px}
.inner .dmp{left:150px;top:6px;width:250px;height:252px;z-index:20}
.inner .dmp.later{display:none}.inner .dmp.later.open{display:block}
.inner .dp-tabs{display:flex;gap:2px;padding:6px 8px 0;font-size:8.5px;border-bottom:1px solid #e3e7eb}
.inner .dp-tabs span{padding:3px 7px;border-radius:4px 4px 0 0;color:#555}
.inner .dp-tabs span.on{background:#fff;border:1px solid #e3e7eb;border-bottom-color:#fff;margin-bottom:-1px;color:#111;font-weight:700}
.inner .dp-head{display:flex;align-items:center;gap:6px;padding:8px 10px 4px;font-size:9.5px}
.inner .dp-pane{display:none;padding:2px 10px;font-size:8.5px}
.inner .dp-pane.on{display:block}
.inner .dp-pane small{display:block;color:#555;margin:4px 0 3px}
.inner .dp-status{border:1px solid #e3e7eb;border-radius:4px;padding:6px;min-height:46px;background:#fafbfc}
.inner .dp-kv{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:2px 0 5px}
.inner .dp-kv span{color:#555}
.inner .dp-b{display:flex;align-items:center;gap:7px;margin:3px 0}
.inner .dp-b .wbtn{width:78px;text-align:center;flex:none;font-size:8px;padding:2px 0}
.inner .dp-b small{margin:0;font-size:7.5px}
.inner .dp-b.dis .wbtn{color:#aaa;border-color:#eceff2}
.inner .dp-prop{width:150px;display:flex;justify-content:space-between}
.inner .dp-val{border:1px solid #e3e7eb;border-radius:4px;padding:4px 6px;font-family:var(--mono,monospace);font-size:7.5px;line-height:1.5}
.inner .dp-val div:first-child{background:#cce4f7}
.inner .dp-foot{position:absolute;right:8px;bottom:7px;display:flex;gap:5px}
.inner .dmw{left:110px;top:30px;width:290px;height:190px;z-index:25}
.inner .dmw.later{display:none}.inner .dmw.later.open{display:block}
.inner .wz{padding:10px 14px;font-size:9px}
.inner .wz h5{margin:0 0 10px;font-size:11px;color:#1e3a8a;font-weight:600}
.inner .wz-o{border:1px solid #e3e7eb;border-radius:5px;padding:7px 9px;margin-bottom:7px}
.inner .wz-o b{display:block;color:#0f4c9c;margin-bottom:2px}
.inner .wz-o small{color:#555;font-size:8px}
.inner .wz-o.on{background:#e8f1fb;border-color:#9cc2ea}
.inner .wz-res{display:none}
.inner .wz-res.on{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.inner .wz-res h5{margin:0}
.inner .wz-res small{color:#444}
.inner .wz-wu{color:#0067c0;text-decoration:underline}
.inner .wz-bar{width:200px;height:4px;border-radius:2px;background:#e3e7eb;overflow:hidden}
.inner .wz-bar i{display:block;height:100%;width:40%;background:#0067c0;animation:wzbar 1.2s linear infinite}
@keyframes wzbar{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
.inner .wz-res .wbtn{align-self:flex-end;margin-top:6px}
.inner .rbl{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.inner .rbl div{display:flex;align-items:center;gap:6px;font-size:9.5px}
.inner .rbl i{width:8px;height:8px;border:1px solid #6b7280;border-radius:50%;flex:none;box-sizing:border-box}
.inner .rbl .on i{border:3px solid #0067c0}
.inner .uchk{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:9.5px}
.inner .uchk i{width:9px;height:9px;border:1px solid #6b7280;border-radius:2px;flex:none}
.inner .sup{padding:12px 16px;font-size:10px;display:flex;flex-direction:column;gap:8px}
.inner .sup>b{font-size:13px}
.inner .sup-q{border:1px solid #cfd5dc;border-radius:6px;padding:6px 9px;min-height:12px;width:220px;background:#fff}
.inner .sup-os{align-self:flex-start}
.inner .sup-r{display:flex;align-items:center;justify-content:space-between;border:1px solid #eef0f2;border-radius:6px;padding:5px 9px;width:300px}
.inner .sup-r small{color:#666;margin-left:6px}
.inner .sup-r .wbtn{font-size:9px;padding:2px 8px}
.inner .dlbar{position:absolute;right:30px;top:58px;background:#fff;border:1px solid #cfd5dc;border-radius:7px;box-shadow:0 8px 20px rgba(0,0,0,.15);padding:7px 10px;font-size:9.5px;display:none;z-index:30}
.inner .dlbar.open{display:block}
.inner .dlbar small{display:block;color:#16a34a}
.inner .wz-path{border:1px solid #cfd5dc;border-radius:4px;padding:4px 7px;width:200px;font-size:8.5px}
.inner .wz-pick{color:#0f4c9c;font-weight:700}
.inner .wz-compat{font-size:8.5px;color:#333}
.inner .wz-list{border:1px solid #cfd5dc;border-radius:4px;width:240px;font-size:9px}
.inner .wz-list div{padding:3px 7px}
.inner .wz-list div.on{background:#cce4f7}
.inner .psp,.inner .spw,.inner .srw{left:60px;top:12px;width:330px;height:236px;z-index:15}
.inner .psp.later,.inner .spw.later,.inner .srw.later{display:none}
.inner .psp.later.open,.inner .spw.later.open,.inner .srw.later.open{display:block}
.inner .srw{left:90px;top:22px;z-index:18}
.inner .psp-b,.inner .spw-b,.inner .srw-b{padding:8px 12px;font-size:9px;display:flex;flex-direction:column;gap:6px}
.inner .srw-b h5{margin:0;font-size:10.5px;color:#1e3a8a;font-weight:600}
.inner .psp-h,.inner .psp-l>div{display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:6px;padding:3px 7px;white-space:nowrap;overflow:hidden}
.inner .spw .psp-h,.inner .spw .psp-l>div,.inner .srw .psp-h,.inner .srw .psp-l>div{grid-template-columns:1fr 1.6fr}
.inner .psp-h{color:#555;border-bottom:1px solid #e3e7eb}
.inner .psp-l{border:1px solid #e3e7eb;border-radius:4px;min-height:60px}
.inner .psp-l>div.on{background:#cce4f7}
.inner .psp-acts{display:flex;justify-content:flex-end;gap:5px;margin-top:4px}
.inner .spw-b .wbtn{align-self:flex-end}
.inner .dmp .titlebar>span,.inner .dmw .titlebar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
/* Technician tools */
.inner .term{left:30px;top:14px;width:420px;height:236px;background:#0c0c0c;border-color:#333;z-index:12}
.inner .term.later{display:none}.inner .term.later.open{display:block}
.inner .term .titlebar{background:#1f1f1f;color:#ddd;border-color:#333}
.inner .term .cmd-txt{height:196px;overflow:hidden;color:#cccccc;font-size:9px;line-height:1.45;white-space:pre-wrap;word-break:break-all}
.inner .term .ok{color:#4ade80}.inner .term .warn{color:#facc15}.inner .term .dim{color:#8b8b8b}
.inner .uac{position:absolute;left:110px;top:40px;width:260px;background:#fff;border:1px solid #9cb7d6;box-shadow:0 18px 40px rgba(0,0,0,.35);z-index:44;display:none;font-size:9.5px}
.inner .uac.open{display:block}
.inner .uac-h{background:#0f5fa8;color:#fff;padding:6px 10px;font-size:9px}
.inner .uac-b{padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.inner .uac-b b{font-size:11px;line-height:1.3}
.inner .uac-app{display:flex;align-items:center;gap:7px}
.inner .uac-app i{width:16px;height:14px;border-radius:3px;background:#1f1f1f;border:1px solid #555}
.inner .uac-acts{display:flex;gap:6px}
.inner .uac-acts .wbtn{flex:1;text-align:center}
.inner .wr{position:absolute;inset:0;background:#0b57a4;color:#fff;padding:22px 30px;z-index:40;box-sizing:border-box}
.inner .wr.later{display:none}.inner .wr.later.open{display:block}
.inner .wr h4{margin:0 0 14px;font-size:16px;font-weight:400}
.inner .wr-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;max-width:380px}
.inner .wr-t{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:10px}
.inner .wr-t i{width:22px;height:22px;border:2px solid #fff;border-radius:4px;flex:none;box-sizing:border-box}
.inner .wr-t small{display:block;opacity:.8;font-size:8px}
.inner .wr-t.on{background:rgba(255,255,255,.18)}
.inner .wr-ss small{font-size:9px;opacity:.9}
.inner .wr-ss ol{margin:8px 0 0;padding-left:18px;font-size:9.5px;line-height:1.55}
.inner .wr-ss li.on{background:rgba(255,255,255,.22)}
.inner .desk.safe{background:#000}
.inner .desk.safe span{position:absolute;color:#fff;font-size:10px}
.inner .desk.safe span:nth-child(1){left:8px;top:6px}.inner .desk.safe span:nth-child(2){right:8px;top:6px}
.inner .desk.safe span:nth-child(3){left:8px;bottom:36px}.inner .desk.safe span:nth-child(4){right:8px;bottom:36px}
.inner .bsod{position:absolute;inset:0;background:#101318;color:#fff;padding:36px 44px;z-index:40;box-sizing:border-box;font-size:11px}
.inner .bs-sad{font-size:44px;line-height:1;margin-bottom:10px}
.inner .bsod p{margin:0 0 8px;max-width:330px;line-height:1.4}
.inner .bs-code{display:flex;flex-direction:column;gap:3px;font-size:9.5px;margin-top:12px;opacity:.95}
.inner .rel{left:30px;top:10px;width:420px;height:246px;z-index:12}
.inner .rel.later{display:none}.inner .rel.later.open{display:block}
.inner .rl-chart{display:flex;align-items:flex-end;gap:4px;height:70px;padding:8px 12px;border-bottom:1px solid #eef0f2}
.inner .rl-chart i{flex:1;height:calc(var(--h) * 7px);background:#cfe0f5;border-radius:2px 2px 0 0;position:relative}
.inner .rl-chart i.x::after{content:"✕";position:absolute;left:50%;top:-14px;transform:translateX(-50%);color:#d92d20;font-style:normal;font-size:10px;font-weight:800}
.inner .rl-h,.inner .rl-l>div{display:grid;grid-template-columns:1.2fr 1.6fr;gap:8px;padding:4px 12px;font-size:9px;white-space:nowrap;overflow:hidden}
.inner .rl-h{color:#555;border-bottom:1px solid #eef0f2}
.inner .rl-l>div.on{background:#cce4f7}
.inner .rl-l em{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;background:#d92d20;vertical-align:-1px}
.inner .rl-l em.i{background:#2563eb}
.inner .msc{left:50px;top:12px;width:380px;height:236px;z-index:12}
.inner .msc.later{display:none}.inner .msc.later.open{display:block}
.inner .msc-l{margin:8px 10px 0;border:1px solid #e3e7eb;border-radius:4px;height:118px;overflow:hidden;font-size:8.5px}
.inner .msc-h,.inner .msc-l>div{display:grid;grid-template-columns:14px 1.5fr 1fr;gap:6px;align-items:center;padding:3px 7px;white-space:nowrap;overflow:hidden}
.inner .msc-l>.msc-h{grid-template-columns:1.5fr 1fr;padding-left:27px;color:#555;border-bottom:1px solid #eef0f2}
.inner .msc-f{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:8.5px}
.inner .mc-hide{display:flex;align-items:center;gap:5px;margin-right:auto}
.inner .msc .chk,.inner .mc-hide .chk{width:10px;height:10px;font-size:7px}
.inner .runb{position:absolute;left:12px;bottom:40px;width:260px;background:#fff;border:1px solid #cfd5dc;border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.2);display:none;z-index:30;overflow:hidden}
.inner .runb.open{display:block}
.inner .run-b{padding:9px 12px;display:flex;flex-direction:column;gap:8px;font-size:9px}
.inner .run-row{display:flex;align-items:center;gap:8px}
.inner .run-q{flex:1;border:1px solid #0067c0;border-radius:4px;padding:3px 6px;min-height:11px}
.inner .runb .acts{display:flex;justify-content:flex-end;gap:6px}
/* Printers (PCT.prn) */
.inner .pr{position:absolute;width:300px;height:190px}
.inner .pr-sup{position:absolute;left:52px;top:0;width:140px;height:62px;background:#e3e7eb;border:1.5px solid #c4cad1;border-radius:6px 6px 0 0;transform:perspective(200px) rotateX(18deg);transform-origin:bottom}
.inner .pr-sup i{position:absolute;left:30px;right:30px;top:-18px;height:20px;background:#eceff2;border:1.5px solid #c4cad1;border-bottom:0;border-radius:4px 4px 0 0}
.inner .pr-stack{position:absolute;left:70px;top:-60px;width:100px;height:62px;opacity:0;transition:transform .9s ease,opacity .4s}
.inner .pr-stack.in{transform:translateY(58px);opacity:1}
.inner .pr-stack i{position:absolute;inset:0;background:#fff;border:1px solid #c9ced4;border-radius:1px}
.inner .pr-stack i:nth-child(2){transform:translate(2px,-2px)}.inner .pr-stack i:nth-child(3){transform:translate(4px,-4px)}
.inner .pr-guide{position:absolute;left:58px;top:20px;width:7px;height:40px;background:#9aa3ad;border-radius:2px;transition:left .6s ease}
.inner .pr-guide.snug{left:66px}
.inner .pr-body{position:absolute;left:0;top:58px;width:240px;height:112px;background:#f4f6f8;border:2px solid #c4cad1;border-radius:14px;box-sizing:border-box}
.inner .pr-lid{position:absolute;left:4px;right:4px;top:4px;height:20px;background:#e6eaee;border-radius:10px 10px 4px 4px}
.inner .pr-panel{position:absolute;left:12px;top:34px;display:flex;align-items:center;gap:7px}
.inner .pb-power,.inner .pb-wifi,.inner .pb-stop{width:15px;height:15px;border-radius:50%;background:#fff;border:1.5px solid #9aa3ad;position:relative;box-sizing:border-box}
.inner .pb-power::after{content:"";position:absolute;left:5px;top:2px;width:2px;height:5px;background:#5f6670;border-radius:1px}
.inner .pb-wifi::after{content:"";position:absolute;left:3px;top:3px;width:6px;height:6px;border:1.5px solid #5f6670;border-color:#5f6670 transparent transparent;border-radius:50%}
.inner .pb-stop::after{content:"";position:absolute;left:4px;top:4px;width:4px;height:4px;background:#5f6670}
.inner .pr-led,.inner .pr-wled{width:7px;height:7px;border-radius:50%;background:#9aa3ad}
.inner .pr-led.green,.inner .pr-wled.green{background:#22c55e;box-shadow:0 0 6px #22c55e}
.inner .pr-led.orange,.inner .pr-wled.orange{background:#f59e0b;box-shadow:0 0 6px #f59e0b}
.inner .pr-led.blink,.inner .pr-wled.blink{animation:pct-blink .8s steps(1) infinite}
.inner .pr-front{position:absolute;left:58px;right:58px;bottom:12px;height:40px;background:#e9edf0;border:1.5px solid #c4cad1;border-radius:6px;transform-origin:bottom;transition:transform .6s ease;overflow:visible}
.inner .pr-front.open{transform:perspective(220px) rotateX(-62deg)}
.inner .pr-jam{position:absolute;left:84px;right:84px;bottom:30px;height:30px;z-index:3;background:#fff;border:1px solid #c9ced4;clip-path:polygon(0 20%,20% 0,45% 18%,70% 2%,100% 22%,96% 100%,4% 100%);opacity:0;transition:opacity .3s}
.inner .pr-front.open~.pr-jam{opacity:1}
.inner .pr-jam.pulled{transform:translateY(30px) rotate(-4deg);transition:transform 1.2s ease}
.inner .pr-jam.gone{transform:translateY(-60px);opacity:0 !important;transition:transform .9s ease,opacity .9s ease}
.inner .pr-slot{position:absolute;left:52px;right:52px;top:34px;height:8px;background:#c4cad1;border-radius:3px}
.inner .pr-sheet{position:absolute;left:72px;top:36px;width:96px;height:4px;background:#fff;border:1px solid #c9ced4;transition:height 1.2s ease;overflow:hidden;z-index:2}
.inner .pr-sheet.out{height:70px}
.inner .pr-sheet i{display:block;height:3px;margin:8px 10px 0;background:#cfd5dc;border-radius:2px}
.inner .pr-out{position:absolute;left:60px;right:60px;top:40px;height:0;background:#dfe3e8;border-radius:0 0 6px 6px;transition:height .6s ease}
.inner .pr-out.open{height:16px}
.inner .pr-label{position:absolute;left:0;right:0;bottom:-20px;text-align:center;font-size:10px;color:#5f6670}
.inner .pr-tanks{position:absolute;left:238px;top:72px;width:56px;height:94px;background:#eef1f4;border:2px solid #c4cad1;border-radius:4px 12px 12px 4px;display:flex;align-items:flex-end;gap:3px;padding:8px 6px 18px;box-sizing:border-box}
.inner .tk{position:relative;flex:1;height:100%;background:rgba(255,255,255,.75);border:1px solid #b8c0c8;border-radius:2px;overflow:hidden;display:flex;align-items:flex-end}
.inner .tk .lv{display:block;width:100%;transition:height 1.6s ease}
.inner .tk em{position:absolute;left:0;right:0;bottom:-14px;font-size:7px;text-align:center;font-style:normal;color:#5f6670}
.inner .tk{overflow:visible}
.inner .tk::before{content:"";position:absolute;left:-1px;right:-1px;top:14%;border-top:1px dashed #6b7280}
.inner .pr-tcover{position:absolute;left:-2px;right:-2px;top:-14px;height:16px;background:#d5dbe1;border:2px solid #c4cad1;border-radius:4px 10px 0 0;transform-origin:right bottom;transition:transform .6s ease;z-index:2}
.inner .pr-tcover.open{transform:rotate(70deg) translate(6px,-6px)}
.inner .bottle{position:absolute;width:22px;height:58px;transition:left .8s ease,top .8s ease,transform .8s ease;z-index:5}
.inner .bt-cap{position:absolute;left:6px;top:0;width:10px;height:10px;background:#f4f6f8;border:1.5px solid #9aa3ad;border-radius:3px 3px 0 0}
.inner .bt-body{position:absolute;left:0;top:10px;width:22px;height:48px;border-radius:5px;display:flex;align-items:center;justify-content:center}
.inner .bt-body em{font-style:normal;font-size:8px;font-weight:800;color:#fff;background:rgba(0,0,0,.25);padding:1px 3px;border-radius:2px}
.inner .bottle.pour{transform:rotate(180deg)}
.inner .prc{position:absolute;width:260px;height:170px}
.inner .prc-body{position:absolute;inset:0;background:#f4f6f8;border:2px solid #c4cad1;border-radius:14px}
.inner .prc-in{position:absolute;left:16px;right:16px;top:24px;height:84px;background:#2b3036;border-radius:8px;overflow:hidden}
.inner .prc-rail{position:absolute;left:8px;right:8px;top:38px;height:4px;background:#6b7280}
.inner .prc-car{position:absolute;left:8px;top:16px;display:flex;gap:4px;transition:left 1.2s ease}
.inner .prc-car.mid{left:78px}
.inner .cart{width:30px;height:46px;border-radius:4px;position:relative;transition:transform .8s ease,opacity .6s}
.inner .cart-k{background:#3b4048;border:1.5px solid #6b7280}.inner .cart-c{background:linear-gradient(90deg,#06b6d4 33%,#db2777 33% 66%,#facc15 66%);border:1.5px solid #6b7280}
.inner .cart i{position:absolute;left:6px;right:6px;top:4px;height:8px;background:#e5e7eb;border-radius:2px}
.inner .cart.out{transform:translateY(-80px);opacity:0}
.inner .cart.new{transform:translateY(-80px);opacity:0}
.inner .cart.new.in{transform:none;opacity:1}
.inner .cart .tape{position:absolute;left:-3px;right:-3px;bottom:6px;height:6px;background:#f97316;border-radius:2px;transition:transform .6s,opacity .6s}
.inner .cart .tape.off{transform:translateX(40px);opacity:0}
.inner .prc-door{position:absolute;left:12px;right:12px;top:20px;height:92px;background:#e9edf0;border:1.5px solid #c4cad1;border-radius:8px;transform-origin:bottom;transition:transform .7s ease}
.inner .prc-door.open{transform:translateY(86px) scaleY(.14)}
.inner .prc .pr-panel{top:auto;bottom:16px;left:auto;right:16px}
.inner .ream{position:absolute;width:90px;height:60px}
.inner .ream i{position:absolute;inset:0;background:#fff;border:1px solid #c9ced4;transition:transform .6s ease;transform-origin:bottom left}
.inner .ream.fan i:nth-child(1){transform:rotate(-8deg)}.inner .ream.fan i:nth-child(2){transform:rotate(-5deg)}.inner .ream.fan i:nth-child(3){transform:rotate(-2deg)}.inner .ream.fan i:nth-child(4){transform:rotate(1deg)}
@media (prefers-reduced-motion: reduce){.inner *,.inner *::before,.inner *::after{transition:none !important}}
.inner .pr-sup i{transition:top .6s ease}
.inner .pr-sup.up i{top:-38px;height:40px}
.inner .ppw{left:60px;top:14px;width:330px;height:230px;z-index:20}
.inner .ppw.later{display:none}.inner .ppw.later.open{display:block}
.inner .pp-b{padding:10px 12px;display:flex;flex-direction:column;gap:7px}
.inner .pm-row{display:flex;align-items:center;gap:8px;font-size:8.5px}
.inner .pm-row .wbtn{width:96px;text-align:center;flex:none;font-size:8.5px}
.inner .pm-row small{color:#555}
.inner .noz{position:absolute;left:150px;top:30px;width:170px;padding:14px 12px;background:#fff;border:1px solid #c9ced4;box-shadow:0 8px 20px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:8px;z-index:25;transition:transform .8s ease}
.inner .noz.later{display:none}.inner .noz.later.open{display:flex}
.inner .nz{display:flex;gap:3px;height:16px}
.inner .nz i{flex:1;background:repeating-linear-gradient(180deg,var(--c) 0 2px,transparent 2px 4px)}
.inner .nz i.g{background:repeating-linear-gradient(180deg,var(--c) 0 2px,transparent 2px 4px) 0 0/100% 40% no-repeat}
.inner .noz.ok .nz i.g{background:repeating-linear-gradient(180deg,var(--c) 0 2px,transparent 2px 4px)}
.inner .wpp{left:16px;top:8px;width:448px;height:250px;z-index:12}
.inner .wpp.later{display:none}.inner .wpp.later.open{display:block}
.inner .wpp .w-title{background:#2b579a;color:#fff;display:flex;justify-content:space-between;padding:4px 8px;font-size:9px}
.inner .wpp-b{display:grid;grid-template-columns:70px 170px 1fr;height:224px}
.inner .wpp .w-side{background:#1e4479;color:#dbe6f7;display:flex;flex-direction:column;font-size:9px;padding-top:8px}
.inner .wpp .w-side span{padding:5px 10px}
.inner .wpp .w-side .on{background:#2b579a;color:#fff}
.inner .wpp-set{padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:8.5px}
.inner .wpp-set h5{margin:0 0 2px;font-size:12px;font-weight:600}
.inner .wpp-set small{color:#555;margin-top:2px}
.inner .wpp-set .sel{justify-content:space-between;font-size:8.5px}
.inner .wpp-row{display:flex;align-items:center;gap:6px}
.inner .wp-print{padding:8px 14px}
.inner .wp-copies,.inner .wp-pages{border:1px solid #cfd5dc;border-radius:3px;padding:2px 6px;min-width:34px;min-height:10px;background:#fff}
.inner .wpp-prev{background:#e9ebee;display:flex;align-items:center;justify-content:center}
.inner .wp-pg{width:110px;height:150px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12);padding:14px 12px;box-sizing:border-box;display:flex;flex-direction:column;gap:7px}
.inner .wp-pg i{height:4px;background:#d5dae0;border-radius:2px}
.inner .wp-pg i:nth-child(3n){width:70%}
.inner .md-wpsb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #9aa3ad;align-self:center;box-sizing:border-box}
.inner .md-wpsb.down{background:#dbeafe;border-color:#0067c0}
.inner .svc{left:30px;top:12px;width:420px;height:236px;z-index:12}
.inner .svc.later{display:none}.inner .svc.later.open{display:block}
.inner .svc-h,.inner .svc-l>div{display:grid;grid-template-columns:1.4fr 1.8fr .7fr .9fr;gap:6px;padding:4px 10px;font-size:8.5px;white-space:nowrap;overflow:hidden}
.inner .svc-h{color:#555;border-bottom:1px solid #eef0f2;background:#fafbfc}
.inner .svc-l>div{border-bottom:1px solid #f3f4f6}
.inner .svc-l>div.on{background:#cce4f7}
.inner .svc-l span{overflow:hidden;text-overflow:ellipsis}
.inner .aph{position:absolute;inset:0;background:#000;display:flex;flex-direction:column}
.inner .aph-img{flex:1;position:relative;margin:30px 0;background:linear-gradient(180deg,#7dd3fc,#bae6fd 55%,#86efac 55%,#4ade80)}
.inner .aph-img i{position:absolute;left:18%;top:18%;width:26px;height:26px;border-radius:50%;background:#fde047}
.inner .aph-img b{position:absolute;left:46%;bottom:16%;width:30px;height:46px;background:#a16207;border-radius:6px 6px 2px 2px}
.inner .aph-bar{display:flex;justify-content:space-around;padding:8px 0 12px}
.inner .aph-bar span{width:20px;height:20px;color:#fff}
.inner .aph-bar svg{width:20px;height:20px}
.inner .ashare{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:16px 16px 0 0;padding:8px 10px 14px;transform:translateY(100%);transition:transform .4s ease;z-index:5}
.inner .ashare.open{transform:none}
.inner .ash-grab{display:block;width:30px;height:3px;border-radius:2px;background:#cfd5dc;margin:0 auto 10px}
.inner .ash-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 4px}
.inner .ash-apps span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:7.5px;color:#333;text-align:center}
.inner .ash-apps i{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-style:normal;font-size:10px;font-weight:700}
.inner .ash-apps i svg{width:15px;height:15px}
.inner .apr{position:absolute;inset:0;background:#f1f3f4;display:flex;flex-direction:column}
.inner .apr-top{background:#fff;padding:8px 10px;display:flex;flex-direction:column;gap:3px;border-bottom:1px solid #e5e7eb}
.inner .apr-sel{font-weight:700;font-size:10px;display:flex;justify-content:space-between}
.inner .apr-sel i{font-style:normal;color:#666}
.inner .apr-top small{font-size:7.5px;color:#666}
.inner .apr-prev{flex:1;display:flex;align-items:center;justify-content:center}
.inner .apr-pg{width:84px;height:112px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:8px;box-sizing:border-box}
.inner .apr-pg i{display:block;width:100%;height:60%;background:linear-gradient(180deg,#7dd3fc,#bae6fd 55%,#86efac 55%,#4ade80)}
.inner .apr-go{position:absolute;right:12px;top:44px;width:30px;height:30px;border-radius:50%;background:#0b57d0;color:#fff;display:flex;align-items:center;justify-content:center}
.inner .apr-go svg{width:15px;height:15px}
.inner .apr-list{position:absolute;left:0;right:0;top:30px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18);display:none;z-index:4}
.inner .apr-list.open{display:block}
.inner .apr-list div{padding:8px 10px;font-size:9px;border-bottom:1px solid #f1f3f4}
.inner .apr-list div.on{background:#e8f0fe}
.inner .cart-new{position:absolute;z-index:6;transition:left .9s ease,top .9s ease}
/* Basics (PCT.bas) */
.inner .bm{position:absolute;width:74px;height:112px;background:#f4f6f8;border:2px solid #9aa3ad;border-radius:37px 37px 34px 34px;box-shadow:0 8px 18px rgba(0,0,0,.12);z-index:30;overflow:visible}
.inner .bm-l,.inner .bm-r{position:absolute;top:0;width:35px;height:46px;background:#e6eaee;border-bottom:2px solid #9aa3ad;transition:background .1s}
.inner .bm-l{left:0;border-radius:35px 0 0 0;border-right:1px solid #9aa3ad}
.inner .bm-r{right:0;border-radius:0 35px 0 0}
.inner .bm-w{position:absolute;left:31px;top:12px;width:10px;height:22px;background:#5f6670;border-radius:5px;transition:background .1s}
.inner .bm-cord{position:absolute;left:35px;top:-40px;width:3px;height:40px;background:#9aa3ad}
.inner .bm .hit{background:#0f9d76 !important}
.inner .bm-w.hit{box-shadow:0 0 0 3px rgba(15,157,118,.3)}
.inner .pg{position:absolute;left:14px;right:14px;top:22px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.inner .pg-c{background:#fff;border:1.5px solid #e3e7eb;border-radius:12px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:border-color .3s,transform .3s}
.inner .pg-c.on{border-color:#0f9d76;transform:translateY(-4px);box-shadow:0 8px 18px rgba(15,157,118,.18)}
.inner .pg-c b{font-size:10px}
.inner .pg-c small{font-size:8px;color:#5f6670;line-height:1.35}
.inner .pg-hole{width:52px;height:30px;background:#b9bec6;border-radius:6px;display:flex;align-items:center;justify-content:center}
.inner .pg-hole i{display:block;background:#1f2328}
.inner .pg-usb .pg-hole i{width:30px;height:10px;border-radius:1px}
.inner .pg-usbc .pg-hole i{width:22px;height:7px;border-radius:4px}
.inner .pg-hdmi .pg-hole i{width:30px;height:10px;clip-path:polygon(0 0,100% 0,100% 55%,85% 100%,15% 100%,0 55%)}
.inner .pg-jack .pg-hole i{width:10px;height:10px;border-radius:50%}
.inner .pg-power .pg-hole i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 4px #1f2328;background:#9aa3ad}
.inner .pg-plug{width:30px;height:40px;display:flex;flex-direction:column;align-items:center}
.inner .pg-plug::before{content:"";display:block;width:12px;height:16px;background:#c9ced4;border:1px solid #9aa3ad;border-radius:2px}
.inner .pg-plug i{display:block;width:20px;height:24px;background:#3a3f45;border-radius:4px}
.inner .pg-usbc .pg-plug::before{width:10px;height:12px;border-radius:4px}
.inner .pg-jack .pg-plug::before{width:4px;height:18px;border-radius:2px;background:#d4b04c;border-color:#a68a3a}
.inner .pg-power .pg-plug::before{width:8px;height:14px;border-radius:4px}
.inner .pg-hdmi .pg-plug::before{width:16px}
.inner .sva{left:60px;top:16px;width:360px;height:224px;z-index:20}
.inner .sva.later{display:none}.inner .sva.later.open{display:block}
.inner .sva-b{display:grid;grid-template-columns:90px 1fr;height:132px;border-bottom:1px solid #eef0f2}
.inner .sva-nav{border-right:1px solid #eef0f2;padding:6px 4px;font-size:9px;display:flex;flex-direction:column;gap:1px}
.inner .sva-nav div{padding:3px 6px;border-radius:4px}.inner .sva-nav .on{background:#e8eef6}
.inner .sva-l{padding:6px;display:flex;flex-direction:column;gap:2px;font-size:9px}
.inner .sva-l div{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:4px}
.inner .sva-l div.on{background:#cce4f7}
.inner .sva-l svg{width:13px;height:13px}
.inner .sva-f{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:9px}
.inner .sva-name{flex:1;border:1px solid #0067c0;border-radius:3px;padding:3px 6px}
.inner .sva-p{display:flex;align-items:center;gap:6px;padding:0 10px;font-size:8.5px}
.inner .sva-path{margin-right:auto;color:#555}
.inner .win.minim{transform:translateY(240px) scale(.2);opacity:0;transition:transform .5s ease,opacity .5s ease}
.inner .win.maxim{left:0 !important;top:0 !important;width:480px !important;height:264px !important;border-radius:0;transition:all .4s ease}
.inner .np-txt .hl{background:#cce4f7}
.inner .zt{transition:font-size .4s ease}
.inner .zt b{font-size:1.3em}
.inner .zt .zp{margin:8px 0 0;line-height:1.5;max-width:320px}
.inner .wlock{position:absolute;inset:0;z-index:40;background:linear-gradient(160deg,#1d3557,#2b5c8a 55%,#163250);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.inner .wlock b{font-size:34px;font-weight:600}
.inner .wlock small{font-size:11px}
.inner .ps{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;gap:7px;padding:8px 10px}
.inner .ps-top{display:flex;align-items:center;gap:6px;background:#f1f3f4;border-radius:14px;padding:5px 9px;font-size:8.5px;color:#444}
.inner .ps-top svg{width:10px;height:10px}
.inner .ps .ahd{padding:4px 0}
.inner .ps-dev{font-size:8px;color:#0b8043;font-weight:600}
.inner .ps-dev em{font-style:normal;color:#1a73e8;margin-left:3px}
.inner .ps-stats{display:flex;justify-content:space-around;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:6px 0}
.inner .ps-stats span{display:flex;flex-direction:column;align-items:center;font-size:8.5px}
.inner .ps-stats small{font-size:7px;color:#666}
.inner .ps-install{background:#0b57d0;color:#fff;border-radius:16px;text-align:center;padding:7px;font-size:9.5px;font-weight:700}
.inner .ps-install.open{background:#fff;color:#0b57d0;border:1.5px solid #0b57d0}
.inner .ps-bar{height:4px;border-radius:2px;background:#e8eaed;overflow:hidden;display:none}
.inner .ps-bar.on{display:block}
.inner .ps-bar i{display:block;height:100%;width:0;background:#0b57d0;transition:width 1.4s ease}
.inner .ps-bar.on i{width:100%}
.inner .cam{position:absolute;inset:0;background:#111;display:flex;flex-direction:column}
.inner .cam-vf{flex:1;position:relative;margin:26px 0 0;background:radial-gradient(circle at 50% 45%,#555,#222 70%);display:flex;align-items:center;justify-content:center}
.inner .cam-vf .qr{transform:scale(.8)}
.inner .cb{position:absolute;width:22px;height:22px;border:3px solid #fff}
.inner .cb.tl{left:40px;top:40px;border-right:0;border-bottom:0}.inner .cb.tr{right:40px;top:40px;border-left:0;border-bottom:0}
.inner .cb.bl{left:40px;bottom:40px;border-right:0;border-top:0}.inner .cb.br{right:40px;bottom:40px;border-left:0;border-top:0}
.inner .cam-link{color:#111;position:absolute;z-index:3;left:18px;right:18px;bottom:62px;background:#fff;border-radius:14px;padding:6px 10px;font-size:8.5px;display:none;align-items:center;gap:5px;font-weight:600}
.inner .cam-link.open{display:flex}
.inner .cam-link.bad{background:#fdecec;color:#b42318}
.inner .cam-link svg{width:10px;height:10px;flex:none}
.inner .cam-bar{height:52px;display:flex;align-items:center;justify-content:center}
.inner .cam-bar i{width:34px;height:34px;border-radius:50%;border:3px solid #fff}
.inner .wmap{height:118px;position:relative;background:linear-gradient(135deg,#e8f0d8 25%,#f6f3e8 25% 50%,#e8f0d8 50% 75%,#f6f3e8 75%) 0 0/40px 40px;border-bottom:1px solid #ddd}
.inner .wmap::before{content:"";position:absolute;left:0;right:0;top:52px;height:9px;background:#fff;box-shadow:0 0 0 1px #e5e5e5}
.inner .wmap::after{content:"";position:absolute;top:0;bottom:0;left:96px;width:9px;background:#fff;box-shadow:0 0 0 1px #e5e5e5}
.inner .wpin{position:absolute;left:92px;top:34px;width:18px;height:18px;border-radius:50% 50% 50% 0;background:#e5484d;transform:rotate(-45deg);z-index:2}
.inner .wb .wmini{display:block;width:120px;height:60px;border-radius:6px;margin-bottom:3px;background:linear-gradient(135deg,#e8f0d8 25%,#f6f3e8 25% 50%,#e8f0d8 50% 75%,#f6f3e8 75%) 0 0/24px 24px;position:relative}
.inner .wb .wmini::after{content:"";position:absolute;left:52px;top:20px;width:12px;height:12px;border-radius:50% 50% 50% 0;background:#e5484d;transform:rotate(-45deg)}
.inner .apw{display:block;border-bottom:2px solid #0b57d0;min-height:14px;font-size:11px;letter-spacing:2px;margin-top:4px}
.inner .adlg small{font-size:8px;color:#666}
.inner .ps-dev.hl{background:#fff4c2;border-radius:4px;padding:2px 4px}
.inner .amenu{padding:12px;display:flex;flex-direction:column;gap:8px}
.inner .amenu b{font-size:13px}
.inner .amenu i{display:block;height:18px;border-radius:6px;background:#f1f3f4}
.inner .wb.wloc{display:flex;flex-direction:column;align-items:flex-start;max-width:150px}
.inner .wb.wloc .wmini{flex:none;width:120px;height:60px;min-height:60px}
.inner .wa .wb{height:auto}
.inner .ms-eye.blink{animation:pct-blink .6s steps(1) infinite;background:#3b82f6}
.inner .mon2{position:absolute;left:220px;top:40px;width:220px;height:170px}
.inner .mon2-scr{position:absolute;left:0;top:0;width:220px;height:136px;background:#1f2328;border:8px solid #2b3036;border-radius:8px;box-sizing:border-box;transition:background .6s}
.inner .mon2.on .mon2-scr{background:linear-gradient(135deg,#cfe0f5,#e6eefb)}
.inner .mon2-stand{position:absolute;left:96px;top:136px;width:28px;height:26px;background:#9aa3ad;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}
.inner .dsp{display:flex;gap:6px;align-items:flex-end;justify-content:center;padding:10px;background:#f3f5f7;border-radius:6px;margin-bottom:6px;height:58px}
.inner .dsp span{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border-radius:4px;background:#0067c0;color:#fff;transition:transform .8s ease}
.inner .dsp .d1{width:64px;height:40px}
.inner .dsp .d2{width:84px;height:52px;background:#5b8fd1}
.inner .dsp .d2.moved{transform:translateY(-6px)}
.inner .mlink{margin:10px 0 0;font-size:10px}
.inner .mlink u{color:#0b57d0}
.inner .mtj{display:flex;gap:14px;padding:16px;align-items:center}
.inner .mtj-prev{position:relative;width:220px;height:130px;background:#202124;border-radius:10px;display:flex;align-items:center;justify-content:center}
.inner .mtj-prev .mt-av{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
.inner .mtj-prev.live{background:linear-gradient(160deg,#3b4a5a,#1f2a36)}
.inner .mtj-btns{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:8px}
.inner .mtj-btns i{width:22px;height:22px;border-radius:50%;background:#ea4335}
.inner .mtj-prev.live .mtj-btns i{background:#3c4043;border:1px solid #9aa0a6}
.inner .mtj-side{display:flex;flex-direction:column;gap:8px;font-size:10px}
.inner .mtj-side b{font-size:12px}
.inner .mtj-name{border:1px solid #9aa3ad;border-radius:4px;padding:5px 8px;min-height:12px;width:120px}
.inner .perm{position:absolute;left:12px;top:6px;width:200px;background:#fff;border:1px solid #cfd5dc;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.18);padding:10px;display:flex;flex-direction:column;gap:5px;font-size:9px;z-index:5}
.inner .perm .acts{display:flex;justify-content:flex-end;gap:6px;margin-top:4px}
.inner .br-body{position:relative}
.inner .mtin{padding:6px}
.inner .mtin .meet{position:relative;left:auto;top:auto;width:100%;height:178px;display:block;background:#202124;border-radius:8px}
.inner .pf{display:flex;flex-direction:column;gap:2px;margin-bottom:6px;font-size:9px;color:#555}
.inner .pf i{display:block;border:1px solid #9aa3ad;border-radius:3px;padding:3px 6px;min-height:10px;font-style:normal;color:#111;letter-spacing:2px}
.inner .xl{left:20px;top:10px;width:440px;height:248px;z-index:12}
.inner .xl .titlebar{background:#1e7145;color:#fff;border-color:#1e7145}
.inner .xl-rib{display:flex;gap:12px;padding:5px 10px;font-size:9px;border-bottom:1px solid #e3e7eb;align-items:center}
.inner .xl-rib .on{font-weight:700;color:#1e7145}
.inner .xl-sum{margin-left:auto;border:1px solid #cfd5dc;border-radius:4px;padding:2px 8px;background:#fff}
.inner .xl-fb{display:flex;align-items:center;gap:8px;padding:4px 10px;font-size:9px;border-bottom:1px solid #e3e7eb}
.inner .xl-name{width:34px;border:1px solid #cfd5dc;padding:1px 4px}
.inner .xl-fb i{color:#888}
.inner .xl-fx{flex:1;border:1px solid #cfd5dc;padding:1px 4px;min-height:11px}
.inner .xl-grid{display:grid;grid-template-columns:26px 150px 100px 1fr;font-size:9px}
.inner .xl-grid span{border-right:1px solid #e3e7eb;border-bottom:1px solid #e3e7eb;padding:3px 5px;height:12px;white-space:nowrap;overflow:hidden}
.inner .xl-grid .xh{background:#f3f4f6;color:#555;text-align:center}
.inner .xl-grid .xc.sel{outline:2px solid #1e7145;outline-offset:-2px}
.inner .xl-grid .xc.rng{background:#e6f4ea}
.inner .xl-grid .xc-b1,.inner .xl-grid .xc-a1{font-weight:700}
.inner .xl-grid .xc[class*="xc-b"]{text-align:right}
.inner .wdr{left:20px;top:10px;width:440px;height:248px;z-index:12}
.inner .wdr .titlebar{background:#2b579a;color:#fff;border-color:#2b579a}
.inner .wdr-rib{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid #e3e7eb;font-size:9px}
.inner .wdr-rib b,.inner .wdr-rib i,.inner .wdr-rib u,.inner .rb-col{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:10px}
.inner .wdr-rib .on{background:#dbe6f7;box-shadow:inset 0 0 0 1px #2b579a}
.inner .rb-col{border-bottom:3px solid #d92d20;height:14px}
.inner .rb-font{width:70px;justify-content:space-between}
.inner .rb-size{width:34px;justify-content:space-between}
.inner .wd{margin:10px auto;width:300px;height:170px;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.12);padding:14px 18px;font-size:9.5px;line-height:1.5;box-sizing:border-box}
.inner .wd .hl{background:#cce4f7}
.inner .wd .bigt{font-size:15px;font-weight:700}
.inner .wdr{background:#f3f4f6}
.inner .hs{position:absolute;left:70px;top:16px;width:340px;height:230px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border:4px solid #5f6670;border-radius:6px;background:#fff;overflow:hidden}
.inner .hs-r{border:2px solid #c4cad1;display:flex;align-items:flex-end;justify-content:center;padding:6px;font-size:10px;font-weight:600;color:#5f6670}
.inner .hs-router{position:absolute;width:22px;height:14px;background:#2b3036;border-radius:3px;transition:left 1.2s ease,top 1.2s ease;z-index:3}
.inner .hs-router i{position:absolute;left:4px;top:-8px;width:2px;height:8px;background:#2b3036;box-shadow:12px 0 0 #2b3036}
.inner .hs-ring{position:absolute;border-radius:50%;border:2px solid rgba(15,157,118,.55);background:rgba(15,157,118,.07);transform:translate(-50%,-50%);transition:left 1.2s ease,top 1.2s ease;z-index:2;pointer-events:none}
.inner .hs-ring.r1{width:110px;height:110px}.inner .hs-ring.r2{width:220px;height:220px;border-color:rgba(15,157,118,.35)}.inner .hs-ring.r3{width:340px;height:340px;border-color:rgba(234,179,8,.45);background:none}
.inner .hs.corner .hs-router{left:12px;top:14px}.inner .hs.corner .hs-ring{left:23px;top:21px}
.inner .hs.center .hs-router{left:159px;top:108px}.inner .hs.center .hs-ring{left:170px;top:115px}
.inner .hs .wall-x{position:absolute;background:#9aa3ad;z-index:1}
.inner .rt{font-size:9px}
.inner .rt-top{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#1e3a8a;color:#fff}
.inner .rt-login-box{width:180px;margin:16px auto;display:flex;flex-direction:column;gap:4px}
.inner .rt-in{border:1px solid #9aa3ad;border-radius:3px;padding:3px 6px;min-height:11px;background:#fff;letter-spacing:.3px}
.inner .rt-login-box .wbtn{margin-top:6px;text-align:center}
.inner .rt-b{display:grid;grid-template-columns:90px 1fr;min-height:150px}
.inner .rt-nav{background:#eef2fb;display:flex;flex-direction:column;padding:6px 0}
.inner .rt-nav span{padding:4px 10px}
.inner .rt-nav .on{background:#1e3a8a;color:#fff}
.inner .rt-main{padding:8px 12px;display:flex;flex-direction:column;gap:3px}
.inner .rt-main b{font-size:11px;margin-bottom:2px}
.inner .rt-main small{color:#555;margin-top:3px}
.inner .rt-main .wbtn{align-self:flex-start;margin-top:6px}
.inner .rt-devs{display:flex;flex-direction:column;border:1px solid #e3e7eb;border-radius:4px}
.inner .rt-devs div{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:6px;padding:4px 7px;border-bottom:1px solid #f1f3f5}
.inner .rt-devs div.warn{background:#fdecec;color:#b42318;font-weight:600}
.inner .hs-obj{position:absolute;font-size:18px;z-index:3}
.inner .o-fridge{left:250px;top:150px}.inner .o-tank{left:60px;top:170px}
.inner .hs-dev{position:absolute;z-index:4;background:#fff;border:1px solid #c4cad1;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:600;white-space:nowrap}
.inner .d-near{left:40px;top:60px}.inner .d-far{left:220px;top:180px}.inner .d-prn{left:200px;top:40px}
.inner .hs.only5 .hs-ring.r2,.inner .hs.only5 .hs-ring.r3{opacity:.15}
.inner .rt-devs div.mine{background:#ecfdf3}
.inner .icc{position:absolute;inset:0;background:rgba(40,44,52,.92);display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;gap:10px;padding:34px 14px 14px;align-content:start}
.inner .cc-net{background:rgba(255,255,255,.14);border-radius:16px;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;height:70px;box-sizing:border-box}
.inner .cc-net span{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.25)}
.inner .cc-net .on{background:#0a84ff}
.inner .cc-net .cc-air.on{background:#ff9f0a}
.inner .cc-bright,.inner .cc-vol{position:relative;width:38px;height:90px;border-radius:14px;background:rgba(255,255,255,.18);overflow:hidden;justify-self:center;grid-row:span 2}
.inner .cc-bright{justify-self:start}
.inner .cc-bright i,.inner .cc-vol i{position:absolute;left:0;right:0;bottom:0;background:#fff;transition:height .8s ease}
.inner .cc-bright b,.inner .cc-vol b{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:12px;color:#555}
.inner .cc-torch,.inner .cc-tile{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:15px}
.inner .cc-torch.on{background:#fff}
.inner .ijoin{position:absolute;right:12px;top:30px;color:#007aff;font-size:10px;font-weight:700}
.inner .ir-pw .apw{flex:1;border:0;margin:0 0 0 10px}
.inner .iupd{padding:10px;display:flex;flex-direction:column;gap:4px;font-size:9px}
.inner .iupd b{font-size:12px}.inner .iupd small{color:#666}.inner .iupd p{margin:4px 0}
.inner .iupd-btn{color:#007aff;font-weight:700;font-size:10px}
.inner .mlr{padding:12px 16px;font-size:10px;display:flex;flex-direction:column;gap:6px}
.inner .mlr-h b{font-size:11px}
.inner .mlr-addr{color:#555}
.inner .mlr-addr.bad,.inner .mlr-s.bad{background:#fdecec;color:#b42318;border-radius:3px;padding:0 3px}
.inner .mlr-s{font-weight:700;font-size:12px}
.inner .mlr p{margin:0;line-height:1.5;color:#333}
.inner .mlr-btn{align-self:flex-start}
.inner .brs{position:absolute;left:0;bottom:0;background:#f1f3f4;border:1px solid #d6dbe1;border-radius:0 6px 0 0;padding:2px 8px;font-size:8.5px;display:none}
.inner .brs.open{display:block}
.inner .soc{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;gap:6px;padding:8px 10px;font-size:9px}
.inner .soc-h{display:flex;align-items:center;gap:6px}
.inner .soc-h i{width:22px;height:22px;border-radius:50%;background:#1d4ed8;color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700}
.inner .soc-h em{color:#1d9bf0;font-style:normal}
.inner .soc-img{height:96px;border-radius:8px;background:linear-gradient(135deg,#dbeafe,#fef3c7);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}
.inner .soc-c{line-height:1.4}
.inner .soc-c.c-fake{color:#b42318}
.inner .wb.sus,.inner .sb.sus{box-shadow:0 0 0 2px rgba(229,72,77,.6)}
.inner .wb.flag{box-shadow:0 0 0 2px #e5484d;background:#fff5f5}
.inner .sb.del{opacity:.35;text-decoration:line-through}
.inner .ar-block.done{background:#fdecec}
.inner .acall.out .acall-btns{display:none}
.inner .mdg{left:70px;top:30px;width:340px;height:170px;z-index:20}
.inner .mdg.later{display:none}.inner .mdg.later.open{display:block}
.inner .mdg-b,.inner .rpd-b{padding:10px 14px;display:flex;flex-direction:column;gap:7px;font-size:9.5px}
.inner .mdg-b>b,.inner .rpd-b>b{font-size:11px;color:#1e3a8a;font-weight:600}
.inner .mdt{position:absolute;inset:0;background:#0b57a4;color:#fff;padding:26px 30px;font-size:10px;z-index:40;box-sizing:border-box}
.inner .mdt b{font-size:13px;font-weight:400}
.inner .mdt p{margin:12px 0 0;line-height:1.5}
.inner .rpd{left:80px;top:24px;width:320px;height:190px;z-index:20}
.inner .rpd.later{display:none}.inner .rpd.later.open{display:block}
.inner .opt.on{background:#e8f1fb;border-color:#9cc2ea}
.inner .wr-p{font-size:10px;line-height:1.5;max-width:360px;margin:0 0 16px}
.inner .wr-btns{display:flex;gap:8px}
.inner .wr .wbtn{background:#fff;color:#111}
.inner .wr .wbtn.pri{background:#fff;color:#0b57a4}
.inner .mdg .opt,.inner .rpd .opt{display:flex;flex-direction:column;gap:2px;border:1px solid #e3e7eb;border-radius:5px;padding:6px 8px}
.inner .mdg .opt small,.inner .rpd .opt small{color:#555;font-size:8.5px}
.inner .ar.on{background:#e8f0fe}
.inner .ar.flag{background:#fff4e0}
.inner .ar.hl{background:#fff4c2}
.inner .safe-l{position:absolute;left:8px;bottom:14px;font-size:8.5px;font-weight:700;color:#fff;background:rgba(0,0,0,.6);padding:2px 6px;border-radius:4px;z-index:3}
.inner .anote2{padding:10px;font-size:9px;color:#444}
.inner .ap+.abtns{position:absolute;left:0;right:0;bottom:24px}
.inner .adlg-box{color:#1f1f1f}

/* ---- batch n01+: radio rows, section headers, WhatsApp photo placeholder, QR web page ---- */
.inner .ar.radio::before{content:'';flex:none;width:11px;height:11px;border-radius:50%;border:1.5px solid #5f6368;box-sizing:border-box;transition:all .25s}
.inner .ar.radio.on::before{border:3.5px solid #0b57d0}
.inner .wa-p .ar.radio.on::before{border-color:#1fa855}
.inner .ar.hd{min-height:0;padding:6px 8px 2px;background:none}
.inner .ar.hd .ar-t b{font-size:9px;color:#1fa855;font-weight:700}
.inner .ar.muted .ar-t b{color:#80868b}
.inner .wimg{display:block;position:relative;width:132px;height:82px;border-radius:6px;background:linear-gradient(135deg,#9fc5d8,#d9b38c);overflow:hidden}
.inner .wimg::after{content:'';position:absolute;inset:0;backdrop-filter:blur(5px);background:rgba(255,255,255,.25);transition:opacity .5s}
.inner .wimg.got::after{opacity:0}
.inner .wimg .wdl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-style:normal;display:grid;place-items:center;font-size:12px;transition:opacity .3s}
.inner .wimg em{position:absolute;left:50%;top:calc(50% + 20px);transform:translateX(-50%);z-index:2;font-size:7.5px;color:#fff;font-style:normal;background:rgba(0,0,0,.45);padding:0 4px;border-radius:3px}
.inner .wimg.got .wdl,.inner .wimg.got em{opacity:0}
.inner .wwq{display:flex;flex-direction:column;align-items:center;padding-top:14px}
.inner .wwq b{font-size:11px}
.inner .wwq small{font-size:8.5px;color:#5f6368}
.inner .br-body>.wa{height:100%}