:root{--bg: #111827;--surface: rgba(255,255,255,.05);--surface-hover: rgba(255,255,255,.09);--surface-mid: rgba(255,255,255,.07);--border: rgba(255,255,255,.18);--white: #ffffff;--white-dim: rgba(255,255,255,.55);--white-60: rgba(255,255,255,.6);--footer-text: rgba(255,255,255,.25);--stopa-blue: #1a82c8;--stopa-blue-dim: rgba(26,130,200,.15);--scrollbar-track: rgba(231,246,253,.13);--scrollbar-thumb: rgba(85,183,239,.66);--scrollbar-thumb-hover: rgba(116,203,249,.88);--warn: #f59e0b;--warn-dim: rgba(245,158,11,.15);--success: #22c55e;--success-dim: rgba(34,197,94,.15);--danger: #ef4444}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100dvh;margin:0}body{background:var(--bg);font-family:Roboto Condensed,sans-serif;color:var(--white);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-family:inherit}button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}#bg-image{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/assets/bg.png);background-size:cover;background-position:center;z-index:0;pointer-events:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#050a1452;z-index:0}.offline-banner{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:190;background:var(--danger);color:var(--white);padding:8px 20px;border-radius:0 0 8px 8px;font-size:clamp(10px,1vw,12px);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.busy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;display:flex;align-items:center;justify-content:center;background:#050a1447;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.busy-box{background:#000000b8;border:1px solid var(--border);border-radius:8px;padding:16px 28px;color:var(--white);font-size:clamp(11px,1.1vw,14px);font-weight:700;letter-spacing:.18em;text-transform:uppercase}.kiosk-status{display:inline-flex;align-items:center;gap:4px;max-width:min(34vw,210px);padding:2px 3px 2px 7px;background:#ffffff09;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#ffffff61;opacity:.68;transition:opacity .18s,border-color .18s,background .18s,color .18s}.kiosk-status:hover,.kiosk-status:focus-within{opacity:.92;color:#ffffffb8;background:#ffffff0e;border-color:#ffffff2e}.kiosk-status-label{min-width:0;overflow:hidden;font-size:clamp(7px,.68vw,8px);font-weight:700;letter-spacing:.08em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.kiosk-logout-icon{width:18px;height:18px;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:#ffffff06;color:#ffffff6b;cursor:pointer;font-size:9px;line-height:1;transition:color .18s,background .18s,border-color .18s}.kiosk-logout-icon:hover,.kiosk-logout-icon:focus-visible{color:#ffffffdb;background:#ef44441f;border-color:#ef44444d;outline:none}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;min-height:100dvh;padding:calc(10px + env(safe-area-inset-top)) calc(40px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(40px + env(safe-area-inset-left));z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,28px);border-bottom:1px solid var(--border);padding:10px 0 12px;flex-shrink:0}.logo-area,.time-area{min-width:0}.logo-area{flex:1 1 auto}.time-area{flex:0 0 auto;min-width:0;text-align:right}.clock-cluster{display:flex;align-items:center;justify-content:flex-end;gap:clamp(9px,1.4vw,18px);min-width:0}.time-stack{flex:0 0 auto;width:clamp(128px,13vw,178px)}.logo-img{height:clamp(56px,8vh,100px);width:auto;object-fit:contain}.clock{font-size:clamp(24px,3.5vw,40px);font-weight:300;letter-spacing:.06em;font-variant-numeric:tabular-nums;line-height:1}.date-label{font-size:clamp(9px,1vw,11px);font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:var(--white-dim);margin-top:3px}.center{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(12px,2vh,26px);padding:clamp(8px,1.5vh,18px) 0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.center>:first-child{margin-top:auto}.center>:last-child{margin-bottom:auto}.center,.required-selection-list,.visitor-document-wrap,.markdown-content-wrap,.pdf-img-wrap{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.center::-webkit-scrollbar,.required-selection-list::-webkit-scrollbar,.visitor-document-wrap::-webkit-scrollbar,.markdown-content-wrap::-webkit-scrollbar,.pdf-img-wrap::-webkit-scrollbar{width:10px;height:10px}.required-selection-list::-webkit-scrollbar{width:8px;height:8px}.center::-webkit-scrollbar-track,.required-selection-list::-webkit-scrollbar-track,.visitor-document-wrap::-webkit-scrollbar-track,.markdown-content-wrap::-webkit-scrollbar-track,.pdf-img-wrap::-webkit-scrollbar-track{background:var(--scrollbar-track);border:1px solid rgba(231,246,253,.1);border-radius:999px}.center::-webkit-scrollbar-thumb,.required-selection-list::-webkit-scrollbar-thumb,.visitor-document-wrap::-webkit-scrollbar-thumb,.markdown-content-wrap::-webkit-scrollbar-thumb,.pdf-img-wrap::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(231,246,253,.9),var(--scrollbar-thumb) 22%,var(--stopa-blue));border:2px solid rgba(5,10,20,.3);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff2e}.center::-webkit-scrollbar-thumb:hover,.required-selection-list::-webkit-scrollbar-thumb:hover,.visitor-document-wrap::-webkit-scrollbar-thumb:hover,.markdown-content-wrap::-webkit-scrollbar-thumb:hover,.pdf-img-wrap::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffffff,var(--scrollbar-thumb-hover) 24%,#1a82c8)}.eyebrow{display:flex;align-items:center;gap:14px;flex-shrink:0}.eyebrow:before,.eyebrow:after{content:"";width:36px;height:1px;background:#ffffff4d}.eyebrow span{max-width:min(76vw,680px);padding:2px 0 3px;font-size:clamp(9px,1vw,11px);font-weight:400;letter-spacing:.4em;line-height:1.35;overflow-wrap:anywhere;text-align:center;text-transform:uppercase;color:var(--white-60)}.headline-wrap{text-align:center}.headline{font-size:clamp(42px,6.5vw,96px);font-weight:300;letter-spacing:.02em;line-height:.95;text-align:center}.headline.small{font-size:clamp(32px,4.2vw,58px)}.headline strong,.checkin-headline strong{font-weight:700}.checkin-headline{font-size:clamp(26px,3.5vw,52px);font-weight:300;text-align:center}.subline{font-size:clamp(11px,1.2vw,14px);font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:var(--white-dim);text-align:center}.error-msg{color:var(--danger)}.tile-grid{display:flex;gap:clamp(12px,1.5vw,20px);flex-shrink:0}.tile-grid.checkin-grid{display:grid;grid-template-columns:repeat(2,clamp(140px,14vw,200px));gap:clamp(10px,1.2vw,16px);width:max-content;max-width:100%}.tile{width:clamp(140px,14vw,200px);height:clamp(140px,14vw,200px);background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1vw,13px);cursor:pointer;color:var(--white);transition:background .2s,border-color .2s,transform .15s}.tile:hover{border-color:#ffffff6b;background:var(--surface-hover);transform:translateY(-3px)}.checkin-grid .tile{width:100%}.tile.full-width{grid-column:span 2;width:100%;height:clamp(70px,8vh,90px);flex-direction:row}.tile-icon{font-size:clamp(36px,4.5vw,52px);line-height:1}.tile-label{font-size:clamp(10px,1.1vw,13px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-align:center}.tile-sublabel{font-size:clamp(8px,.9vw,10px);font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:var(--white-dim);text-align:center}.lang-switcher{display:flex;gap:3px;align-items:center}.lang-btn{position:relative;min-height:32px;padding:5px 12px;background:transparent;border:1px solid transparent;border-radius:6px;color:#ffffff94;cursor:pointer;font-size:clamp(9px,.9vw,11px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:color .18s,background .18s,border-color .18s}.lang-btn:hover,.lang-btn:focus-visible{color:#ffffffe6;background:#ffffff12;outline:none}.lang-btn.active{color:var(--white);background:#1a82c833;border-color:#55b7ef57}.clock-language{flex:0 0 auto;width:auto;gap:2px;padding:3px;background:#050a1442;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.clock-language .lang-btn{min-width:34px;min-height:28px;padding:4px 7px;font-size:clamp(8px,.82vw,10px);letter-spacing:.09em}.bottombar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 14px;border-top:1px solid var(--border);color:var(--footer-text);font-size:clamp(8px,.85vw,10px);letter-spacing:.14em;text-transform:uppercase}.bottombar-left,.bottombar-center,.bottombar-right{min-width:0}.bottombar-left{flex:1 1 auto}.bottombar-center{flex:0 1 min(440px,42vw);display:flex;justify-content:center}.bottombar-right{flex:0 1 auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;text-align:right}.footer-code-entry{display:inline-flex;align-items:center;gap:6px;max-width:100%;opacity:.38;transition:opacity .18s}.footer-code-entry:hover,.footer-code-entry:focus-within{opacity:.92}.footer-code-label{flex:0 0 auto;color:#ffffff61;font-size:clamp(7px,.7vw,8px);font-weight:700;letter-spacing:.08em;line-height:1;white-space:nowrap}.footer-code-entry .form-input{width:clamp(118px,16vw,220px);min-height:24px;padding:4px 8px;border-radius:5px;font-size:clamp(9px,.82vw,11px);letter-spacing:.02em}.footer-code-entry .guid-confirm-btn{min-height:24px;padding:4px 9px;border-radius:5px;font-size:clamp(7px,.68vw,8px);letter-spacing:.08em}.back-btn{display:flex;align-items:center;gap:8px;font-size:clamp(9px,.95vw,11px);font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--white-dim);cursor:pointer;border:none;background:none}.back-btn:hover{color:var(--white)}.scanner-wrap{position:relative;width:clamp(220px,28vh,300px);height:clamp(220px,28vh,300px);border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#0006}#qr-reader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;color:var(--white)}#qr-reader video{position:absolute;top:50%;left:50%;display:block;width:100%!important;height:auto!important;max-width:none;transform:translate(-50%,-50%) scale(var(--qr-preview-scale, 1));transform-origin:center}.scanner-corner{position:absolute;width:26px;height:26px;border-color:var(--white);border-style:solid;pointer-events:none}.scanner-corner.tl{top:10px;left:10px;border-width:3px 0 0 3px}.scanner-corner.tr{top:10px;right:10px;border-width:3px 3px 0 0}.scanner-corner.bl{bottom:10px;left:10px;border-width:0 0 3px 3px}.scanner-corner.br{bottom:10px;right:10px;border-width:0 3px 3px 0}.guid-block,.form-wrap{width:min(520px,94vw);background:transparent}.form-wrap.wide{width:min(680px,94vw);display:flex;flex-direction:column;gap:10px}.guid-block-label,.form-label,.food-block-title,.members-header{min-height:1.15em;font-size:clamp(8px,.85vw,10px);font-weight:400;letter-spacing:.2em;line-height:1.15;text-transform:uppercase;color:var(--white-60);margin-bottom:7px}.guid-block-row,.form-row{display:flex;gap:clamp(7px,1vw,11px)}.form-field{flex:1;display:flex;flex-direction:column;gap:4px}.form-input{background:var(--surface);border:1px solid var(--border);border-radius:7px;min-height:44px;padding:clamp(8px,1vh,11px) 13px;font-size:clamp(13px,1.4vw,15px);font-weight:300;color:var(--white);outline:none;width:100%}.form-input:focus{border-color:#ffffff8c;background:#ffffff12}.form-input option{color:#111827;background:#fff}.guid-confirm-btn,.form-submit{background:var(--stopa-blue);border:none;border-radius:8px;min-height:44px;padding:clamp(10px,1.2vh,13px) 24px;color:var(--white);font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.form-submit:disabled{opacity:.35;cursor:not-allowed}.pin-display{display:flex;gap:12px}.pin-dot{width:13px;height:13px;border-radius:50%;border:2px solid var(--border)}.pin-dot.filled{background:var(--white);border-color:var(--white)}.pin-pad{display:grid;grid-template-columns:repeat(3,clamp(56px,6vw,70px));grid-template-rows:repeat(4,clamp(48px,5.5vh,60px));gap:9px}.pin-key{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--white);font-size:clamp(16px,2vw,22px);cursor:pointer;touch-action:manipulation}.ok-key{background:var(--stopa-blue);border-color:var(--stopa-blue);font-size:12px;font-weight:700}.del-key{color:var(--white-dim)}.content-progress,.content-remaining{font-size:clamp(10px,1vw,12px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--white-dim);text-align:center}.content-remaining{color:#ffffffb8}.token-expiry{width:min(680px,94vw);padding:9px 14px;border:1px solid rgba(85,183,239,.42);border-radius:8px;background:#1a82c829;color:#ffffffd1;font-size:clamp(10px,1vw,12px);font-weight:700;letter-spacing:.12em;text-align:center;text-transform:uppercase}.content-list{width:min(720px,96vw);display:flex;flex-direction:column;gap:10px}.content-item{display:grid;grid-template-columns:28px minmax(0,1fr) 46px;align-items:center;gap:14px;min-height:58px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--white);padding:13px 16px;transition:background .18s,border-color .18s}.content-item:hover{border-color:#ffffff6b;background:var(--surface-hover)}.content-item.viewed{border-color:var(--success);background:var(--success-dim)}.content-item input{width:18px;height:18px;accent-color:var(--success);pointer-events:none}.content-item-main{min-width:0;display:flex;flex-direction:column;gap:3px}.content-item-main strong{overflow-wrap:anywhere;font-size:clamp(13px,1.3vw,16px);letter-spacing:.04em}.content-item-main small{color:var(--white-dim);font-size:clamp(8px,.85vw,10px);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.content-open-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;justify-self:end;background:var(--stopa-blue-dim);border:1px solid rgba(26,130,200,.62);border-radius:8px;color:var(--white);cursor:pointer;font-size:18px;line-height:1;transition:background .18s,border-color .18s,transform .18s}.content-open-btn:hover,.content-open-btn:focus-visible{background:#1a82c847;border-color:#55b7efe6;transform:translateY(-1px);outline:none}.food-block,.members-section,.required-selection{background:var(--surface-mid);border:1px solid var(--border);border-radius:9px;padding:12px}.required-selection{display:flex;flex-direction:column;gap:10px}.required-selection-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.required-selection-toggle{width:100%;padding:0;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer}.required-selection-toggle:focus-visible{outline:2px solid rgba(85,183,239,.8);outline-offset:4px;border-radius:6px}.required-selection-chevron{color:var(--white);font-size:18px;line-height:1}.required-selection-title,.required-selection-status{min-height:1.15em;font-size:clamp(8px,.85vw,10px);font-weight:400;letter-spacing:.2em;line-height:1.15;text-transform:uppercase;color:var(--white-60)}.required-selection-status{color:#ffffff6b;text-align:right}.required-selection-list{display:grid;gap:7px;max-height:min(28vh,220px);overflow:auto;padding-right:2px}.required-selection-row{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:9px 10px;background:#ffffff0b;border:1px solid rgba(255,255,255,.14);border-radius:7px;color:var(--white-dim);cursor:pointer;transition:background .18s,border-color .18s,color .18s}.required-selection-row:hover{background:#ffffff12;border-color:#ffffff47;color:#ffffffdb}.required-selection-row.selected{background:var(--stopa-blue-dim);border-color:#55b7ef94;color:var(--white)}.required-selection-row.readonly{cursor:default}.required-selection-row.readonly:hover{background:var(--stopa-blue-dim);border-color:#55b7ef94;color:var(--white)}.required-selection-row input{width:16px;height:16px;margin:0;accent-color:var(--stopa-blue)}.required-selection-main{min-width:0;display:flex;flex-direction:column;gap:3px}.required-selection-main strong{font-size:clamp(13px,1.25vw,15px);font-weight:700;line-height:1.2;overflow-wrap:anywhere}.required-selection-main small{color:var(--white-dim);font-size:clamp(8px,.82vw,10px);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.required-selection-empty{color:var(--white-dim);font-size:clamp(11px,1.05vw,13px);font-weight:300;line-height:1.35}.cat-group{display:flex;gap:8px}.cat-btn{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:10px 4px;color:var(--white-dim);cursor:pointer;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.cat-btn.selected{background:var(--stopa-blue-dim);border-color:var(--stopa-blue);color:var(--white)}.checks-wrap{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);padding-top:12px}.check-row{display:flex;align-items:center;gap:12px;color:var(--white-dim);cursor:pointer}.check-row input{flex:0 0 16px;width:16px;height:16px;accent-color:var(--stopa-blue)}.check-row strong{color:var(--white);text-decoration:underline}.menu-link{display:block;width:100%;margin-top:10px;padding:6px 0;color:#ffffffdb;background:none;border:none;cursor:pointer;font-size:clamp(10px,1vw,12px);font-weight:700;letter-spacing:.14em;text-align:center;text-decoration:underline;text-underline-offset:4px;text-transform:uppercase;transition:color .18s,text-shadow .18s}.menu-link:hover,.menu-link:focus-visible{color:var(--white);text-shadow:0 0 18px rgba(255,255,255,.28);outline:none}.add-member-btn{margin-top:8px;color:#55b7ef;background:none;border:none;padding:0;cursor:pointer;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.member-edit-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:8px}.member-del{width:38px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--white-dim);cursor:pointer}.success-wrap{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2vh,22px)}.success-icon{width:clamp(56px,7vh,76px);height:clamp(56px,7vh,76px);border-radius:50%;background:var(--success-dim);border:2px solid var(--success);display:flex;align-items:center;justify-content:center;color:var(--success);font-size:42px}.success-name{font-size:clamp(16px,2.2vw,26px);font-weight:700}.hint{font-size:clamp(9px,1vw,11px);font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:#ffffff40}#pdf-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;background-image:linear-gradient(135deg,#050a1475,#0c548894),url(/assets/bg.png);background-size:cover;background-position:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pdf-modal-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 24px;background:#050a147a;border-bottom:1px solid rgba(255,255,255,.22);box-shadow:0 14px 34px #041a2e33}.pdf-modal-title{font-size:clamp(10px,1.1vw,13px);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--white);overflow-wrap:anywhere}.pdf-modal-actions{display:flex;align-items:center;gap:8px}.pdf-close-btn,.pdf-open-btn,.pdf-accept-btn{background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:8px 16px;color:var(--white-dim);cursor:pointer;font-size:clamp(10px,1vw,12px);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pdf-open-btn{color:var(--white);border-color:#1a82c88c;background:var(--stopa-blue-dim)}.pdf-accept-btn{color:var(--white);border-color:#55b7efc7;background:var(--stopa-blue)}.pdf-close-btn:hover,.pdf-open-btn:hover,.pdf-accept-btn:hover{border-color:#ffffffa6;background:#ffffff1a}.pdf-accept-btn:hover{background:#2193df}.pdf-frame{flex:1;border:none;width:100%;background:#fff}.pdf-video{flex:1;width:100%;min-height:0;background:#000}.pdf-img-wrap{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px}.pdf-img-wrap img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.visitor-document-wrap{flex:1;min-height:0;overflow:auto;padding:clamp(18px,3vw,36px);background:linear-gradient(180deg,#050a141f,#050a145c)}.visitor-document{--doc-accent: #55b7ef;--doc-accent-soft: rgba(26,130,200,.18);--doc-panel: rgba(5,10,20,.48);--doc-panel-strong: rgba(8,54,91,.64);--doc-text: rgba(255,255,255,.98);--doc-muted: rgba(255,255,255,.9);display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:clamp(16px,1.8vw,16px);width:min(1540px,100%);margin:0 auto;color:var(--doc-text);line-height:1.33}.visitor-document-warn{--doc-accent: #55b7ef;--doc-accent-soft: rgba(26,130,200,.2)}.visitor-document-header{grid-column:1 / -1;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:clamp(20px,3vw,34px);color:var(--white);background:linear-gradient(135deg,#050a149e,#075b9394);border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 18px 54px #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.visitor-document-brand{display:flex;align-items:center;gap:22px;min-width:0}.visitor-document-brand img{width:clamp(88px,12vw,136px);height:auto;flex-shrink:0;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}.visitor-document-eyebrow{margin-bottom:8px;color:var(--doc-accent);font-size:clamp(9px,.9vw,11px);font-weight:700;letter-spacing:.34em;text-transform:uppercase}.visitor-document h1{margin:0;color:var(--white);font-size:clamp(30px,4.2vw,54px);font-weight:300;line-height:1.05;letter-spacing:0}.visitor-document h1:first-letter{font-weight:700}.visitor-document-meta{max-width:310px;color:var(--doc-muted);font-size:clamp(9px,.9vw,11px);font-weight:300;letter-spacing:.16em;text-align:right;text-transform:uppercase}.visitor-document-notice{grid-column:1 / -1;margin:0;padding:16px 20px;background:#1a82c83d;border:1px solid rgba(85,183,239,.45);border-left:4px solid var(--doc-accent);border-radius:10px;color:var(--doc-text);font-size:clamp(13px,1.35vw,15px);font-weight:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.visitor-document-warn .visitor-document-notice{border-left-color:#f59e0b}.visitor-document-section{min-height:100%;margin:0;padding:clamp(20px,2.2vw,28px);background:var(--doc-panel);border:1px solid rgba(255,255,255,.2);border-radius:10px;box-shadow:0 16px 42px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.visitor-document-section h2{display:inline-flex;align-items:center;margin:0 0 15px;padding-bottom:8px;color:var(--white);border-bottom:2px solid var(--doc-accent);font-size:clamp(13px,1.35vw,16px);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.visitor-document-copy{margin:0 0 11px;color:var(--doc-muted);font-size:clamp(14px,1.32vw,16px);font-weight:300}.visitor-document-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:12px}.visitor-document-box,.visitor-document-card{background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:14px 16px}.visitor-document-box strong,.visitor-document-card strong{display:block;margin-bottom:5px;color:var(--white);font-size:clamp(11px,1vw,13px);font-weight:700;letter-spacing:.1em;overflow-wrap:anywhere;text-transform:uppercase}.visitor-document-box p,.visitor-document-card span{margin:0;color:var(--doc-muted);font-size:clamp(13px,1.25vw,15px);font-weight:300}.visitor-document-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.visitor-document-list li{position:relative;padding-left:22px;color:var(--doc-muted);font-size:clamp(14px,1.28vw,16px);font-weight:300}.visitor-document-list li:before{content:"";position:absolute;top:.76em;left:0;width:7px;height:7px;border-radius:50%;background:var(--doc-accent);transform:translateY(-50%)}.visitor-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.visitor-document-card{position:relative;padding-left:42px}.visitor-document-card-marker{position:absolute;top:18px;left:18px;width:10px;height:10px;border-radius:50%;background:var(--doc-accent);box-shadow:0 0 0 6px #1a82c82e}.visitor-document-emergency{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.visitor-document-emergency div{padding:15px 18px;background:#f59e0b26;border:1px solid rgba(245,158,11,.42);border-radius:8px}.visitor-document-emergency strong{display:block;color:#fbbf24;font-size:clamp(22px,2.6vw,32px);line-height:1.1}.visitor-document-emergency span{color:var(--doc-muted);font-size:clamp(12px,1.1vw,14px);font-weight:300}.visitor-document-footer{grid-column:1 / -1;padding:12px 0 4px;color:#ffffff5c;font-size:clamp(9px,.9vw,11px);letter-spacing:.16em;text-align:center;text-transform:uppercase}.markdown-content-wrap{flex:1;min-height:0;overflow:auto;padding:clamp(18px,3vw,36px);background:#111827eb}.markdown-content{width:min(900px,100%);margin:0 auto;color:var(--white);line-height:1.65}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin:0 0 16px;color:var(--white);line-height:1.18;letter-spacing:0}.markdown-content h1{font-size:clamp(28px,4vw,48px)}.markdown-content h2{margin-top:28px;padding-left:14px;border-left:3px solid var(--stopa-blue);font-size:clamp(18px,2vw,26px)}.markdown-content h3{margin-top:22px;font-size:clamp(15px,1.5vw,19px)}.markdown-content p,.markdown-content li{color:#ffffffc2;font-size:clamp(14px,1.35vw,17px);font-weight:300}.markdown-content ul{margin:0 0 18px;padding-left:22px}.markdown-content a{color:#55b7ef}.markdown-content code{background:#ffffff14;border-radius:4px;padding:2px 5px;color:var(--white)}@media (max-width: 700px){body{overflow:hidden}.screen{padding:calc(8px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(14px + env(safe-area-inset-left))}.topbar{padding:6px 0 8px;gap:12px}.logo-img{height:48px}.clock{font-size:24px}.date-label{max-width:190px;margin-left:auto;font-size:9px;line-height:1.35;letter-spacing:.12em;white-space:normal}.center{justify-content:flex-start;gap:14px;padding:16px 0 18px}.center>:first-child{margin-top:0}.center>:last-child{margin-bottom:0}.eyebrow{gap:9px}.eyebrow:before,.eyebrow:after{width:20px}.eyebrow span{font-size:9px;letter-spacing:.22em;text-align:center}.headline{font-size:44px;line-height:1}.headline.small,.checkin-headline{font-size:30px;line-height:1.08}.subline{font-size:11px;line-height:1.45;letter-spacing:.14em}.tile-grid{flex-direction:column;width:min(360px,100%)}.tile-grid.checkin-grid{grid-template-columns:1fr;width:min(360px,100%)}.tile,.tile.full-width{width:100%;height:112px;border-radius:10px}.tile.full-width{grid-column:span 1}.tile-icon{font-size:34px}.tile-label{font-size:12px;letter-spacing:.14em}.tile-sublabel{font-size:10px;line-height:1.3;letter-spacing:.1em}.lang-switcher{width:min(360px,100%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.clock-language{width:auto;display:flex;grid-template-columns:none;gap:1px;padding:3px}.clock-language .lang-btn{min-width:28px;min-height:28px;padding:4px 0;font-size:9px;letter-spacing:.04em}.clock-cluster{gap:8px}.time-stack{width:88px}.kiosk-status{max-width:min(42vw,180px);padding:2px 3px 2px 6px}.kiosk-status-label{font-size:7px;letter-spacing:.04em}.kiosk-logout-icon{width:18px;height:18px;flex-basis:18px;font-size:9px}.bottombar{align-items:stretch;flex-wrap:wrap;gap:8px}.bottombar-center{flex:1 1 100%;order:3;justify-content:stretch}.footer-code-entry{width:100%}.footer-code-label{display:none}.footer-code-entry .form-input{width:100%;min-height:34px;font-size:13px}.footer-code-entry .guid-confirm-btn{flex:0 0 auto;min-height:34px;width:auto;font-size:9px}.lang-btn{min-height:42px;padding:8px 0;font-size:12px;letter-spacing:.12em}.guid-block,.form-wrap,.content-list{width:100%;max-width:420px}.form-wrap.wide{padding-bottom:10px}.form-row,.guid-block-row{flex-direction:column;width:100%}.form-label,.guid-block-label,.food-block-title,.members-header,.required-selection-title,.required-selection-status{font-size:9px;letter-spacing:.18em}.form-input{min-height:48px;font-size:16px}.guid-confirm-btn,.form-submit{width:100%;min-height:48px;padding:12px 16px;font-size:12px;letter-spacing:.14em}.footer-code-entry .form-input{min-height:34px;font-size:13px}.footer-code-entry .guid-confirm-btn{width:auto;min-height:34px;padding:7px 10px;font-size:9px;letter-spacing:.08em}.scanner-wrap{width:min(300px,82vw);height:min(300px,82vw)}.pin-display{gap:10px}.pin-dot{width:12px;height:12px}.pin-pad{grid-template-columns:repeat(3,minmax(64px,1fr));grid-template-rows:repeat(4,56px);width:min(300px,100%);gap:8px}.pin-key{font-size:20px}.content-progress,.content-remaining{font-size:10px;line-height:1.35;letter-spacing:.12em}.content-item{grid-template-columns:24px minmax(0,1fr) 42px;gap:10px;padding:12px}.content-item-main strong{font-size:16px;line-height:1.25}.content-item-main small{font-size:10px;letter-spacing:.1em}.content-open-btn{width:38px;height:38px}.cat-group{flex-direction:column}.cat-btn{min-height:44px;font-size:12px}.required-selection-header{align-items:flex-start;flex-direction:column;gap:4px}.required-selection-row{min-height:48px;padding:11px 10px}.required-selection-main strong{font-size:15px}.menu-link{width:100%;min-height:48px;font-size:12px;letter-spacing:.12em}.checks-wrap{gap:12px}.check-row{align-items:flex-start;line-height:1.35}.check-row input{width:16px;height:16px;flex:0 0 16px;margin-top:2px}.member-edit-row{grid-template-columns:1fr}.member-del{width:100%;min-height:42px}.success-wrap{gap:14px;padding-top:10px}.success-icon{width:62px;height:62px;font-size:36px}.success-name{font-size:20px;text-align:center;overflow-wrap:anywhere}.hint{font-size:10px;line-height:1.45;text-align:center;letter-spacing:.12em}.bottombar{gap:10px;padding:8px 0 max(10px,env(safe-area-inset-bottom));font-size:8px;line-height:1.35;letter-spacing:.08em}.bottombar-left{max-width:48%}.bottombar-right{gap:5px;max-width:52%}.visitor-document-header,.visitor-document-brand,.visitor-document-emergency{display:block}.visitor-document-brand img{margin-bottom:14px}.visitor-document-meta{max-width:none;margin-top:12px;text-align:left}.visitor-document-boxes,.visitor-document-grid{grid-template-columns:1fr}.visitor-document-emergency div{margin-top:10px}.visitor-document-wrap,.markdown-content-wrap{padding:18px 14px max(24px,env(safe-area-inset-bottom))}.visitor-document{grid-template-columns:1fr;border-radius:10px}.visitor-document h1,.markdown-content h1{font-size:30px}.visitor-document-section h2{font-size:13px;line-height:1.35;letter-spacing:.12em}.visitor-document-copy,.visitor-document-list li,.markdown-content p,.markdown-content li{font-size:16px}.pdf-modal-bar{align-items:stretch;flex-direction:column;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px}.pdf-modal-title{font-size:11px;line-height:1.35;letter-spacing:.12em;overflow-wrap:anywhere}.pdf-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pdf-close-btn,.pdf-open-btn,.pdf-accept-btn{min-height:42px;padding:8px 10px;font-size:11px;letter-spacing:.1em}.pdf-img-wrap{padding:12px;align-items:flex-start}}@media (max-width: 380px){.screen{padding-left:calc(10px + env(safe-area-inset-left));padding-right:calc(10px + env(safe-area-inset-right))}.clock{font-size:21px}.date-label{display:none}.clock-language .lang-btn{min-width:25px;min-height:27px;font-size:8px}.time-stack{width:78px}.headline{font-size:38px}.headline.small,.checkin-headline{font-size:26px}.tile,.tile.full-width{height:100px}.pin-pad{grid-template-rows:repeat(4,52px)}.bottombar{display:flex}.bottombar-left,.bottombar-right{display:none}}@media (max-height: 620px) and (max-width: 900px){.screen{padding-top:calc(6px + env(safe-area-inset-top))}.topbar{padding:4px 0 6px}.logo-img{height:38px}.date-label{display:none}.clock-language{padding:2px;gap:1px}.clock-language .lang-btn{min-width:24px;min-height:25px;padding:3px 0;font-size:8px;letter-spacing:.03em}.time-stack{width:78px}.center{gap:10px;padding:10px 0}.headline{font-size:36px}.headline.small,.checkin-headline{font-size:25px}.tile,.tile.full-width{height:88px}.tile-icon{font-size:28px}.scanner-wrap{width:min(230px,58vh);height:min(230px,58vh)}.pin-pad{grid-template-rows:repeat(4,46px)}.bottombar{display:flex}.bottombar-left,.bottombar-right{display:none}}