*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#0b1020;color:#fff}
header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#121a33}
header h1{margin:0;font-size:26px}.wrap{padding:20px 24px}
.btn{background:#2f6bff;color:#fff;border:0;border-radius:14px;padding:18px 30px;font-size:22px;cursor:pointer;margin:6px}
.btn.alt{background:#2a3358}.btn.ok{background:#1fa463}.btn.big{padding:34px 40px;font-size:28px;min-width:280px}
.grid{display:grid;grid-template-columns:repeat(var(--c,5),1fr);gap:14px}
.card{background:#1a2344;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;border:3px solid transparent}
.card.sel{border-color:#2f6bff}.card img{width:100%;height:calc(80vw/var(--c,5));object-fit:contain;background:#0b1330;display:block}
.card .n{font-size:12px;padding:4px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.badge{position:absolute;top:6px;right:6px;background:#2f6bff;border-radius:20px;padding:4px 10px;font-weight:700}
.center{text-align:center;padding-top:60px}.bar{position:sticky;bottom:0;background:#121a33;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;font-size:22px}
input{font-size:22px;padding:12px;border-radius:10px;border:0;margin:6px;width:320px}
.row{display:flex;align-items:center;gap:14px;background:#1a2344;border-radius:12px;padding:10px;margin:8px 0}
.row img{width:150px;height:100px;object-fit:contain;border-radius:8px}
.row button{font-size:22px;padding:8px 16px;border-radius:8px;border:0;background:#2a3358;color:#fff}
table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #2a3358;text-align:left}

.homepage header{display:none}.homepage .wrap{padding:0}
.home{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#071422,#09233e 58%,#063b64)}
.home .glow{position:absolute;inset:0;background:radial-gradient(circle at 15% 8%,#0d4384aa 0,transparent 42%),radial-gradient(circle at 88% 92%,#14c7ea55 0,transparent 40%)}
.hero{position:relative;z-index:2;text-align:center;padding:24px;max-width:820px}
.hero .logo{width:min(420px,70vw);height:auto;margin-bottom:6px}
.hero .eyebrow{color:#62d9ff;font-weight:800;letter-spacing:.22em;font-size:16px}
.hero h2{font-size:clamp(44px,7vw,76px);line-height:1.02;margin:10px 0 8px}
.hero .sub{font-size:clamp(18px,2.4vw,26px);color:#c5dced;margin:0 0 28px}
.acts{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.cta{display:flex;align-items:center;gap:16px;border:0;color:#fff;font-size:clamp(22px,3vw,32px);font-weight:700;padding:26px 38px;border-radius:24px;background:linear-gradient(135deg,#0878f9,#14c7ea);box-shadow:0 14px 34px #0878f955,inset 0 1px 0 #ffffff55;cursor:pointer;min-width:300px;justify-content:center}
.cta:active{transform:scale(.97)}
.chips{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.chip{background:#0d2945cc;border:1px solid #ffffff2a;border-radius:16px;padding:10px 20px;display:flex;flex-direction:column;align-items:center;min-width:120px}
.chip b{font-size:26px;color:#7fe3ff}.chip span{font-size:14px;color:#b9d2e6}
.note{color:#9fb9cf;font-size:16px;margin-top:22px}
.pcard{position:absolute;z-index:1;width:min(210px,22vw);padding:8px 8px 22px;background:#fff;border-radius:6px;box-shadow:0 18px 40px #0008;opacity:.92}
.pcard svg{display:block;width:100%;height:auto}
.pcard.a{left:4%;top:9%;transform:rotate(-9deg)}.pcard.b{right:5%;top:14%;transform:rotate(8deg)}.pcard.c{left:9%;bottom:8%;transform:rotate(6deg)}
@media(max-width:760px){.pcard{opacity:.35}}

.sizes{display:flex;gap:14px;justify-content:center;margin:0 0 22px}
.szb{background:#0d2945cc;border:2px solid #ffffff33;color:#fff;border-radius:20px;padding:14px 34px;font-size:30px;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;min-width:170px}
.szb small{font-size:14px;font-weight:400;color:#b9d2e6}.szb.on{background:linear-gradient(135deg,#0878f9,#14c7ea);border-color:#fff}

.szr{font:inherit;font-size:32px;font-weight:900;min-width:150px;min-height:72px;border:3px solid #4a5a8a;background:#2a3358;color:#cfd8ff;border-radius:14px;padding:10px 30px;margin-right:14px;cursor:pointer}.szr.on{background:#2f6bff;border-color:#9ec0ff;color:#fff}
@media(max-width:760px){
html{overflow-x:hidden}
header{padding:10px 14px}header h1{font-size:20px}.wrap{padding:12px}
.btn{padding:10px 16px;font-size:17px;margin:3px}
.szr{font-size:20px;min-width:0;min-height:44px;padding:6px 16px;margin-right:8px;border-width:2px;border-radius:10px}
.row{flex-wrap:wrap;gap:6px;padding:8px}
.row>div:first-child{width:100%!important;height:56vw!important}.row>div:first-child img{width:100%!important;height:100%!important;max-width:100%!important;max-height:56vw!important;object-fit:contain}
.row>div:nth-child(2){flex:1 1 100%!important;min-width:0;font-size:14px;overflow-wrap:anywhere}
.row button{font-size:16px;padding:8px 12px;margin:0!important}
.row .szr{white-space:nowrap;font-size:18px;padding:6px 12px;min-height:40px}
.bar{flex-wrap:wrap;gap:6px;padding:8px}.bar span{font-size:16px}
.center h2{font-size:26px}
}
@media(max-width:760px){
.edw{gap:6px!important}
.edp{min-width:0!important;flex:1 1 100%!important}
.edp canvas{max-height:38vh!important}
.edp>div{font-size:13px;margin-top:3px!important;opacity:.7}
.edc{width:100%!important}
.edt{display:flex;flex-wrap:wrap}.edt .btn{font-size:14px!important;padding:6px 9px!important;margin:2px!important}
.edc .btn{font-size:14px!important;padding:6px 10px!important;margin:2px!important;border-radius:9px}
.edc>div{font-size:14px}
.edb{position:sticky;bottom:0;background:#0b1020;padding:6px 0;margin:0!important;display:flex;gap:8px;z-index:5}
.edb .btn{flex:1;font-size:18px!important;padding:10px!important}
#pn textarea{font-size:18px!important}
.k{height:42px!important;font-size:19px!important}.k.kw{font-size:14px!important}.shg{grid-template-columns:repeat(4,1fr)!important}
}
.sh-h{display:none}
@media(max-width:760px){
.sh-h{display:flex!important}
.sheet{position:fixed;left:0;right:0;bottom:0;max-height:48vh;overflow-y:auto!important;background:#121a33;border-top:3px solid #2f6bff;border-radius:16px 16px 0 0;padding:8px 12px 14px;z-index:30;box-shadow:0 -8px 24px rgba(0,0,0,.5)}
.sheet .sh-h{position:sticky;top:-8px;background:#121a33;display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:4px 0;z-index:2}
.sheet [style*=max-height]{max-height:none!important;overflow:visible!important}
.sheet #fgal{max-height:none!important;overflow:visible!important}
.edw.shopen{padding-bottom:50vh}
.edw.shopen .edp{position:sticky;top:0;z-index:1;background:#0b1020}
.edw.shopen .edp canvas{max-height:40vh!important}
.edw.shopen .edb{display:none}
.edw.shopen .edc{width:100%!important}
.sheet.min{max-height:none;padding-bottom:4px}
.sheet.min>*:not(.sh-h){display:none!important}
.edw.shopen.shmin{padding-bottom:70px}
.edw.shopen.shmin .edp canvas{max-height:62vh!important}
.edw.shopen .edt{display:none!important}
}
.edp canvas{max-height:78vh}
@media(min-width:761px){
.edw{flex-wrap:nowrap!important;gap:12px!important;align-items:flex-start}
.edp{min-width:0!important;text-align:left!important;flex:1 1 0!important;max-width:46vw}
.edp canvas{max-height:84vh!important;max-width:100%!important}
.edc{zoom:1.6;width:calc((52vw - 30px)/1.6)!important;max-width:none!important;flex:0 0 auto}
.edc .fcell{font-size:13px}
.edc .btn{font-size:inherit}
}
@media(min-width:761px){.edc #fgal{max-height:calc(100vh/1.6 - 300px)!important}}
@media(min-width:761px){.edc .edt .btn{padding:8px 14px!important;margin:2px!important}.edc .edb{margin-top:4px!important}.edc>div{margin-top:2px}body:has(.edw){overflow-y:hidden}}
@media(min-width:761px){.edw{padding:4px 22px 0 22px!important;box-sizing:border-box;width:100%}.edp{max-width:calc(48vw - 22px)!important}.edc{width:calc((52vw - 60px)/1.6)!important}.edc #fgal{padding-right:14px!important}}
@media(max-width:760px){.slghd{display:none!important}.sheet [style*=max-height]{overflow:visible!important}}
@media(min-width:761px){
html{overflow-x:hidden}
.edw{width:100%!important;max-width:100vw;overflow:hidden;flex-wrap:nowrap!important}
.edc{zoom:1!important;width:50%!important;flex:0 0 50%!important;max-width:50%!important;min-width:0!important;padding-right:6px}
.edp{flex:1 1 0!important;min-width:0!important;max-width:none!important}
.edp canvas{max-width:100%!important}
.edc .btn,.edt .btn,.edc .sh-h .btn{font-size:clamp(18px,1.9vw,32px)!important;padding:.45em .8em!important;margin:3px!important}
.edc .btn.slgnav{font-size:clamp(20px,2.2vw,34px)!important}
.edc [style*="border-radius:50%"]{width:clamp(34px,3.2vw,54px)!important;height:clamp(34px,3.2vw,54px)!important}
.edc .fcell{font-size:clamp(13px,1.3vw,22px)}
.edc>div,.edc label{font-size:clamp(16px,1.6vw,26px)}
.shg{grid-template-columns:repeat(4,1fr)!important;gap:8px}
.shb{height:clamp(90px,9vw,150px);font-size:clamp(13px,1.3vw,22px)}.shb img{width:clamp(44px,4.5vw,76px);height:clamp(44px,4.5vw,76px)}
.kr{max-width:none}.k{height:clamp(46px,5.2vw,86px)!important;font-size:clamp(20px,2.2vw,36px)!important}.k.kw{font-size:clamp(14px,1.5vw,24px)!important}
.edc #fgal{max-height:calc(100vh - 330px)!important}
#pn textarea{font-size:clamp(20px,2vw,32px)!important}
}
@media(min-width:761px){
.edc{display:flex!important;flex-direction:column;height:calc(100vh - 140px);max-height:calc(100vh - 140px);overflow:hidden}
.edc #pn{flex:1 1 auto;min-height:0;overflow-y:auto!important;overflow-x:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:none!important;position:static!important}
.edc #pn *{touch-action:pan-y}
.edc #pn::-webkit-scrollbar{width:18px}.edc #pn::-webkit-scrollbar-track{background:#1a2344}.edc #pn::-webkit-scrollbar-thumb{background:#5a78d6;border-radius:9px;border:3px solid #1a2344}
.edc #pn [style*=max-height]{max-height:none!important;overflow:visible!important}
.edc #pn .sh-h{position:sticky;top:0}
.edc .edb{flex:0 0 auto}.edc .edt{flex:0 0 auto}
}
.bar{position:fixed!important;left:0;right:0;bottom:0;z-index:40;border-top:2px solid #2f6bff}
body:has(.bar){padding-bottom:84px}
.bar .btn{font-size:30px!important;padding:16px 56px!important;min-width:200px}
#sob{position:fixed;top:6px;right:8px;z-index:60;background:#b3261e;color:#fff;font-size:clamp(16px,1.6vw,26px);padding:8px 18px;border-radius:10px;border:2px solid #fff;display:none}
#soq{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:100;display:flex;align-items:center;justify-content:center}
.soc{background:#121a33;border:3px solid #2f6bff;border-radius:16px;padding:28px 36px;text-align:center;max-width:90vw}
#vtag{top:auto!important;bottom:4px!important;right:10px!important;left:auto!important}
body.nh{padding-top:56px}

@media(max-width:760px){#vtag{bottom:auto!important;top:4px!important;left:6px!important;right:auto!important}}
@media(min-width:761px){html:has(.edw){overflow:hidden}body.nh:has(.edw){padding-top:0}}

@media(max-width:760px){
.grid{gap:8px}
.card img{height:calc(88vw/var(--c,2))}
.card .n{font-size:14px;padding:6px 8px}
.card .badge{font-size:18px;padding:5px 12px}
.bar{padding:8px 12px;font-size:17px;gap:8px}
.bar .btn{font-size:20px!important;padding:10px 18px!important;min-width:0!important;margin:0!important}
}

@media(max-width:760px){
.colw{flex-direction:column!important;flex-wrap:wrap!important;gap:10px!important}
.colL{flex:0 0 auto!important;width:100%!important}
.colR{flex:0 0 auto!important;width:100%!important}
.colL canvas{display:block;margin:0 auto}
#colhelp{font-size:19px!important}
.colR .szr{min-width:0!important;flex:1;font-size:20px!important;padding:6px 10px!important;margin:3px!important}
}
/* range sliders: real press-hold-drag (touch + mouse) */
input[type=range]{touch-action:none!important;height:44px;cursor:grab}
.edc #pn input[type=range]{touch-action:none!important}
@media(min-width:761px){.edc #pn{max-height:calc(100vh/1.6 - 215px);overflow-y:auto;padding-right:10px}}

/* UI 23 - Text tab: keyboard under picture (left), options (right) fit one screen */
@media(min-width:761px){
.edw.txtm .edp #kb{margin-top:8px;text-align:left}
.edw.txtm .edc #pn textarea#ti{font-size:22px!important}
.edw.txtm .edc .btn{font-size:18px!important;padding:10px 13px!important}
.edw.txtm .edc [style*="border-radius:50%"]{width:38px!important;height:38px!important}
.edw.txtm .edc #pn [onclick^="setCp"]{height:28px!important}
.edw.txtm .edc #pn [onclick^="hueTap"]{height:30px!important}
.edw.txtm .edc #pn>div{margin-top:4px!important}
}

/* UI31: square controls on all Photo Center screens, including admin. */
html *,html *::before,html *::after{border-radius:0!important}

/* UI40: display-only build badge in reserved header space, never captures taps. */
html body #vtag{top:17px!important;bottom:auto!important;left:350px!important;right:auto!important;padding:0!important;font-size:12px!important;line-height:18px!important;max-width:200px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none!important;user-select:none;opacity:.7!important;z-index:49!important}
@media(max-width:760px){html body #vtag{top:5px!important;left:6px!important;font-size:10px!important;max-width:150px!important}}


/* ===================== UI45: bright modern "studio" look =====================
   Design only. No markup, button, option, text or function changes; logo and icons stay where they are.
   Light studio background with photos treated as prints on a table, one Technicals blue accent,
   green kept as the "go" colour (help text says "the green Next button"), square corners
   everywhere (owner requirement, UI31 rule kept), Heebo font (already embedded; Latin + Hebrew). */
:root{
  --bg:#eef1f6; --bg2:#e4e9f1; --surf:#ffffff; --soft:#f5f7fa; --line:#dde2ea; --line2:#cbd2dd;
  --ink:#141821; --ink2:#3a4252; --mute:#667085;
  --blue:#2459f5; --blue2:#1a45cf; --bluet:#e8eeff;
  --go:#12a150; --go2:#0d8742; --stop:#e5484d;
  
  --sh1:0 1px 2px #1418210f,0 2px 6px #14182112;
  --sh2:0 2px 4px #14182110,0 12px 28px -8px #1418212e;
}
html body{font-family:'Heebo','Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased}
html body h1,html body h2,html body h3{letter-spacing:-.02em}

/* header */
html body header{background:var(--surf);border-bottom:1px solid var(--line);box-shadow:var(--sh1)}
html body header h1{color:var(--ink);font-weight:800}

/* buttons */
html body .btn{background:var(--blue);color:#fff;font-family:inherit;font-weight:700;box-shadow:0 6px 16px -6px #2459f5aa;transition:transform .08s ease,background-color .15s ease,box-shadow .15s ease}
html body .btn:hover{background:var(--blue2)}
html body .btn.alt{background:var(--surf);color:var(--ink2);box-shadow:inset 0 0 0 1.5px var(--line2),var(--sh1)}
html body .btn.alt:hover{background:var(--soft)}
html body .btn.ok{background:var(--go);color:#fff;box-shadow:0 8px 20px -8px #12a150cc}
html body .btn.ok:hover{background:var(--go2)}
html body .btn:active,html body .cta:active,html body .szr:active,html body .k:active,html body .card:active{transform:scale(.97)}
html body .btn:focus-visible,html body .cta:focus-visible,html body .szr:focus-visible{outline:3px solid #2459f566;outline-offset:3px}
html body #sob{background:var(--surf)!important;color:var(--stop)!important;border:2px solid var(--stop)!important;font-family:inherit;font-weight:700;box-shadow:var(--sh2)}

/* toggles: Prints/Collage, print size, paper finish */
html body .szr{font-family:inherit;font-weight:700;background:var(--surf);color:var(--ink2);border:2px solid var(--line);box-shadow:var(--sh1);transition:background-color .15s ease,border-color .15s ease,color .15s ease}
html body .szr.on{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 20px -8px #2459f5cc}
html body .szb{background:var(--surf);color:var(--ink);border:2px solid var(--line)}
html body .szb small{color:var(--mute)}
html body .szb.on{background:var(--blue);border-color:var(--blue);color:#fff}
html body .szb.on small{color:#dfe7ff}

/* home: prints scattered on a bright table */
html body .home{background:radial-gradient(ellipse 80% 60% at 50% 0%,#ffffff 0,var(--bg) 60%,var(--bg2) 100%)}
html body .home .glow{background:radial-gradient(circle at 12% 18%,#2459f514 0,transparent 30%),radial-gradient(circle at 88% 82%,#12a15012 0,transparent 30%)}
html body .hero h2{color:var(--ink);font-weight:800;letter-spacing:-.035em}
html body .hero .eyebrow{color:var(--blue);font-weight:700;letter-spacing:.12em}
html body .hero .sub{color:var(--mute)}
html body .pcard{background:#fff;opacity:1;padding:10px 10px 34px;box-shadow:0 2px 4px #1418211a,0 26px 50px -14px #14182155}
html body .cta{font-family:inherit;font-weight:800;color:#fff;background:var(--blue);box-shadow:0 18px 36px -14px #2459f5cc,inset 0 1px 0 #ffffff33;transition:transform .08s ease,background-color .15s ease}
html body .cta:hover{background:var(--blue2)}
html body .chip{background:var(--surf);border:1px solid var(--line);box-shadow:var(--sh1)}
html body .chip b{color:var(--ink);font-weight:800}
html body .chip span{color:var(--mute)}
html body .note{color:var(--mute)}

/* "How it works" */
html body #icard{background:var(--surf)!important;border:1px solid var(--line)!important;box-shadow:var(--sh1);color:var(--ink)}
html body #icard .ttl{font-weight:800!important;color:var(--ink)}
html body #icard span[style*="background:#2f6bff"]{background:var(--bluet)!important;color:var(--blue)!important}

/* photo grid */
html body .card{background:var(--surf);border:3px solid var(--surf);box-shadow:var(--sh1);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
html body .card img,html body .kiosk27 .grid .card img,html body [style*="background:#0b1330"]{background:var(--soft)!important}
html body .card .n{color:var(--mute)}
html body .card.sel{border-color:var(--blue);box-shadow:0 0 0 3px #2459f533,var(--sh2);transform:translateY(-3px)}
html body .card.sel .n{color:var(--ink);font-weight:600}
html body .badge{background:var(--blue);color:#fff;font-weight:800;min-width:34px;text-align:center;box-shadow:0 4px 10px -2px #2459f5aa;z-index:2}

/* bottom bar */
html body .bar{background:#ffffffee;backdrop-filter:blur(10px);border-top:1px solid var(--line)!important;box-shadow:0 -8px 24px -12px #14182122;color:var(--ink);font-weight:700}

/* chosen-photo list */
html body .row{background:var(--surf);border:1px solid var(--line);box-shadow:var(--sh1)}
html body .row>div:first-child,html body [style*="background:#000"]{background:var(--soft)!important}
html body .row button{font-family:inherit;background:var(--soft);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
html body .row button[style*="background:#2f6bff"],html body .row button[style*="background:#1fa463"],html body .row button[style*="background:#e53935"],html body .row button[style*="background:#c0392b"]{color:#fff}

/* checkout fields */
html body input{font-family:inherit;background:var(--soft);color:var(--ink);border:2px solid var(--line)!important;box-shadow:none}
html body input:focus{border-color:var(--blue)!important;background:#fff;outline:0;box-shadow:0 0 0 4px #2459f522}
html body input[type=checkbox],html body input[type=radio],html body input[type=range],html body input[type=file],html body input[type=color]{background:transparent;border:0!important;box-shadow:none!important;accent-color:var(--blue)}
html body select{font-family:inherit}
html body textarea{font-family:inherit;background:var(--soft);color:var(--ink);border:2px solid var(--line)}
html body .center h2{color:var(--ink);font-weight:800}

/* light-blue accent text that was meant for the dark background */
html body [style*="color:#7fb0ff"],html body [style*="color:#9fc4ff"],html body #phst{color:var(--blue)!important}

/* editor */
html body .edb{background:var(--bg)}
html body .sheet,html body .sheet .sh-h{background:var(--surf)}
html body .sheet{border-top:1px solid var(--line);box-shadow:0 -12px 30px -10px #14182133}
html body .slghd,html body [style*="background:#0b1020"]{background:var(--bg)!important}
html body .fcell{background:var(--surf)!important;border:2px solid var(--line)!important;color:var(--ink2)}
html body .fcell.sel{border-color:var(--blue)!important;box-shadow:0 0 0 3px #2459f533}
html body #pdes36{border-color:var(--line)!important;background:var(--surf)}
html body #cdes{background:var(--surf)!important;border-color:var(--line)!important}
html body .shb{background:var(--surf)!important;color:var(--ink2)!important;box-shadow:inset 0 0 0 1.5px var(--line)}
html body .edc #pn::-webkit-scrollbar-track,html body.kiosk27 .edc #pn::-webkit-scrollbar-track{background:var(--bg2)}
html body .edc #pn::-webkit-scrollbar-thumb,html body .kiosk27 .edc #pn::-webkit-scrollbar-thumb{background:#aab3c2!important;border-color:var(--bg2)!important}
html.kiosk27:has(.grid)::-webkit-scrollbar-thumb{background:#aab3c2!important}

/* on-screen keyboard: white keys on a light panel */
html body #osk{background:var(--bg2)!important;box-shadow:0 -10px 40px #14182133!important}
html body .k,html body #osk .k{background:var(--surf)!important;color:var(--ink)!important;box-shadow:0 1px 0 #14182140,var(--sh1)}
html body #osk .k.kw{background:#d5dbe5!important}
html body #osk .hd button{background:var(--go)!important}

/* full-screen pages and messages */
html body #cpick,html body #rst,html body [style*="background:#0a1020"]{background:var(--bg)!important;color:var(--ink)!important}
html body #cpick>div:first-child,html body [style*="background:#121a33"]{background:var(--surf)!important;border-bottom:1px solid var(--line)!important}
html body .panel-pages,html body .kiosk27 .panel-pages{background:var(--surf)!important}
html body #wake27,html body .kiosk27 #wake27{background:var(--surf)!important;color:var(--mute)!important;border:1px solid var(--line)!important;font-family:inherit}
html body #vtag{color:var(--mute)!important}
html body #soq{background:#141821a6!important;backdrop-filter:blur(4px)}
html body .soc{background:var(--surf)!important;color:var(--ink);border:0!important;box-shadow:0 30px 80px -20px #14182166}

/* admin (shares this stylesheet) */
html body [style*="background:#1a2344"]{background:var(--surf)!important;color:var(--ink)!important;border:1px solid var(--line);box-shadow:var(--sh1)}
html body td,html body th{border-bottom-color:var(--line)}

@media (prefers-reduced-motion:reduce){html body .btn,html body .cta,html body .szr,html body .card{transition:none!important}html body .card.sel{transform:none}}

/* DPOF offer (camera print order on the card) */
#dpq{position:fixed;inset:0;background:#141821a6;z-index:100;display:flex;align-items:center;justify-content:center}
#dpq .soc{max-width:900px}

/* UI49 collage turn buttons */
.colrotb{background:#ffffffe6;color:#141821;border:2px solid #141821;box-shadow:0 2px 8px #0004;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.colrotb:active{background:#2459f5;color:#fff;border-color:#2459f5}