main.totem{--g:#1F6B1F;--g2:#2E7D1F;--gd:#16521a;--sand:#C9A25E;--sand2:#b88d45;--cream:#FBF6EC;--ink:#24301f;--muted:#5d6655;position:fixed;inset:0;z-index:1;overflow:auto;max-width:none;margin:0;padding:clamp(.8rem,2.2vw,1.8rem) clamp(.8rem,3vw,2.6rem) 0;display:flex;flex-direction:column;background:radial-gradient(1200px 600px at 10% 0,#fffaf0 0,transparent 60%),var(--cream);color:var(--ink);font-family:inherit;-webkit-tap-highlight-color:transparent}main.totem *{box-sizing:border-box}main.totem .t-install{position:absolute;top:.7rem;right:.9rem;z-index:3}main.totem .t-layout{flex:1 1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:clamp(1rem,2.6vw,2rem);gap:clamp(1rem,2.6vw,2rem);align-items:center;max-width:1200px;width:100%;margin:0 auto}main.totem .ponto-info-panel,main.totem .ponto-input-panel{background:none;border:0;padding:0;border-radius:0;min-height:0;color:inherit;display:flex;flex-direction:column;box-shadow:none}main.totem .t-left{align-items:stretch;justify-content:center;gap:clamp(.6rem,2vh,1.2rem)}main.totem .t-logo{width:clamp(150px,22vw,250px);height:auto;align-self:flex-start;margin-left:.6rem;image-rendering:auto}main.totem .t-card{position:relative;background:#fff;border-radius:22px;box-shadow:0 10px 30px rgba(80,60,20,.1),0 2px 6px rgba(80,60,20,.06);border:1px solid rgba(201,162,94,.18)}main.totem .t-clock-card{padding:clamp(1.2rem,3vw,2.2rem);overflow:hidden;background:linear-gradient(180deg,#fff,#fffcf6)}main.totem .t-rays{position:absolute;fill:none;stroke:var(--sand);stroke-width:3;stroke-linecap:round;opacity:.85}main.totem .t-rays-top{top:12px;right:16px;width:clamp(80px,12vw,130px)}main.totem .t-greet{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;color:var(--g)}main.totem .t-time{display:flex;align-items:baseline;gap:.5rem;line-height:1;margin:.4rem 0 .5rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}main.totem .t-hhmm{font-size:clamp(4.2rem,10vw,7.6rem);font-weight:800;color:var(--g);letter-spacing:-.02em}main.totem .t-ss{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:800;color:var(--sand)}main.totem .t-date{color:#9a6f2c;font-weight:600;font-size:clamp(.95rem,1.6vw,1.2rem);letter-spacing:0}main.totem .t-who{display:flex;flex-direction:column;gap:.45rem;margin-top:1rem;animation:tIn .35s ease both}main.totem .t-chip{display:inline-block;background:var(--sand);color:#fff;font-weight:700;border-radius:6px;padding:.3rem .9rem;font-size:clamp(.9rem,1.5vw,1.05rem)}main.totem .t-chip-strong{font-size:clamp(1.05rem,1.9vw,1.35rem);letter-spacing:.03em;text-transform:uppercase;padding:.35rem 1.2rem}main.totem .t-who-name{font-size:clamp(1.05rem,1.9vw,1.3rem);color:var(--gd)}main.totem .t-right{justify-content:center}main.totem .t-lookup,main.totem .t-register{padding:clamp(1rem,2.6vw,2rem)}main.totem .t-label{font-weight:800;color:var(--g);font-size:clamp(1.3rem,2.4vw,1.8rem);letter-spacing:.04em;margin-bottom:.7rem}main.totem .t-slots{display:grid;grid-template-columns:repeat(var(--slots),minmax(0,1fr));grid-gap:clamp(.35rem,1.2vw,.9rem);gap:clamp(.35rem,1.2vw,.9rem);max-width:calc(var(--slots) * 92px);margin-bottom:1rem}main.totem .t-slot{aspect-ratio:4/5;max-height:96px;display:grid;place-items:center;border-radius:12px;border:1.5px solid #e3ddd0;background:#fff;font-size:clamp(1.6rem,4vw,3rem);font-weight:700;color:var(--ink);transition:border-color .2s,box-shadow .2s,transform .15s}main.totem .t-slot.is-filled{animation:tPop .2s ease}main.totem .t-slot.is-active{border:2px solid #7bd07b;box-shadow:0 0 0 4px rgba(123,208,123,.25),0 0 14px rgba(123,208,123,.45)}main.totem .t-slots.is-loading .t-slot.is-filled{border-color:var(--sand);animation:tPulse 1s ease infinite}main.totem .t-keypad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:clamp(.45rem,1.1vw,.75rem);gap:clamp(.45rem,1.1vw,.75rem)}main.totem .t-key{min-height:clamp(56px,8.5vh,76px);border-radius:14px;border:1px solid #e6e1d6;background:#fff;color:var(--g);font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:700;box-shadow:0 2px 0 #ece6d9,0 4px 10px rgba(80,60,20,.06);cursor:pointer;transition:transform .08s,background .15s,box-shadow .15s;display:grid;place-items:center;touch-action:manipulation}main.totem .t-key:active{transform:translateY(2px) scale(.98);box-shadow:0 0 0 #ece6d9;background:#f6fbf4}main.totem .t-key-fn{background:var(--sand);color:#fff;border-color:var(--sand2);font-size:clamp(1rem,1.9vw,1.25rem);box-shadow:0 2px 0 var(--sand2),0 4px 10px rgba(120,80,20,.15)}main.totem .t-key-fn:active{background:var(--sand2)}main.totem .t-ico{width:1.4em;height:1.4em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}main.totem .t-ico-bs{width:1.7em}main.totem .t-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.8rem;position:relative;min-height:clamp(58px,8vh,70px);margin-top:1rem;border:0;border-radius:999px;background:linear-gradient(180deg,var(--g2),var(--g));color:#fff;font-weight:800;font-size:clamp(1.1rem,2vw,1.45rem);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 8px 18px rgba(31,107,31,.28);cursor:pointer;transition:transform .1s,filter .15s,opacity .2s}main.totem .t-btn:active{transform:scale(.985);filter:brightness(.95)}main.totem .t-btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}main.totem .t-continue .t-ico{position:absolute;right:1.6rem}main.totem .t-btn:focus-visible,main.totem .t-key:focus-visible{outline:3px solid #f0c674;outline-offset:3px}main.totem .t-spinner{position:absolute;right:1.6rem;width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;animation:tSpin .8s linear infinite}main.totem .t-status{margin-top:.8rem;text-align:center;color:var(--muted);font-size:.98rem;line-height:1.4}main.totem .t-notice{display:grid;grid-gap:.3rem;gap:.3rem;text-align:center;padding:.85rem 1rem;border-radius:14px;background:#f4f8ef;border:1px solid #cfe3c6;color:var(--gd);font-weight:600;margin:.4rem 0}main.totem .t-notice-gold{background:#fbf2df;border-color:var(--sand);color:#6d4c17;margin:0 0 1rem;animation:tIn .3s ease both}main.totem .t-notice-gold strong{font-size:1.1rem;color:#8a5f1c}main.totem .t-register{display:flex;flex-direction:column;align-items:center}main.totem .t-camera{position:relative;width:min(100%,clamp(220px,46vh,400px));aspect-ratio:1/1;border-radius:50%;overflow:hidden;border:7px solid var(--g);box-shadow:0 0 0 6px #fff,0 0 0 8px rgba(31,107,31,.18),0 10px 28px rgba(31,107,31,.2);background:#e9efe5}main.totem .t-camera img{width:100%;height:100%;object-fit:cover}main.totem .t-camera-off{display:grid;place-items:center;color:var(--g);font-size:3rem}main.totem .t-face-guide{position:absolute;left:50%;top:50%;width:48%;height:66%;transform:translate(-50%,-50%);border:2px dashed rgba(255,255,255,.9);border-radius:50%;pointer-events:none}main.totem .t-hint{margin:1rem 0 0;text-align:center;color:var(--gd);font-weight:600;font-size:clamp(1rem,1.8vw,1.25rem)}main.totem .t-mark{max-width:420px}main.totem.totem-step-done .t-layout{grid-template-columns:1fr;align-content:center;justify-items:center;gap:.6rem}main.totem.totem-step-done .t-left{align-items:center}main.totem.totem-step-done .t-logo{align-self:center;margin:0;width:clamp(130px,16vw,190px)}main.totem .t-success{width:min(92vw,420px);display:flex;flex-direction:column;align-items:center;animation:tIn .35s ease both}main.totem .t-receipt-card{width:100%;padding:1.2rem 1.6rem 1.3rem;text-align:center}main.totem .t-check svg{width:110px;height:110px;margin:0 auto;display:block}main.totem .t-check circle{fill:var(--g)}main.totem .t-check path{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:tDraw .45s ease .15s forwards}main.totem .t-sunrays line{stroke:var(--sand);stroke-width:3.5;stroke-linecap:round}main.totem .t-sunrays{transform-origin:60px 60px;animation:tSpinSlow 12s linear infinite}main.totem .t-success-title{font-size:clamp(1.7rem,3.4vw,2.2rem);font-weight:800;color:var(--g);margin-top:.2rem}main.totem .t-success-name{font-size:1.2rem;color:var(--ink);margin:.2rem 0 .7rem}main.totem .t-receipt{display:grid;grid-template-columns:auto 1fr;grid-gap:.25rem 1.6rem;gap:.25rem 1.6rem;text-align:left;margin:0 auto;width:max-content;max-width:100%;font-size:1rem}main.totem .t-receipt dt{color:var(--muted)}main.totem .t-receipt dd{margin:0;color:var(--ink);font-weight:600}main.totem .t-mono{font-family:ui-monospace,Menlo,monospace;letter-spacing:.03em}main.totem .t-status-in{font-size:.88rem;margin-top:.7rem}main.totem .t-nextbtn{letter-spacing:0;text-transform:none;font-size:1.2rem;margin-top:.9rem;border-radius:14px}main.totem .t-countdown-label{margin-top:.6rem;font-size:.92rem;color:var(--ink)}main.totem .t-countdown{width:100%;height:6px;border-radius:9px;background:#efe6d4;overflow:hidden;margin-top:.35rem}main.totem .t-countdown span{display:block;height:100%;background:var(--sand);transform-origin:left;animation:tShrink linear forwards}main.totem .t-footer{text-align:center;padding:.7rem 0 .9rem;margin-top:.8rem;color:#3e4637;font-size:.92rem;border-top:1px solid rgba(201,162,94,.25)}main.totem .t-fade{animation:tIn .3s ease both}@media (max-width:640px),(max-width:900px) and (orientation:portrait){main.totem .t-layout{grid-template-columns:1fr;align-content:start;max-width:640px}main.totem .t-logo{align-self:center;margin:0;width:clamp(150px,36vw,230px)}main.totem .t-clock-card{text-align:left}main.totem.totem-step-lookup .t-clock-card{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;border-bottom:0}main.totem.totem-step-lookup .t-right .t-lookup{border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(-1 * clamp(1rem,2.6vw,2rem) - 1px);border-top:0;padding-top:.4rem}main.totem .t-slots,main.totem.totem-step-lookup .t-label{text-align:center;margin-left:auto;margin-right:auto}main.totem .t-who{align-items:center}}@media (max-width:640px){main.totem .t-hhmm{font-size:clamp(3.6rem,19vw,5.4rem)}main.totem .t-key{min-height:52px}main.totem .t-camera{width:min(78vw,320px)}}@media (max-height:620px) and (orientation:landscape){main.totem .t-key{min-height:46px}main.totem .t-hhmm{font-size:4rem}}@keyframes tIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes tPop{0%{transform:scale(.85)}to{transform:none}}@keyframes tPulse{50%{box-shadow:0 0 0 4px rgba(201,162,94,.3)}}@keyframes tSpin{to{transform:rotate(1turn)}}@keyframes tSpinSlow{to{transform:rotate(1turn)}}@keyframes tDraw{to{stroke-dashoffset:0}}@keyframes tShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){main.totem *{animation:none!important;transition:none!important}main.totem .t-check path{stroke-dashoffset:0}}main.totem{height:100vh;height:100dvh;padding:max(clamp(.4rem,2dvh,1.6rem),env(safe-area-inset-top)) clamp(.6rem,3vw,2.6rem) 0}main.totem .t-layout{min-height:0;gap:clamp(.5rem,2.4dvh,2rem) clamp(.8rem,2.6vw,2rem)}main.totem .t-left{gap:clamp(.3rem,1.8dvh,1.2rem);min-height:0}main.totem .t-logo{width:auto;height:clamp(44px,22dvh,210px);max-width:60%;object-fit:contain}main.totem .t-clock-card{padding:clamp(.6rem,3dvh,2.2rem) clamp(.9rem,3vw,2.2rem)}main.totem .t-greet{font-size:clamp(1.1rem,min(3.6vw,5dvh),2.6rem)}main.totem .t-time{margin:clamp(.1rem,.8dvh,.4rem) 0 clamp(.1rem,1dvh,.5rem)}main.totem .t-hhmm{font-size:clamp(2.4rem,min(10vw,14dvh),7.6rem)}main.totem .t-ss{font-size:clamp(1.2rem,min(4.6vw,6.5dvh),3.4rem)}main.totem .t-date{font-size:clamp(.8rem,min(1.6vw,2.6dvh),1.2rem)}main.totem .t-who{margin-top:clamp(.3rem,1.6dvh,1rem);gap:clamp(.2rem,.8dvh,.45rem)}main.totem .t-lookup,main.totem .t-register{padding:clamp(.6rem,2.8dvh,2rem) clamp(.7rem,2.6vw,2rem)}main.totem .t-label{font-size:clamp(1rem,min(2.4vw,3.6dvh),1.8rem);margin-bottom:clamp(.25rem,1.2dvh,.7rem)}main.totem .t-slots{margin-bottom:clamp(.35rem,1.8dvh,1rem)}main.totem .t-slot{aspect-ratio:auto;height:clamp(38px,10dvh,96px);font-size:clamp(1.3rem,min(4vw,6dvh),3rem)}main.totem .t-keypad{gap:clamp(.3rem,1.1dvh,.75rem)}main.totem .t-key{min-height:0;height:clamp(38px,8.2dvh,76px);font-size:clamp(1.1rem,min(2.6vw,4dvh),1.9rem)}main.totem .t-key-fn{font-size:clamp(.9rem,min(1.9vw,2.8dvh),1.25rem)}main.totem .t-btn{min-height:0;height:clamp(42px,8dvh,70px);margin-top:clamp(.4rem,1.8dvh,1rem);font-size:clamp(.95rem,min(2vw,3.2dvh),1.45rem)}main.totem .t-status{margin-top:clamp(.25rem,1dvh,.8rem);font-size:clamp(.8rem,2.2dvh,.98rem)}main.totem .t-camera{width:min(100%,46dvh,400px);border-width:clamp(4px,.9dvh,7px)}main.totem .t-hint{margin-top:clamp(.3rem,1.6dvh,1rem);font-size:clamp(.85rem,min(1.8vw,2.8dvh),1.25rem)}main.totem .t-footer{padding:clamp(.2rem,1dvh,.7rem) 0 max(clamp(.25rem,1.2dvh,.9rem),env(safe-area-inset-bottom));margin-top:clamp(.2rem,1.2dvh,.8rem);font-size:clamp(.7rem,1.8dvh,.92rem)}main.totem.totem-step-done .t-logo{height:clamp(40px,14dvh,170px)}main.totem .t-receipt-card{padding:clamp(.6rem,2.4dvh,1.3rem) clamp(1rem,3vw,1.6rem)}main.totem .t-check svg{width:clamp(56px,14dvh,110px);height:clamp(56px,14dvh,110px)}main.totem .t-success-title{font-size:clamp(1.2rem,min(3.4vw,5dvh),2.2rem)}main.totem .t-success-name{font-size:clamp(.95rem,2.8dvh,1.2rem);margin:.1rem 0 clamp(.2rem,1.4dvh,.7rem)}main.totem .t-receipt{font-size:clamp(.82rem,2.4dvh,1rem);gap:clamp(.05rem,.5dvh,.25rem) 1.4rem}main.totem .t-nextbtn{margin-top:clamp(.4rem,1.8dvh,.9rem);font-size:clamp(.95rem,2.8dvh,1.2rem)}main.totem .t-countdown-label{margin-top:clamp(.2rem,1dvh,.6rem);font-size:clamp(.75rem,2dvh,.92rem)}@media (orientation:portrait){main.totem .t-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-content:stretch;max-width:640px}main.totem.totem-step-done .t-layout{grid-template-rows:auto auto;align-content:center}main.totem .t-left{align-items:center}main.totem .t-logo{align-self:center;margin:0;height:clamp(40px,11dvh,190px)}main.totem .t-clock-card{align-self:stretch}main.totem .t-right{justify-content:flex-start;min-height:0}main.totem .t-hhmm{font-size:clamp(2.4rem,min(17vw,9dvh),7rem)}main.totem .t-ss{font-size:clamp(1.2rem,min(7vw,4.2dvh),3.2rem)}main.totem .t-greet{font-size:clamp(1.1rem,min(6vw,3.6dvh),2.4rem)}main.totem .t-slot{height:clamp(36px,7dvh,90px)}main.totem .t-key{height:clamp(36px,6.2dvh,74px)}main.totem .t-btn{height:clamp(40px,6.4dvh,68px)}main.totem .t-camera{width:min(100%,72vw,34dvh,420px)}main.totem .t-label{font-size:clamp(.95rem,min(5vw,3dvh),1.8rem)}}@media (orientation:landscape) and (max-height:560px){main.totem .t-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch}main.totem .t-left{justify-content:center}main.totem .t-logo{height:clamp(34px,14dvh,90px)}main.totem .t-clock-card{padding:.5rem .9rem}main.totem .t-rays-top{width:60px;top:6px;right:8px}main.totem .t-right{justify-content:center}main.totem .t-lookup{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"label label" "slots slots" "keys keys" "btn btn";padding:.45rem .7rem}main.totem .t-label{grid-area:label;margin-bottom:.2rem}main.totem .t-slots{grid-area:slots}main.totem .t-keypad{grid-area:keys;grid-template-columns:repeat(6,1fr)}main.totem .t-key{height:clamp(32px,11dvh,52px)}main.totem .t-continue{grid-area:btn}main.totem .t-slot{height:clamp(30px,10dvh,56px)}main.totem .t-notice-gold,main.totem .t-status{grid-column:1/-1}main.totem .t-camera{width:min(100%,52dvh)}main.totem.totem-step-done .t-layout{grid-template-columns:1fr}main.totem.totem-step-done .t-logo{display:none}}@media (orientation:landscape) and (max-height:430px){main.totem .t-footer,main.totem .t-greet{display:none}}main.totem .t-install-banner{position:fixed;z-index:20;left:0;right:0;margin:0 auto;bottom:max(.8rem,env(safe-area-inset-bottom));width:min(94vw,560px);display:flex;align-items:center;gap:.8rem;padding:.75rem .9rem;background:#fff;border:2px solid var(--sand);border-radius:18px;box-shadow:0 18px 40px rgba(60,40,10,.25);animation:tIn .35s ease both}main.totem .t-install-banner img{width:48px;height:48px;border-radius:50%;flex:none}main.totem .t-ib-text{display:grid;grid-gap:.15rem;gap:.15rem;min-width:0;color:var(--ink);font-size:.9rem;line-height:1.3}main.totem .t-ib-text strong{color:var(--g);font-size:1.05rem}main.totem .t-ib-actions{display:flex;flex-direction:column;gap:.35rem;margin-left:auto;flex:none}main.totem .t-ib-install{border:0;border-radius:999px;background:var(--g);color:#fff;font-weight:800;padding:.6rem 1.1rem;min-height:44px;cursor:pointer}main.totem .t-ib-close{border:0;background:none;color:var(--muted);font-weight:600;padding:.35rem;min-height:36px;cursor:pointer}@media (orientation:portrait) and (max-height:700px){main.totem .t-camera{width:min(100%,64vw,30dvh)}main.totem .t-who{margin-top:.25rem}main.totem .t-clock-card{padding:.5rem .8rem}}main.totem .t-lookup{position:relative}main.totem .t-lookup .t-notice-gold{position:absolute;z-index:3;top:clamp(.4rem,1.6dvh,1rem);left:clamp(.5rem,2vw,1.4rem);right:clamp(.5rem,2vw,1.4rem);margin:0;box-shadow:0 10px 24px rgba(80,60,20,.18)}main.totem .t-clock-row{display:flex;align-items:center;gap:clamp(.5rem,2.4vw,1.6rem);min-width:0}main.totem .t-clock-text{min-width:0}main.totem .t-logo-inline{flex:none;align-self:center;margin:0;width:auto;max-width:34%;height:clamp(52px,17dvh,190px)}main.totem .t-hhmm{font-size:clamp(2.2rem,min(7.2vw,13dvh),6.6rem)}main.totem .t-ss{font-size:clamp(1.1rem,min(3.4vw,6dvh),3rem)}main.totem .t-date{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main.totem .t-who{align-items:center}main.totem .t-slot{height:clamp(40px,11dvh,104px)}main.totem .t-key{height:clamp(42px,9.6dvh,92px);font-size:clamp(1.2rem,min(2.8vw,4.6dvh),2.1rem)}main.totem .t-btn{height:clamp(44px,9dvh,78px)}@media (orientation:portrait){main.totem .t-layout{grid-template-rows:auto minmax(0,1fr)}main.totem .t-logo-inline{height:clamp(46px,10dvh,150px);max-width:30%}main.totem .t-hhmm{font-size:clamp(2.2rem,min(13vw,8dvh),6.4rem)}main.totem .t-ss{font-size:clamp(1.1rem,min(5.6vw,3.8dvh),3rem)}main.totem .t-greet{font-size:clamp(1rem,min(5vw,3.2dvh),2.2rem)}main.totem .t-date{font-size:clamp(.72rem,min(3.2vw,2.2dvh),1.15rem)}main.totem .t-slot{height:clamp(40px,8.2dvh,100px)}main.totem .t-key{height:clamp(42px,7.6dvh,88px)}main.totem .t-btn{height:clamp(44px,7.4dvh,76px)}main.totem .t-camera{width:min(100%,74vw,38dvh,440px)}}@media (orientation:portrait) and (max-height:700px){main.totem .t-camera{width:min(100%,66vw,32dvh)}}@media (orientation:landscape) and (max-height:560px){main.totem .t-logo-inline{height:clamp(40px,20dvh,90px)}main.totem .t-key{height:clamp(34px,12.5dvh,58px)}main.totem .t-slot{height:clamp(30px,11dvh,60px)}main.totem .t-btn{height:clamp(38px,11dvh,56px)}}main.totem .t-date{white-space:normal}main.totem .t-footer{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:nowrap;position:relative}main.totem .t-footer .t-install{position:static}main.totem .t-footer .install-app-btn{min-height:30px;padding:.25rem .6rem;font-size:.72rem}main.totem .t-footer .install-app-feedback{position:absolute;bottom:100%;right:0;max-width:260px;background:#fff;border:1px solid var(--sand);border-radius:10px;padding:.4rem .6rem;font-size:.75rem;color:var(--ink);box-shadow:0 6px 16px rgba(60,40,10,.15)}main.totem .t-footer .install-app-status{font-size:.72rem;color:var(--muted)}@media (orientation:portrait){main.totem.totem-step-lookup .t-clock-card{border-radius:22px;box-shadow:0 10px 30px rgba(80,60,20,.1);border-bottom:1px solid rgba(201,162,94,.18)}main.totem.totem-step-lookup .t-right .t-lookup{border-radius:22px;margin-top:0;border-top:1px solid rgba(201,162,94,.18);padding-top:clamp(.5rem,2dvh,1.6rem)}main.totem .t-right{min-height:0}main.totem .t-lookup{flex:1 1;min-height:0;display:flex;flex-direction:column}main.totem .t-keypad{flex:1 1;min-height:0;grid-auto-rows:minmax(0,1fr)}main.totem .t-key{height:auto;min-height:42px;max-height:110px}}@media (orientation:landscape) and (max-height:560px){main.totem .t-btn{height:clamp(42px,12dvh,58px)}}@media (orientation:portrait){main.totem .t-right{align-self:stretch}main.totem .t-lookup>*{flex:none}main.totem .t-lookup>.t-keypad{flex:1 1 auto}main.totem .t-slots{width:100%;align-self:center}main.totem .t-key{font-size:clamp(1.3rem,min(6vw,4.2dvh),2.6rem)}main.totem .t-key-fn{font-size:clamp(1rem,min(4.4vw,3dvh),1.6rem)}}@media (max-width:420px){main.totem .t-footer{font-size:.66rem;gap:.4rem}main.totem .t-footer .install-app-btn{font-size:.66rem;padding:.2rem .45rem}}main.totem .t-key{position:relative;overflow:hidden;isolation:isolate;transition:transform .09s ease-out,box-shadow .12s;will-change:transform}main.totem .t-key:after{content:"";position:absolute;inset:-3px;border-radius:inherit;box-shadow:0 0 0 3px rgba(201,162,94,.95),0 0 18px 4px rgba(201,162,94,.55);opacity:0;pointer-events:none}main.totem .t-key.is-fx,main.totem .t-key:active{transform:translateY(2px) scale(.94)}main.totem .t-key.is-fx:after{animation:tGlow .5s ease-out}main.totem .t-ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(46,125,31,.38) 0,rgba(46,125,31,.18) 45%,transparent 70%);transform:scale(0);opacity:1;pointer-events:none;z-index:-1;animation:tRipple .5s cubic-bezier(.2,.7,.3,1) forwards}main.totem .t-key-fn .t-ripple{background:radial-gradient(circle,rgba(255,255,255,.5) 0,rgba(255,255,255,.2) 45%,transparent 70%)}main.totem .t-slot.is-filled{animation:tDigitIn .26s cubic-bezier(.2,1.4,.4,1) both}main.totem .t-slots.is-shake{animation:tShake .38s ease both}@keyframes tRipple{to{transform:scale(1);opacity:0}}@keyframes tGlow{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes tDigitIn{0%{transform:translateY(-10px) scale(.55);opacity:0}to{transform:none;opacity:1}}@keyframes tShake{0%,to{transform:none}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(2px)}}@media (prefers-reduced-motion:reduce){main.totem .t-ripple{display:none}main.totem .t-key.is-fx,main.totem .t-key:active{transform:none}}main.totem .t-key:after{inset:0;box-shadow:inset 0 0 0 3px rgba(201,162,94,1),inset 0 0 16px 2px rgba(201,162,94,.6)}main.totem .t-ripple{background:radial-gradient(circle,rgba(46,125,31,.55) 0,rgba(46,125,31,.28) 40%,transparent 68%)}main.totem .t-keypad{gap:clamp(.28rem,.8dvh,.6rem)}main.totem .t-key{font-weight:800;border-radius:16px}main.totem .t-key:not(.t-key-fn){background:#fff;border:1px solid #e2dccf;box-shadow:0 3px 0 #e4ddcd,0 6px 14px rgba(80,60,20,.08)}main.totem .t-lookup,main.totem .t-register{padding:clamp(.5rem,2dvh,1.6rem) clamp(.6rem,2.2vw,1.7rem)}main.totem .t-label{margin-bottom:clamp(.2rem,.8dvh,.5rem)}main.totem .t-slots{margin-bottom:clamp(.3rem,1.2dvh,.8rem)}main.totem .t-btn{margin-top:clamp(.3rem,1.2dvh,.8rem)}main.totem .t-footer{padding-top:clamp(.15rem,.6dvh,.5rem);margin-top:clamp(.15rem,.8dvh,.6rem)}main.totem .t-clock-card{padding:clamp(.5rem,2.2dvh,1.8rem) clamp(.8rem,2.6vw,2rem)}main.totem .t-slot{background:#eaf4e6;border:2px solid #b9d7ae;border-bottom:4px solid #2f7a2f;border-radius:10px;box-shadow:inset 0 3px 6px rgba(31,80,31,.16);color:#174f17;font-weight:800}main.totem .t-slot.is-filled{background:#e2f0dc;border-color:#8fc283 #8fc283 #1f6b1f}main.totem .t-slot.is-active{background:#f3f9f0;border:solid #d4a63a;border-width:2px 2px 4px;box-shadow:inset 0 3px 6px rgba(31,80,31,.12),0 0 0 3px rgba(212,166,58,.25);animation:tSlotPulse 1.2s ease-in-out infinite}@keyframes tSlotPulse{0%,to{box-shadow:inset 0 3px 6px rgba(31,80,31,.12),0 0 0 2px rgba(212,166,58,.18)}50%{box-shadow:inset 0 3px 6px rgba(31,80,31,.12),0 0 0 6px rgba(212,166,58,.42)}}@media (orientation:landscape){main.totem .t-logo-inline{height:clamp(44px,14dvh,160px)}main.totem .t-hhmm{font-size:clamp(2rem,min(6.6vw,11.5dvh),6rem)}main.totem .t-slot{height:clamp(38px,9dvh,92px)}main.totem .t-key{height:clamp(50px,11.8dvh,112px);font-size:clamp(1.5rem,min(3.4vw,6dvh),2.7rem)}main.totem .t-key-fn{font-size:clamp(1rem,min(2.2vw,3.4dvh),1.5rem)}main.totem .t-btn{height:clamp(44px,8.4dvh,74px)}}@media (orientation:portrait){main.totem .t-logo-inline{height:clamp(40px,8dvh,130px)}main.totem .t-hhmm{font-size:clamp(2rem,min(12vw,7dvh),6rem)}main.totem .t-ss{font-size:clamp(1rem,min(5vw,3.4dvh),2.6rem)}main.totem .t-slot{height:clamp(36px,6.6dvh,88px)}main.totem .t-btn{height:clamp(42px,6.6dvh,72px)}main.totem .t-key{min-height:48px;max-height:132px;font-size:clamp(1.6rem,min(7.4vw,5.2dvh),3.2rem)}main.totem .t-key-fn{font-size:clamp(1.05rem,min(4.8vw,3.2dvh),1.8rem)}}@media (orientation:landscape) and (max-height:560px){main.totem .t-logo-inline{height:clamp(34px,16dvh,80px)}main.totem .t-key{height:clamp(38px,15dvh,68px);font-size:clamp(1.2rem,6dvh,1.9rem)}main.totem .t-slot{height:clamp(28px,9.5dvh,54px)}main.totem .t-btn{height:clamp(36px,10dvh,52px)}}@media (prefers-reduced-motion:reduce){main.totem .t-slot.is-active{animation:none}}@media (orientation:portrait) and (max-height:700px){main.totem .t-logo-inline{height:clamp(36px,7dvh,60px)}main.totem .t-hhmm{font-size:clamp(1.9rem,6.4dvh,3rem)}main.totem .t-slot{height:clamp(34px,6dvh,50px)}main.totem .t-btn{height:clamp(40px,6.2dvh,52px)}}main.totem .t-key:not(.t-key-fn),main.totem .t-slot{font-weight:900}main.totem .t-slot{font-size:clamp(1.7rem,min(5.2vw,7.8dvh),3.9rem);line-height:1}@media (orientation:landscape){main.totem .t-key:not(.t-key-fn){font-size:clamp(1.7rem,min(3.8vw,6.8dvh),3rem)}}@media (orientation:portrait){main.totem .t-key:not(.t-key-fn){font-size:clamp(1.85rem,min(8.2vw,5.8dvh),3.6rem)}main.totem .t-slot{font-size:clamp(1.6rem,min(7vw,4.6dvh),3.6rem)}}@media (orientation:landscape) and (max-height:560px){main.totem .t-key:not(.t-key-fn){font-size:clamp(1.4rem,7dvh,2.2rem)}main.totem .t-slot{font-size:clamp(1.3rem,7dvh,2rem)}}main.totem .t-forgot{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:rgba(20,40,25,.55);border-radius:inherit;padding:1rem;animation:tIn .2s ease both}main.totem .t-forgot-box{display:grid;grid-gap:.6rem;gap:.6rem;max-width:30rem;width:100%;background:#fff8e6;border:2px solid #e0b14a;border-radius:18px;padding:1.1rem 1.2rem;text-align:center;color:#5b3d0c;box-shadow:0 18px 40px rgba(0,0,0,.25)}main.totem .t-forgot-box strong{font-size:1.25rem;color:#8a5f1c}main.totem .t-forgot-box p{margin:0;font-size:1.08rem;font-weight:600;line-height:1.35}main.totem .t-forgot-box small{color:#7a6438}