:root{--bg:#0a0a0f;--surface:#111118;--card:#16161f;--border:#2a2a3a;--accent:#6c63ff;--accent2:#00d4aa;--text:#e8e8f0;--muted:#6b6b80;--blind:#a78bfa;--cognitive:#34d399;--motor:#fb923c;--radius:16px;--radius-sm:10px}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 20% 10%,#6c63ff1f 0%,#0000 60%),radial-gradient(50% 40% at 80% 80%,#00d4aa14 0%,#0000 60%);position:fixed;inset:0}.shell{z-index:1;max-width:1160px;margin:0 auto;padding:0 24px 60px;position:relative}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:30px;padding:26px 0 28px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.logo-text{font-family:Syne,sans-serif;font-size:22px;font-weight:800}.logo-text span{color:var(--accent2)}.badge{color:var(--accent);background:#6c63ff26;border:1px solid #6c63ff66;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.mode-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:600}.mode-tabs{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.mode-tab{border:1.5px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mode-tab:hover{border-color:var(--accent);color:var(--text)}.mode-tab.active[data-mode=blind]{border-color:var(--blind);color:var(--blind);background:#a78bfa1f}.mode-tab.active[data-mode=cognitive]{border-color:var(--cognitive);color:var(--cognitive);background:#34d3991f}.mode-tab.active[data-mode=motor]{border-color:var(--motor);color:var(--motor);background:#fb923c1f}.mode-tab.active[data-mode=normal]{border-color:var(--accent);color:var(--accent);background:#6c63ff1f}.dot{border-radius:50%;width:8px;height:8px}.dot-blind{background:var(--blind)}.dot-cognitive{background:var(--cognitive)}.dot-motor{background:var(--motor)}.dot-normal{background:var(--accent)}.main-grid{grid-template-columns:1fr 380px;align-items:start;gap:20px;display:grid}.kiosk-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-height:600px;overflow:hidden}.kiosk-topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.kiosk-topbar-title{margin:0;font-family:Syne,sans-serif;font-size:15px;font-weight:700}.kiosk-status{color:var(--accent2);align-items:center;gap:6px;font-size:12px;display:flex}.status-dot{background:var(--accent2);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes float{0%{transform:translateY(0);box-shadow:0 10px 40px #6c63ff4d}50%{transform:translateY(-10px);box-shadow:0 25px 50px #6c63ff80}to{transform:translateY(0);box-shadow:0 10px 40px #6c63ff4d}}.kiosk-body{padding:26px 22px}.screen{display:none}.screen.active{display:block}#screen-landing{z-index:99999;background-color:var(--bg);text-align:center;background-image:radial-gradient(circle,#6c63ff26 0%,#0000 80%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px;position:fixed;top:0;left:0}#screen-landing.active{display:flex!important}.voice-input-bar{border-radius:var(--radius-sm);background:#a78bfa12;border:1.5px solid #a78bfa4d;align-items:center;gap:10px;margin-bottom:14px;padding:12px 16px;display:none}body.blind-mode .voice-input-bar{display:flex}.mic-btn{background:var(--blind);cursor:pointer;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:all .2s;display:flex}.mic-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.mic-btn.listening{background:#7c3aed;animation:1s infinite micPulse}@keyframes micPulse{0%,to{box-shadow:0 0 #a78bfa99}50%{box-shadow:0 0 0 10px #a78bfa00}}.voice-waves{align-items:center;gap:3px;display:flex}.voice-wave{background:var(--blind);border-radius:2px;width:3px;animation:.8s ease-in-out infinite wv}.voice-wave:first-child{height:8px}.voice-wave:nth-child(2){height:16px;animation-delay:.1s}.voice-wave:nth-child(3){height:12px;animation-delay:.2s}.voice-wave:nth-child(4){height:20px;animation-delay:.15s}.voice-wave:nth-child(5){height:10px;animation-delay:50ms}@keyframes wv{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.8)}}.voice-status-text{color:var(--blind);flex:1;font-size:13px;font-weight:500}.voice-hint{color:var(--muted);background:var(--surface);border-radius:8px;margin-bottom:14px;padding:9px 14px;font-size:12px;line-height:1.7;display:none}body.blind-mode .voice-hint{display:block}.gaze-hint{color:var(--muted);background:#fb923c0d;border:1px solid #fb923c33;border-radius:8px;margin-bottom:14px;padding:9px 14px;font-size:12px;line-height:1.7;display:none}body.motor-mode .gaze-hint{display:block}#gaze-cursor{border:2.5px solid var(--motor);pointer-events:none;z-index:9999;background:#fb923c1a;border-radius:50%;width:44px;height:44px;display:none;position:fixed;transform:translate(-50%,-50%)}body.motor-mode #gaze-cursor{display:block}#gaze-cursor .ring{border:1.5px solid #fb923c59;border-radius:50%;animation:2s linear infinite spin;position:absolute;inset:-6px}@keyframes spin{to{transform:rotate(360deg)}}.gaze-el{position:relative;overflow:hidden}.gaze-bar{background:var(--motor);pointer-events:none;width:0%;height:4px;transition:width 30ms linear;position:absolute;bottom:0;left:0}.mode-info-bar{border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:18px;padding:11px 14px;font-size:13px;font-weight:500;display:flex}.mode-info-bar.blind{color:var(--blind);background:#a78bfa1a;border:1px solid #a78bfa4d}.mode-info-bar.cognitive{color:var(--cognitive);background:#34d3991a;border:1px solid #34d3994d}.mode-info-bar.motor{color:var(--motor);background:#fb923c1a;border:1px solid #fb923c4d}.mode-info-bar.normal{display:none}.menu-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}body.cognitive-mode .menu-grid{grid-template-columns:1fr}.menu-item{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;color:var(--text);outline:none;padding:16px;font-family:inherit;transition:all .2s;position:relative;overflow:hidden}.menu-item:hover,.menu-item:focus-visible{border-color:var(--accent);background:#6c63ff14}.menu-item-emoji{margin-bottom:8px;font-size:28px;display:block}.menu-item-name{margin-bottom:4px;font-size:15px;font-weight:600}.menu-item-desc{color:var(--muted);font-size:12px;line-height:1.4}.menu-item-price{color:var(--accent2);margin-top:8px;font-size:16px;font-weight:700}body.cognitive-mode .menu-item-name{font-size:20px}body.cognitive-mode .menu-item-emoji{font-size:42px}body.cognitive-mode .menu-item-price{font-size:20px}body.cognitive-mode .menu-item{padding:20px}.transit-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}body.cognitive-mode .transit-grid{grid-template-columns:1fr}.transit-card.menu-item:hover,.transit-card.menu-item:focus-visible{background:#eab30814;border-color:#eab308}.transit-card .menu-item-emoji{text-align:center;margin-bottom:12px;font-size:42px;display:block}.transit-card .menu-item-name{text-align:center;margin-bottom:6px;font-size:18px}.transit-card .menu-item-desc{text-align:center}.emergency-card.menu-item{color:#fff;background:#dc2626;border-color:#ef4444}.emergency-card.menu-item:hover,.emergency-card.menu-item:focus-visible{background:#b91c1c;border-color:#f87171}.btn{cursor:pointer;border:none;border-radius:50px;outline:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:12px 22px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover,.btn-primary:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);background:#7c74ff}.btn-outline{border:1.5px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover,.btn-outline:focus-visible{border-color:var(--accent);color:var(--accent)}.btn-success{background:var(--accent2);color:#0a0a0f}.btn-success:focus-visible{box-shadow:0 0 0 2px #fff}.btn-pay{color:#fff;background:linear-gradient(135deg,#6c63ff,#00d4aa);padding:14px;font-size:15px}.cart-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.cart-item-info{align-items:center;gap:12px;display:flex}.cart-item-emoji{font-size:22px}.cart-item-name{font-size:14px;font-weight:500}.cart-item-price{color:var(--accent2);font-weight:700}.cart-total{justify-content:space-between;padding:14px 0 0;font-size:16px;font-weight:700;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:20px;font-size:12px;display:flex}.breadcrumb-step{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:4px 12px}.breadcrumb-step.done{color:var(--accent2);border-color:#00d4aa4d}.breadcrumb-step.current{color:var(--text);border-color:var(--accent);background:#6c63ff1a}.payment-methods{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.payment-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:center;color:var(--text);outline:none;padding:16px;font-family:inherit;transition:all .2s;position:relative;overflow:hidden}.payment-card:hover,.payment-card:focus-visible,.payment-card.selected,.payment-card[aria-checked=true]{border-color:var(--accent2);background:#00d4aa14}.payment-card-icon{margin-bottom:6px;font-size:28px;display:block}.payment-card-name{font-size:13px;font-weight:600}.payment-card-sub{color:var(--muted);margin-top:2px;font-size:11px}.nfc-area{background:var(--surface);border-radius:var(--radius);text-align:center;border:2px dashed #00d4aa66;flex-direction:column;align-items:center;margin-bottom:12px;padding:22px;animation:2s infinite bp;display:none}.nfc-area.active{display:flex}@keyframes bp{0%,to{border-color:#00d4aa4d}50%{border-color:#00d4aae6}}.nfc-icon{background:#00d4aa1a;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:10px;font-size:30px;display:flex;position:relative}.nfc-ripple{border:2px solid #00d4aa66;border-radius:50%;animation:2s infinite rp;position:absolute;inset:-8px}.nfc-ripple:nth-child(2){animation-delay:.5s;inset:-18px}@keyframes rp{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}.success-anim{text-align:center;padding:40px 20px}.success-circle{border:2px solid var(--accent2);background:#00d4aa26;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:36px;animation:.4s cubic-bezier(.34,1.56,.64,1) pop;display:flex}@keyframes pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-title{margin:0 0 8px;font-family:Syne,sans-serif;font-size:24px;font-weight:800}.success-amount{color:var(--accent2);margin-bottom:8px;font-size:32px;font-weight:700}.success-sub{color:var(--muted);margin-bottom:28px;font-size:14px}.side-panel{flex-direction:column;gap:16px;display:flex}.panel-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-header{background:var(--surface);border-bottom:1px solid var(--border);letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0;padding:13px 18px;font-size:11px;font-weight:700}.panel-body{padding:16px 18px}.log-list{flex-direction:column;gap:7px;max-height:230px;display:flex;overflow-y:auto}.log-item{background:var(--surface);border-left:3px solid #0000;border-radius:8px;gap:10px;padding:7px 10px;font-size:12px;line-height:1.5;animation:.3s si;display:flex}@keyframes si{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.log-item.voice{border-color:var(--blind)}.log-item.action{border-color:var(--accent)}.log-item.payment{border-color:var(--accent2)}.log-item.gaze{border-color:var(--motor)}.log-item.asr{border-color:#f59e0b}.log-time{color:var(--muted);white-space:nowrap}.log-msg{color:var(--text)}.feature-list{flex-direction:column;gap:10px;display:flex}.feature-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.feature-name{color:var(--muted)}.feature-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.feature-badge.on{color:var(--accent2);background:#00d4aa26}.feature-badge.off{color:var(--muted);background:#6b6b8026}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.step-counter{color:var(--muted);margin-bottom:6px;font-size:13px;display:none}body.cognitive-mode .step-counter{display:block}.simplified-guide{border-radius:var(--radius-sm);color:var(--cognitive);background:#34d39914;border:1px solid #34d39933;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:17px;font-weight:600;display:none}body.cognitive-mode .simplified-guide{display:flex}.section-title{margin:0 0 6px;font-family:Syne,sans-serif;font-size:24px;font-weight:800}.section-sub{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.6}.a11y-banner{background:var(--surface);border-bottom:2px solid var(--accent);color:var(--text);text-align:center;letter-spacing:.5px;padding:12px;font-size:13px;font-weight:500}.a11y-banner strong{color:var(--accent2)}body.blind-mode .a11y-banner{border-bottom-color:var(--blind)}body.motor-mode .a11y-banner{border-bottom-color:var(--motor)}#cv-container{z-index:9998;border-radius:var(--radius-sm);border:2px solid var(--motor);background:#000;width:240px;height:180px;position:fixed;top:16px;left:16px;overflow:hidden;box-shadow:0 4px 20px #00000080;display:none!important}body.motor-mode #cv-container{display:block!important}#cv-container canvas{object-fit:cover;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.cv-status{color:#fff;z-index:3;white-space:nowrap;background:#000000b3;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}