/* Full-screen CloudBasket lock; its mode is independent of dashboard themes. */
#lockScr{--lock-wallpaper:linear-gradient(130deg,#163856,#6b74bd);--lock-fg:#f3faff;--lock-muted:#e0eff5d9;--lock-glass:#e5f5ff1a;--lock-line:#e8f7ff4d;--lock-key:#e8f5ff20;--lock-selected:#e9fbff30;background:var(--lock-wallpaper);color:var(--lock-fg);padding:24px 18px;isolation:isolate;align-content:center;overflow-y:auto}
#lockScr[data-lock-mode=light]{--lock-fg:#102e42;--lock-muted:#1a3c51;--lock-glass:#ffffff80;--lock-line:#ffffffc4;--lock-key:#ffffff8a;--lock-selected:#ffffffe0}
#lockScr:before{display:none}#lockScr .cb-lock-ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(#10203205,#05152b65)}#lockScr[data-lock-mode=light] .cb-lock-ambient{background:#f1f8ffc4}
#lockScr .cb-lock-photo{position:absolute;inset:0;background-size:cover;background-position:center}#lockScr[data-lock-photo=true] .cb-lock-photo:after{content:"";position:absolute;inset:0;background:#05152b65}#lockScr[data-lock-photo=true][data-lock-mode=light] .cb-lock-photo:after{background:#eef7ffd9}
#lockScr .cb-lock-glow{position:absolute;width:70%;height:110%;filter:blur(75px);opacity:.45;border-radius:50%;background:var(--lock-wallpaper);animation:cbLockFloat 23s ease-in-out infinite alternate;transform:scale(1.3)}#lockScr .cb-lock-glow-a{left:-35%;top:-20%;filter:blur(35px) brightness(1.7)}#lockScr .cb-lock-glow-b{right:-30%;bottom:-30%;animation-delay:-11s;filter:blur(55px) hue-rotate(15deg)}#lockScr .cb-lock-silk{position:absolute;width:120%;height:180%;left:-75%;top:-35%;border:1px solid #efffff42;border-radius:50%;background:linear-gradient(120deg,#d7f8ff00,#e5faff2b,#b5b8ff00 65%);box-shadow:inset 20px 30px 90px #b9f2ff24;transform:rotate(25deg);animation:cbLockSilk 26s ease-in-out infinite alternate}
#lockScr[data-lock-photo=true] .cb-lock-glow,#lockScr[data-lock-photo=true] .cb-lock-silk{display:none}#lockScr[data-lock-motion=false] .cb-lock-ambient *{animation:none!important}
#lockScr .lkb,#lockScr.lkpasswordmode .lkb{width:min(100%,390px);max-width:390px;gap:9px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;color:var(--lock-fg)}
#lockScr .cb-lock-clock{text-align:center;order:-3;margin-bottom:12px}#lockScr .cb-lock-date{font-size:14px;font-weight:500;color:var(--lock-muted)}#lockScr .cb-lock-time{font:500 clamp(56px,8vh,82px)/1.13 "Segoe UI",system-ui,sans-serif;letter-spacing:-4px;font-variant-numeric:tabular-nums}
#lockScr .lkbrand{color:var(--lock-fg);font-size:13px;letter-spacing:.5px;font-weight:500;order:-1;margin-bottom:0}#lockScr .lklogo{order:-2;width:94px;height:64px;border:0;background:transparent;border-radius:0;box-shadow:none;backdrop-filter:none;margin:0}#lockScr .lklogo img{width:94px;height:94px;object-fit:contain;filter:drop-shadow(0 5px 16px #063c5b40)}
#lockScr .lkb h2{font-size:21px;letter-spacing:-.4px;margin:4px 0 0;color:var(--lock-fg)}#lockScr .lkb p{font-size:12px;color:var(--lock-muted);opacity:1}
#lockScr .lkchoose{max-width:280px;margin-top:7px;padding:4px;border-radius:22px;background:var(--lock-glass);border:1px solid var(--lock-line);backdrop-filter:blur(24px)}#lockScr .lkchoose button{font-family:inherit;font-size:12px;border-radius:17px;padding:8px 12px;color:var(--lock-muted)}#lockScr .lkchoose button[aria-pressed=true]{background:var(--lock-selected);color:var(--lock-fg);box-shadow:none}
#lockScr .lkf{gap:15px;margin-top:8px;width:min(100%,280px)}#lockScr .lkdots{gap:12px}#lockScr .lkdots i{width:40px;height:43px;border:1px solid var(--lock-line);border-radius:13px;background:var(--lock-glass);box-shadow:none;backdrop-filter:blur(20px)}#lockScr .lkdots i.f{background:var(--lock-selected);border-color:var(--lock-line)}#lockScr .lkdots i.f:after{background:var(--lock-fg);width:8px;height:8px}
#lockScr .lkpad{width:100%;gap:9px}#lockScr .lkpad button{height:48px;font-size:22px;border-radius:16px;border:1px solid var(--lock-line);background:var(--lock-key);color:var(--lock-fg);box-shadow:0 3px 12px #10213212;backdrop-filter:blur(22px)}#lockScr .lkpad button:active{background:var(--lock-selected)}#lockScr .lkpad .go{background:#d6f9f1e6;border-color:#edfff5b0;color:#153943;font-size:13px;font-weight:600}
#lockScr .lkalt{color:var(--lock-fg);font-size:12px;margin:0;padding:4px}#lockScr .lkfoot{color:var(--lock-muted);letter-spacing:.1em;font-size:9px;margin-top:10px}#lockScr .lkerr{color:#ffe0d9;min-height:17px;font-size:12px}#lockScr[data-lock-mode=light] .lkerr{color:#8b2525}
#lockScr .lkpassword{max-width:390px;margin-top:6px;gap:10px}#lockScr .lkpassword label,#lockScr .lkpassword small{color:var(--lock-muted)}#lockScr .lkpassfield{background:var(--lock-glass);border-color:var(--lock-line);backdrop-filter:blur(20px)}#lockScr .lkpassfield input{color:var(--lock-fg)!important}#lockScr .lkpassfield button{color:var(--lock-fg)}#lockScr .lkkeyrow button{background:var(--lock-key);color:var(--lock-fg);border-color:var(--lock-line);backdrop-filter:blur(16px)}#lockScr .lkpasswordgo{background:#d6f9f1e6;color:#153943}
#lockScr button:focus-visible{outline:2px solid var(--lock-fg);outline-offset:3px}#lockScr .lkpassfield:focus-within{outline-color:var(--lock-fg)}
.cb-lock-settings{margin-top:18px}.cb-lock-settings-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cb-lock-settings h3{margin:0;font-size:16px}.cb-lock-settings p{font-size:12px;color:var(--mut);margin:6px 0}.cb-lock-settings fieldset{border:0;padding:0;margin:18px 0 12px;min-width:0}.cb-lock-settings legend{padding:0;margin:0 0 10px;font-size:12px;font-weight:600;color:var(--txt,var(--text))}
.cb-lock-mini{height:150px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:4px;margin-top:16px;position:relative;isolation:isolate;overflow:hidden}.cb-lock-mini:before{content:"";position:absolute;inset:0;z-index:-1;background:#06182d40}.cb-lock-mini[data-mode=light]{color:#143448}.cb-lock-mini[data-mode=light]:before{background:#f0f8ffc4}.cb-lock-mini img{width:64px;height:52px;object-fit:cover}.cb-lock-mini span{font-size:16px;font-weight:600}.cb-lock-mini small{font-size:11px}
.cb-wallpaper-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:9px}.cb-wallpaper-options button{display:grid;gap:7px;background:transparent;border:1px solid var(--line);padding:6px;border-radius:12px;color:inherit;font:11px inherit;cursor:pointer}.cb-wallpaper-options button>span{height:55px;border-radius:8px;display:grid;place-items:center}.cb-wallpaper-options button[aria-pressed=true]{border-color:var(--pos,#1ba48c);box-shadow:0 0 0 1px var(--pos,#1ba48c)}.cb-wallpaper-options button:disabled{opacity:.45;cursor:default}.cb-own-photo{background:var(--gsoft,var(--panel));font-size:11px}
.cb-lock-upload{display:flex;gap:8px;flex-wrap:wrap}.cb-lock-upload label{cursor:pointer}.cb-lock-modes{display:flex;gap:7px;flex-wrap:wrap}.cb-lock-modes button{padding:9px 14px;border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:10px;font:inherit;font-size:12px;cursor:pointer}.cb-lock-modes button[aria-pressed=true]{background:var(--gsoft);border-color:var(--pos,#1ba48c)}.cb-lock-animation{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:16px}.cb-lock-animation input{width:17px;height:17px}.cb-lock-device-note{display:block;color:var(--mut);font-size:11px;margin-top:10px}.cb-lock-status{min-height:16px}
@keyframes cbLockFloat{from{translate:0 0;rotate:-8deg}to{translate:9% 6%;rotate:8deg}}@keyframes cbLockSilk{from{translate:0 0;rotate:-6deg}to{translate:8% 4%;rotate:8deg}}
@media(max-height:800px){#lockScr{padding:15px 18px;align-content:start}#lockScr .cb-lock-clock{margin-bottom:5px}#lockScr .cb-lock-time{font-size:56px}#lockScr .lklogo{height:49px;width:78px}#lockScr .lklogo img{width:78px;height:78px}#lockScr .lkb{gap:7px}#lockScr .lkfoot{margin-top:2px}}
@media(max-width:390px){#lockScr .lkb{padding:0}#lockScr .lkdots i{width:37px}#lockScr .lkkeyrow button{height:39px}.cb-wallpaper-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#lockScr .cb-lock-ambient *{animation:none!important}}

/* Midnight Glass is opt-in; existing appearance and verification remain intact. */
#lockScr[data-lock-style=midnightGlass]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--lock-fg:#faf7ff;--lock-muted:#eae3f0;--lock-glass:#ffffff10;--lock-line:#ffffff30;--lock-key:#29252fbb;--lock-selected:#65566fdd;background:#15111e}
#lockScr[data-lock-style=midnightGlass] .cb-lock-ambient{background:linear-gradient(#100b1830,#100b1850),url("lock-midnight-glass.webp") center/cover no-repeat}
#lockScr[data-lock-style=midnightGlass] .cb-lock-ambient>*{display:none}
#lockScr[data-lock-style=midnightGlass] .cb-lock-clock{display:flex;flex-direction:column;margin-bottom:20px}
#lockScr[data-lock-style=midnightGlass] .cb-lock-time{order:-1;font-family:inherit;font-weight:200;letter-spacing:-3px}
#lockScr[data-lock-style=midnightGlass] .cb-lock-date{margin-top:5px;font-weight:400}
#lockScr[data-lock-style=midnightGlass] .lklogo{width:70px;height:70px;border-radius:50%;background:linear-gradient(145deg,#ffffff35,#ffffff09);border:1px solid #ffffff40;backdrop-filter:blur(20px);display:grid;place-items:center;overflow:hidden}
#lockScr[data-lock-style=midnightGlass] .lklogo img{width:64px;height:64px;object-fit:contain}
#lockScr[data-lock-style=midnightGlass] .lkbrand{font-weight:500;letter-spacing:0}
#lockScr[data-lock-style=midnightGlass] .lkb h2{font-size:25px;font-weight:600}
#lockScr[data-lock-style=midnightGlass] .lkchoose{background:#ffffff08;border-color:#ffffff18}
#lockScr[data-lock-style=midnightGlass] .lkf{width:min(100%,246px);gap:22px}
#lockScr[data-lock-style=midnightGlass] .lkdots{gap:14px}
#lockScr[data-lock-style=midnightGlass] .lkdots i{width:12px;height:12px;border-radius:50%;background:transparent;border:1.5px solid #f4ebffb3;backdrop-filter:none}
#lockScr[data-lock-style=midnightGlass] .lkdots i.f{background:#f4ebff}
#lockScr[data-lock-style=midnightGlass] .lkdots i.f:after{display:none}
#lockScr[data-lock-style=midnightGlass] .lkpad{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
#lockScr[data-lock-style=midnightGlass] .lkpad button{height:55px;border-radius:10px;border:1px solid #ffffff30;background:linear-gradient(155deg,#514b586e,#242129c9);box-shadow:inset 0 1px 0 #ffffff15,0 3px 9px #0003;font:400 24px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;backdrop-filter:blur(20px);color:#fff}
#lockScr[data-lock-style=midnightGlass] .lkpad button[data-lk="0"]{grid-column:2;grid-row:4}
#lockScr[data-lock-style=midnightGlass] .lkpad button[data-lk=bk]{grid-column:3;grid-row:4}
#lockScr[data-lock-style=midnightGlass] .lkpad .go{grid-column:1/-1;height:36px;font-size:12px;letter-spacing:.03em;background:#ffffff15;border-color:#ffffff20}
#lockScr[data-lock-style=midnightGlass] .lkpad button:active{background:#75617f99}
#lockScr[data-lock-style=midnightGlass] .lkpad button:disabled{opacity:.45;cursor:wait}
#lockScr[data-lock-style=midnightGlass] .lkfoot{letter-spacing:.03em;font-size:10px}
.cb-lock-styles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cb-lock-styles button{display:grid;gap:8px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:inherit;font:inherit;cursor:pointer}
.cb-lock-styles button[aria-pressed=true]{border-color:var(--pos,#1ba48c);box-shadow:0 0 0 1px var(--pos,#1ba48c)}
.cb-lock-styles button:focus-visible{outline:2px solid var(--pos,#1ba48c);outline-offset:3px}
.cb-lock-styles b{font-size:13px}.cb-lock-styles small{font-size:11px;color:var(--mut);line-height:1.5}
.cb-style-sample{height:90px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#163856,#6b74bd)}
.cb-style-sample i{font-style:normal;display:grid;place-items:center;width:30px;height:30px;background:#ffffff25;border:1px solid #ffffff40;border-radius:10px;color:white;font-size:13px}
.cb-style-midnightGlass{background:#15111e url("lock-midnight-glass.webp") center/cover}
.cb-style-midnightGlass i{background:#302936bb;border-radius:5px}
@media(max-height:850px){#lockScr[data-lock-style=midnightGlass] .cb-lock-clock{margin-bottom:8px}#lockScr[data-lock-style=midnightGlass] .lklogo{width:54px;height:54px}#lockScr[data-lock-style=midnightGlass] .lklogo img{width:52px;height:52px}#lockScr[data-lock-style=midnightGlass] .lkf{gap:16px}}
@media(max-width:340px){.cb-lock-styles{grid-template-columns:1fr}}

/* Fit the visible viewport, including Safari toolbars and the iPad home indicator. */
#lockScr{box-sizing:border-box;inset:0 0 auto;height:100vh;height:var(--cb-viewport-height,100dvh);min-height:0;padding:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));align-content:safe center;overflow-x:hidden;overscroll-behavior:contain}
#lockScr .lkb,#lockScr.lkpasswordmode .lkb{box-sizing:border-box;min-width:0;max-width:min(390px,100%);gap:clamp(4px,calc(var(--cb-viewport-height,100dvh)*.008),9px)}
#lockScr .cb-lock-clock,#lockScr[data-lock-style=midnightGlass] .cb-lock-clock{margin-bottom:clamp(4px,calc(var(--cb-viewport-height,100dvh)*.01),12px)}
#lockScr .cb-lock-time{font-size:clamp(42px,calc(var(--cb-viewport-height,100dvh)*.065),82px);line-height:1.1}
#lockScr .lklogo,#lockScr[data-lock-style=midnightGlass] .lklogo{height:clamp(44px,calc(var(--cb-viewport-height,100dvh)*.065),64px);width:64px;flex-shrink:0}
#lockScr .lklogo img,#lockScr[data-lock-style=midnightGlass] .lklogo img{width:100%;height:100%;object-fit:contain}
#lockScr .lkb h2,#lockScr[data-lock-style=midnightGlass] .lkb h2{font-size:clamp(21px,calc(var(--cb-viewport-height,100dvh)*.028),25px)}
#lockScr .lkf,#lockScr[data-lock-style=midnightGlass] .lkf{min-width:0;max-width:100%;gap:clamp(10px,calc(var(--cb-viewport-height,100dvh)*.016),18px);margin-top:4px}
#lockScr .lkpad,#lockScr[data-lock-style=midnightGlass] .lkpad{gap:clamp(7px,calc(var(--cb-viewport-height,100dvh)*.012),11px)}
#lockScr .lkpad button,#lockScr[data-lock-style=midnightGlass] .lkpad button{height:clamp(44px,calc(var(--cb-viewport-height,100dvh)*.062),55px);min-height:44px;min-width:0;touch-action:manipulation}
#lockScr[data-lock-style=midnightGlass] .lkpad .go{height:44px}
#lockScr .lkchoose{margin-top:2px}
#lockScr .lkfoot{margin-top:4px;max-width:100%;flex-wrap:wrap;line-height:1.4}
#lockScr .lkerr{max-width:100%;line-height:1.4;overflow-wrap:anywhere}
@media(max-height:700px){#lockScr .cb-lock-date{font-size:12px}#lockScr .lkb,#lockScr.lkpasswordmode .lkb{gap:4px}#lockScr .lkdots i{height:24px;width:28px}#lockScr[data-lock-style=midnightGlass] .lkdots i{height:12px;width:12px}#lockScr .lkpassword{gap:6px}#lockScr .lkkeyboard{gap:4px;margin-top:0}#lockScr .lkkeyrow button{height:36px}#lockScr .lkpasswordgo{height:44px}}

/* Pixel 2026: a compact pebble keypad and an expressive, responsive clock. */
.cb-style-pixel2026,.cb-lock-mini[data-style=pixel2026]{background:radial-gradient(ellipse at 95% 5%,#a383db 0 22%,transparent 22.5%),radial-gradient(ellipse at 5% 110%,#f18c9c 0 20%,transparent 20.5%),linear-gradient(145deg,#392045,#20102b);color:#f4e9ff}
.cb-style-pixel2026 i{border:0;border-radius:45% 42% 40% 44%;background:#d8bcfa;color:#301a3d;font-weight:700}
#lockScr[data-lock-style=pixel2026]{--lock-fg:#f3e5ff;--lock-muted:#d9c4e6;--lock-line:#e0c6ff50;--lock-glass:#d6b3f418;--lock-key:#d8bcfa;--lock-selected:#e4cdff;font-family:ui-rounded,"Arial Rounded MT Bold",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#27122f;color:var(--lock-fg)}
#lockScr[data-lock-style=pixel2026] .cb-lock-ambient{background:radial-gradient(ellipse at 100% -15%,#9570c6 0 32%,transparent 32.3%),radial-gradient(ellipse at 15% 125%,#9b8bed 0 30%,transparent 30.3%),radial-gradient(ellipse at 45% 120%,#e58b9a 0 24%,transparent 24.3%),linear-gradient(135deg,#3c2049,#25102e 65%)}
#lockScr[data-lock-style=pixel2026] .cb-lock-ambient>*{display:none}
#lockScr[data-lock-style=pixel2026] .lkb{width:min(100%,430px);max-width:430px;gap:8px}
#lockScr[data-lock-style=pixel2026] .lklogo{display:none}
#lockScr[data-lock-style=pixel2026] .lkbrand{order:-4;font-size:19px;letter-spacing:-.4px;font-weight:750;margin:0 0 6px}
#lockScr[data-lock-style=pixel2026] .lkbrand:before{content:'☁';display:inline-block;margin-right:8px;color:#d8bcfa}
#lockScr[data-lock-style=pixel2026] .cb-lock-clock{display:flex;flex-direction:column;margin:0 0 8px;order:-3}
#lockScr[data-lock-style=pixel2026] .cb-lock-time{order:-1;font-family:inherit;font-size:clamp(64px,calc(var(--cb-viewport-height,100dvh)*.11),118px);font-weight:850;letter-spacing:-6px;line-height:.84;display:flex;flex-direction:column;align-items:center;gap:1px;font-variant-numeric:tabular-nums}
#lockScr[data-lock-style=pixel2026] .cb-pixel-hour{color:#d8b9ff}
#lockScr[data-lock-style=pixel2026] .cb-pixel-minute{color:#a79af5}
#lockScr[data-lock-style=pixel2026] .cb-lock-date{margin-top:12px;font-size:12px;color:#f3e5ff}
#lockScr[data-lock-style=pixel2026] .lkb h2{font-size:21px;font-weight:750;margin:0;letter-spacing:-.5px;line-height:1.2}
#lockScr[data-lock-style=pixel2026] .lkb p{font-size:12px;margin:0}
#lockScr[data-lock-style=pixel2026] .lkchoose{padding:2px;border:0;margin:0;background:#dcc1ff10}
#lockScr[data-lock-style=pixel2026] .lkchoose button{padding:7px 12px}
#lockScr[data-lock-style=pixel2026] .lkf{width:224px;max-width:100%;gap:16px;margin-top:2px}
#lockScr[data-lock-style=pixel2026] .lkdots{gap:13px}
#lockScr[data-lock-style=pixel2026] .lkdots i{width:13px;height:13px;border:2px solid #d8b9ff;background:transparent;border-radius:50%;backdrop-filter:none;box-shadow:none}
#lockScr[data-lock-style=pixel2026] .lkdots i.f{background:#d8b9ff}
#lockScr[data-lock-style=pixel2026] .lkdots i.f:after{display:none}
#lockScr[data-lock-style=pixel2026] .lkpad{gap:9px;grid-template-columns:repeat(3,minmax(0,1fr))}
#lockScr[data-lock-style=pixel2026] .lkpad button{height:49px;min-height:44px;background:#d8bcfa;color:#2e163c;border:0;border-radius:43% 40% 42% 38%;font:650 23px/1 ui-rounded,system-ui,sans-serif;box-shadow:none;backdrop-filter:none}
#lockScr[data-lock-style=pixel2026] .lkpad button:active{background:#f0ddff;transform:scale(.95)}
#lockScr[data-lock-style=pixel2026] .lkpad button[data-lk="0"]{grid-column:2;grid-row:4}
#lockScr[data-lock-style=pixel2026] .lkpad button[data-lk=bk]{grid-column:3;grid-row:4;background:#f18c9c;border-radius:28px}
#lockScr[data-lock-style=pixel2026] .lkpad .go{grid-column:1/-1;height:44px;border-radius:24px;background:#d8bcfa1a;color:#ecd9ff;font-size:12px;border:1px solid #d8bcfa35}
#lockScr[data-lock-style=pixel2026] .lkpad button:disabled{opacity:.45}
#lockScr[data-lock-style=pixel2026] .lkfoot{font-size:10px;letter-spacing:0;margin-top:4px}
#lockScr[data-lock-style=pixel2026] .lkerr{font-size:12px;color:#ffd3dc}
#lockScr[data-lock-style=pixel2026] .lkpassfield input{color:#f3e5ff!important}
#lockScr[data-lock-style=pixel2026] .lkkeyrow button{background:#d8bcfa;color:#2e163c;border:0}
#lockScr[data-lock-style=pixel2026] .lkpasswordgo{background:#d8bcfa;color:#2e163c}
@media(min-width:700px) and (orientation:landscape){
 #lockScr[data-lock-style=pixel2026]:not(.lkpasswordmode) .lkb{width:min(100%,1040px);max-width:1040px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'brand title' 'clock message' 'clock methods' 'clock pin' 'clock error' 'foot alt';column-gap:clamp(24px,6vw,100px);row-gap:10px;align-items:center}
 #lockScr[data-lock-style=pixel2026]:not(.lkpasswordmode) .lkbrand{grid-area:brand;justify-self:start;margin:0}
 #lockScr[data-lock-style=pixel2026]:not(.lkpasswordmode) .cb-lock-clock{grid-area:clock;justify-self:start;text-align:left;margin:0}
 #lockScr[data-lock-style=pixel2026]:not(.lkpasswordmode) .cb-lock-time{align-items:flex-start;font-size:clamp(120px,calc(var(--cb-viewport-height,100dvh)*.25),240px);letter-spacing:-12px}
 #lockScr[data-lock-style=pixel2026]:not(.lkpasswordmode) .cb-lock-date{font-size:16px;margin-top:20px}
 #lockScr[data-lock-style=pixel2026]:not(.lkpasswordmode) .lkb h2{grid-area:title;font-size:clamp(20px,2.3vw,28px)}
 #lockScr[data-lock-style=pixel2026]:not(.lkpasswordmode) #lkMsg{grid-area:message}
 #lockScr[data-lock-style=pixel2026]:not(.lkpasswordmode) .lkchoose{grid-area:methods}
 #lockScr[data-lock-style=pixel2026]:not(.lkpasswordmode) .lkf{grid-area:pin;width:246px;gap:24px}
 #lockScr[data-lock-style=pixel2026]:not(.lkpasswordmode) .lkerr{grid-area:error}
 #lockScr[data-lock-style=pixel2026]:not(.lkpasswordmode) .lkalt{grid-area:alt}
 #lockScr[data-lock-style=pixel2026]:not(.lkpasswordmode) .lkfoot{grid-area:foot;justify-self:start}
}
@media(max-height:800px){#lockScr[data-lock-style=pixel2026] .lkb{gap:5px}#lockScr[data-lock-style=pixel2026] .cb-lock-time{font-size:68px}#lockScr[data-lock-style=pixel2026] .lkpad button{height:44px}#lockScr[data-lock-style=pixel2026] .lkf{gap:12px}#lockScr[data-lock-style=pixel2026] .cb-lock-date{margin-top:8px}#lockScr[data-lock-style=pixel2026] .lkb h2{font-size:18px}}

/* Pixel wallpapers share the same compact, device-fitting controls. */
#lockScr[data-lock-style=pixel2026] .cb-lock-ambient{background:var(--pixel-wallpaper,linear-gradient(135deg,#3c2049,#25102e))}
.cb-lock-settings [hidden]{display:none!important}
.cb-pixel-wallpapers{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.cb-pixel-wallpapers button>span{height:74px}
#lockScr[data-lock-style=pixel2026] .cb-lock-ambient:after{content:"";position:absolute;inset:0;background:#120b2038}
#lockScr[data-lock-style=pixel2026] .lkchoose button[aria-pressed=true]{background:#d8bcfa;color:#2e163c}
#lockScr[data-lock-style=pixel2026] .lkpad .go{background:#301a3de8;color:#f3e5ff}

/* Independent Mac and Windows wallpaper selections, with shared auto-unlock. */
#lockScr[data-lock-style=midnightGlass] .cb-lock-ambient{background:linear-gradient(#100b1826,#100b1855),var(--mac-wallpaper,url('lock-midnight-glass.webp') center/cover no-repeat)}
.cb-style-windows2026{background:radial-gradient(ellipse at 70% 20%,#78b4ff,#205ac0 40%,#091c3b 85%)}
.cb-style-windows2026 i{border-radius:7px;background:#e8f1ffb3;color:#183563;border-color:#fff8}
#lockScr[data-lock-style=windows2026]{--lock-fg:#f5f8ff;--lock-muted:#e3ebfc;--lock-glass:#e4efff20;--lock-line:#edf5ff55;--lock-key:#e5efff22;--lock-selected:#d5e6ff55;background:#091c3b;font-family:"Segoe UI",system-ui,sans-serif}
#lockScr[data-lock-style=windows2026] .cb-lock-ambient{background:linear-gradient(#06162c33,#06162c66),var(--windows-wallpaper,linear-gradient(140deg,#1259b8,#0a1936))}
#lockScr[data-lock-style=windows2026] .cb-lock-ambient>*{display:none}
#lockScr[data-lock-style=windows2026] .lkb,#lockScr[data-lock-style=windows2026].lkpasswordmode .lkb{width:min(100%,380px);max-width:380px;padding:20px 24px;background:#0d214c75;border:1px solid #e1eeff40;border-radius:24px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 24px 80px #0003;gap:6px}
#lockScr[data-lock-style=windows2026] .lklogo{display:none}
#lockScr[data-lock-style=windows2026] .lkbrand{order:-4;font-weight:600;letter-spacing:0;font-size:15px}
#lockScr[data-lock-style=windows2026] .lkbrand:before{content:'☁';margin-right:7px}
#lockScr[data-lock-style=windows2026] .cb-lock-clock{display:flex;flex-direction:column;order:-3;margin-bottom:4px}
#lockScr[data-lock-style=windows2026] .cb-lock-time{order:-1;font:300 54px/1.05 "Segoe UI",system-ui,sans-serif;letter-spacing:-2px}
#lockScr[data-lock-style=windows2026] .cb-lock-date{font-size:12px;margin-top:4px}
#lockScr[data-lock-style=windows2026] .lkb h2{font-size:21px;margin:2px 0 0}
#lockScr[data-lock-style=windows2026] .lkf{width:240px;max-width:100%;gap:13px;margin-top:4px}
#lockScr[data-lock-style=windows2026] .lkdots{gap:12px}
#lockScr[data-lock-style=windows2026] .lkdots i{width:12px;height:12px;border:1.5px solid #f5f8ffbd;border-radius:50%;background:transparent;box-shadow:none}
#lockScr[data-lock-style=windows2026] .lkdots i.f{background:#fff}
#lockScr[data-lock-style=windows2026] .lkdots i.f:after{display:none}
#lockScr[data-lock-style=windows2026] .lkpad{gap:8px}
#lockScr[data-lock-style=windows2026] .lkpad button{height:48px;min-height:44px;border-radius:9px;font:500 22px/1 "Segoe UI",system-ui,sans-serif;border:1px solid #ffffff50;background:#e1eeff29;box-shadow:inset 0 1px 0 #ffffff18}
#lockScr[data-lock-style=windows2026] .lkpad button[data-lk="0"]{grid-column:2;grid-row:4}
#lockScr[data-lock-style=windows2026] .lkpad button[data-lk=bk]{grid-column:3;grid-row:4}
#lockScr[data-lock-style=windows2026] .lkchoose button[aria-pressed=true]{background:#e2ecff;color:#19345a}
#lockScr[data-lock-style=windows2026] .lkerr{color:#ffe1dd}
#lockScr[data-lock-style=windows2026] .lkfoot{font-size:9px;letter-spacing:0}
@media(max-height:800px){#lockScr[data-lock-style=windows2026] .lkb{padding:16px 20px;gap:5px}#lockScr[data-lock-style=windows2026] .lkpad button{height:44px}#lockScr[data-lock-style=windows2026] .cb-lock-time{font-size:46px}}

/* Feedback fills the existing message space, without moving the keypad. */
#lockScr[data-lock-feedback] .lkerr{display:flex;align-items:center;justify-content:center;gap:7px;font-size:0!important;color:var(--lock-fg);min-height:18px}
#lockScr[data-lock-feedback] .lkerr:before{content:"";display:block;flex:none;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cbLockVerify .8s linear infinite}
#lockScr[data-lock-feedback] .lkerr:after{content:"Preparing…";font-size:12px;line-height:18px;font-weight:500}
#lockScr[data-lock-feedback=verifying] .lkerr:after{content:"Verifying…"}
#lockScr[data-lock-feedback=slow] .lkerr:after{content:"Still verifying…"}
#lockScr .cb-lock-feedback-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes cbLockVerify{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#lockScr[data-lock-feedback] .lkerr:before{animation:none;border-right-color:currentColor}}