.kd{position:relative;min-height:100svh;background:linear-gradient(180deg,#101316,#15181b 30%,#181c20);color:#edeae0;font-family:var(--font-barlow),system-ui,sans-serif;-webkit-font-smoothing:antialiased}.kd ::selection{background:#2e7d52;color:#edeae0}.kd input{font-family:inherit}@keyframes kdTicketIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes kdReadyPulse{0%,to{box-shadow:0 0 0 0 rgba(46,125,82,.5),0 10px 22px -8px rgba(0,0,0,.7)}50%{box-shadow:0 0 0 7px rgba(46,125,82,0),0 10px 22px -8px rgba(0,0,0,.7)}}@keyframes kdChimeFlash{0%,to{background:transparent}40%{background:rgba(127,183,154,.18)}}.kd-strip{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 14px;border-bottom:1px solid rgba(237,234,224,.1);font-family:var(--font-plex-mono),monospace;font-size:10px;letter-spacing:.1em;color:rgba(237,234,224,.42)}.kd-strip-links{display:flex;gap:14px;flex-shrink:0}.kd-strip-link{color:rgba(237,234,224,.5);text-decoration:none}.kd-strip-link:hover{color:#edeae0}.kd-strip-link--green{color:#7fb79a;text-decoration:none}.kd-strip-link--green:hover{text-decoration:underline}.kd-strip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kd-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(237,234,224,.14);background:rgba(16,19,22,.94);backdrop-filter:blur(10px)}.kd-brand{font-family:var(--font-barlow-sc),sans-serif;font-weight:800;font-size:18px;letter-spacing:.02em;line-height:1;white-space:nowrap}.kd-brand span{color:#7fb79a}.kd-head-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.kd-clock{font-family:var(--font-plex-mono),monospace;font-size:12px;font-weight:600;color:rgba(237,234,224,.75);white-space:nowrap;font-variant-numeric:tabular-nums}.kd-sound-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;min-height:40px;padding:0 10px;border:1px solid rgba(237,234,224,.28);border-radius:4px;background:transparent;color:rgba(237,234,224,.8);cursor:pointer;font-family:var(--font-plex-mono),monospace;font-size:10px;letter-spacing:.08em;font-weight:600}.kd-sound-btn[data-on=true]{border-color:rgba(127,183,154,.55);color:#7fb79a;background:rgba(46,125,82,.14)}.kd-sound-btn:hover{border-color:rgba(237,234,224,.5)}.kd-more-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 10px;border:1px solid rgba(237,234,224,.28);border-radius:4px;background:transparent;color:rgba(237,234,224,.75);cursor:pointer;font-family:var(--font-plex-mono),monospace;font-size:14px;font-weight:700;line-height:1}.kd-more-btn:hover{border-color:rgba(237,234,224,.5);color:#edeae0}.kd-tabs{position:sticky;top:53px;z-index:19;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-bottom:1px solid rgba(237,234,224,.14);background:rgba(16,19,22,.96);backdrop-filter:blur(10px)}.kd-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 6px 11px;border:none;border-bottom:3px solid transparent;background:transparent;color:rgba(237,234,224,.5);cursor:pointer;font-family:var(--font-barlow-sc),sans-serif;font-weight:800;font-size:14px;letter-spacing:.06em}.kd-tab[data-active=true]{color:#edeae0;border-bottom-color:#7fb79a;background:rgba(237,234,224,.04)}.kd-tab[data-seg=serve][data-active=true]{color:#7fb79a;border-bottom-color:#2e7d52}.kd-tab-count{font-family:var(--font-plex-mono),monospace;font-size:12px;font-weight:600;letter-spacing:0;opacity:.75}.kd-tab[data-active=true] .kd-tab-count{opacity:1}.kd-tab[data-alert=true] .kd-tab-count{color:#d96a5a}.kd-main{padding:14px 14px 88px}.kd-lane{display:none;flex-direction:column;gap:12px}.kd-lane[data-active=true]{display:flex}.kd-lane-head{display:none}.kd-empty{border:1.5px dashed rgba(237,234,224,.2);border-radius:5px;padding:28px 16px;text-align:center;font-family:var(--font-plex-mono),monospace;font-size:11px;letter-spacing:.12em;color:rgba(237,234,224,.38);line-height:1.9}.kd-empty a{color:#7fb79a;text-decoration:none}.kd-ticket{background:#f8f4e8;color:#23201a;border-radius:6px;box-shadow:0 8px 20px -8px rgba(0,0,0,.7);animation:kdTicketIn .35s ease both;overflow:hidden}.kd-ticket--ready{border-left:5px solid #2e7d52;animation:kdReadyPulse 2.2s ease infinite}.kd-ticket-top{padding:14px 16px 12px;border-bottom:1.5px dashed rgba(35,32,26,.3);display:flex;justify-content:space-between;align-items:center;gap:10px}.kd-ticket-id{font-family:var(--font-barlow-sc),sans-serif;font-weight:800;font-size:22px;letter-spacing:.02em;line-height:1}.kd-ticket-meta{font-size:11px;color:rgba(35,32,26,.72);overflow:hidden;text-overflow:ellipsis;max-width:46%;text-align:right}.kd-badge,.kd-ticket-meta{font-family:var(--font-plex-mono),monospace;white-space:nowrap}.kd-badge{font-size:10px;font-weight:700;letter-spacing:.12em;color:#2c50b0;border:1.5px solid #2c50b0;border-radius:3px;padding:3px 8px}.kd-ticket-items{padding:12px 16px 8px;display:flex;flex-direction:column;gap:8px}.kd-item{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600}.kd-item-q{margin-left:auto;font-family:var(--font-plex-mono),monospace;font-size:13px;font-weight:600;color:rgba(35,32,26,.72);white-space:nowrap}.kd-progress{margin:6px 16px 4px;height:5px;border-radius:3px;background:rgba(35,32,26,.12);overflow:hidden}.kd-progress>i{display:block;height:100%;border-radius:3px;transition:width 1s linear}.kd-ticket-foot{padding:10px 16px 14px;display:flex;flex-direction:column;gap:10px}.kd-timer{font-family:var(--font-plex-mono),monospace;font-size:13px;font-weight:700;color:rgba(35,32,26,.65);white-space:nowrap}.kd-timer[data-late=true]{color:#c13a2a}.kd-timer span{color:rgba(35,32,26,.72);font-weight:500}.kd-cta{width:100%;min-height:52px;border:none;border-radius:5px;font-family:var(--font-barlow-sc),sans-serif;font-weight:800;font-size:20px;letter-spacing:.08em;cursor:pointer;line-height:1}.kd-cta--start{background:#23201a;color:#f8f4e8}.kd-cta--ready,.kd-cta--start:hover{background:#2e7d52}.kd-cta--ready{color:#f8f4e8}.kd-cta--ready:hover{filter:brightness(1.12)}.kd-cta--serve{background:#2e7d52;color:#f8f4e8;flex:1;min-height:52px}.kd-cta--serve:hover{filter:brightness(1.12)}.kd-otp-label{font-family:var(--font-plex-mono),monospace;font-size:10px;letter-spacing:.12em;color:rgba(35,32,26,.55);margin-bottom:8px}.kd-otp-label em{font-style:normal;color:rgba(35,32,26,.35)}.kd-otp-row{display:flex;gap:8px;align-items:stretch}.kd-otp-input{width:96px;min-height:52px;padding:8px 6px;border:1.5px solid rgba(35,32,26,.45);border-radius:5px;background:#fffdf4;outline:none;font-family:var(--font-plex-mono),monospace;font-weight:700;font-size:20px;letter-spacing:.3em;text-align:center;color:#23201a;box-sizing:border-box}.kd-otp-input[data-err=true]{border-color:#c13a2a}.kd-otp-err{margin-top:8px;font-family:var(--font-plex-mono),monospace;font-size:10.5px;letter-spacing:.08em;color:#c13a2a}.kd-history{margin-top:18px;padding-top:14px;border-top:1px solid rgba(237,234,224,.12)}.kd-history-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-family:var(--font-barlow-sc),sans-serif;font-weight:800;font-size:12px;letter-spacing:.08em;color:rgba(237,234,224,.45)}.kd-history-head span{margin-left:auto;font-family:var(--font-plex-mono),monospace;font-size:11px;font-weight:600}.kd-history-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.kd-history-chip{flex:0 0 auto;background:rgba(237,234,224,.06);border:1px solid rgba(237,234,224,.12);border-radius:4px;padding:8px 12px;font-family:var(--font-barlow-sc),sans-serif;font-weight:700;font-size:13px;color:rgba(237,234,224,.55);white-space:nowrap}.kd-history-chip em{font-style:normal;font-family:var(--font-plex-mono),monospace;font-size:11px;font-weight:600;color:#7fb79a;margin-left:8px}.kd-sheet-bg{position:fixed;inset:0;z-index:50;background:rgba(8,10,12,.72);display:flex;align-items:flex-end;justify-content:center}.kd-sheet{width:min(440px,100%);max-height:min(88svh,640px);overflow:auto;background:#f8f4e8;color:#23201a;border-radius:14px 14px 0 0;box-shadow:0 -20px 50px -12px rgba(0,0,0,.7);padding:18px 20px 28px;box-sizing:border-box}.kd-sheet-handle{width:40px;height:4px;border-radius:2px;background:rgba(35,32,26,.18);margin:0 auto 14px}.kd-sheet-title{font-family:var(--font-barlow-sc),sans-serif;font-weight:800;font-size:20px;margin:0 0 4px}.kd-sheet-sub{font-family:var(--font-plex-mono),monospace;font-size:10px;letter-spacing:.12em;color:rgba(35,32,26,.5);margin:0 0 16px}.kd-canteen-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.kd-canteen-btn{padding:10px 14px;border:1.5px solid rgba(35,32,26,.28);border-radius:4px;background:transparent;color:#23201a;cursor:pointer;font-family:var(--font-barlow-sc),sans-serif;font-size:14px;letter-spacing:.03em;font-weight:700}.kd-canteen-btn[data-active=true]{background:#23201a;color:#f8f4e8;border-color:#23201a}.kd-special-open{width:100%;min-height:48px;border:1.5px solid #2e7d52;border-radius:5px;background:rgba(46,125,82,.1);color:#2e7d52;font-family:var(--font-barlow-sc),sans-serif;font-weight:800;font-size:15px;letter-spacing:.04em;cursor:pointer}.kd-sheet-close{width:100%;margin-top:12px;padding:12px 0;border:none;background:none;color:rgba(35,32,26,.55);font-weight:600;font-size:14px;cursor:pointer;font-family:var(--font-barlow),sans-serif}.kd-modal-bg{position:fixed;inset:0;z-index:60;background:rgba(8,10,12,.7);display:grid;place-items:center;padding:16px;box-sizing:border-box}.kd-modal{width:min(430px,100%);background:#f8f4e8;color:#23201a;border-radius:6px;box-shadow:0 30px 60px -12px rgba(0,0,0,.8);padding:24px 22px;box-sizing:border-box;max-height:90svh;overflow:auto}.kd-green-btn{border:none;border-radius:4px;background:#2e7d52;color:#f8f4e8;font-weight:700;cursor:pointer;font-family:var(--font-barlow),sans-serif;white-space:nowrap}.kd-green-btn:hover{filter:brightness(1.15)}.kd-cancel-btn{width:100%;padding:9px 0;margin-top:6px;border:none;background:none;color:rgba(35,32,26,.55);font-weight:600;font-size:14px;cursor:pointer;font-family:var(--font-barlow),sans-serif}.kd-cancel-btn:hover{color:#c13a2a}.kd-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:70;background:#2e7d52;color:#f8f4e8;border-radius:5px;padding:12px 22px;font-weight:700;font-size:15px;box-shadow:0 12px 30px -6px rgba(0,0,0,.7);font-family:var(--font-barlow),sans-serif;max-width:calc(100vw - 32px);text-align:center}.kd-chime-banner{display:none;padding:8px 14px;font-family:var(--font-plex-mono),monospace;font-size:11px;letter-spacing:.1em;color:#7fb79a;text-align:center;border-bottom:1px solid rgba(127,183,154,.25);animation:kdChimeFlash 1.2s ease 2}.kd-chime-banner[data-show=true]{display:block}@media (min-width:768px){.kd-strip{padding:8px 28px;font-size:11px}.kd-strip-links{gap:24px}.kd-head{padding:14px 28px 12px;gap:20px}.kd-brand{font-size:24px}.kd-clock{font-size:14px}.kd-tabs{display:none}.kd-main{display:grid;grid-template-columns:1fr 1fr 1.08fr;gap:22px;padding:22px 28px 48px;align-items:start}.kd-lane{display:flex!important}.kd-lane-head{display:flex;align-items:center;gap:10px;margin-bottom:4px;padding-bottom:10px;border-bottom:2px solid rgba(237,234,224,.25)}.kd-lane-head[data-seg=serve]{border-bottom-color:#2e7d52}.kd-lane-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.kd-lane-label{font-family:var(--font-barlow-sc),sans-serif;font-weight:800;font-size:17px;letter-spacing:.06em;color:#edeae0}.kd-lane-head[data-seg=serve] .kd-lane-label{color:#7fb79a}.kd-lane-count{margin-left:auto;font-family:var(--font-plex-mono),monospace;font-size:13px;font-weight:600;color:rgba(237,234,224,.6)}.kd-history{grid-column:1/-1;margin-top:8px}.kd-sheet-bg{align-items:center}.kd-sheet{border-radius:8px;max-height:min(80svh,560px)}.kd-cta{font-size:18px;min-height:48px}}@media (max-width:420px){.kd-strip-label{max-width:42vw}.kd-brand{font-size:16px}.kd-ticket-id{font-size:20px}.kd-cta{font-size:18px}}