:root{color:#f8fbff;--bg:#060812;--panel:#ffffff13;--panel-strong:#ffffff1f;--line:#ffffff24;--text-soft:#f8fbffb8;--text-faint:#f8fbff85;--green:#42ff9e;--cyan:#0bd1ff;--pink:#ff2a78;--amber:#ffc247;--dark:#041012;background:#060812;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f8fbff;background:radial-gradient(circle at 10% -10%,#42ff9e38,#0000 31%),radial-gradient(circle at 92% 0,#ff2a783d,#0000 34%),radial-gradient(circle at 50% 16%,#0bd1ff21,#0000 34%),linear-gradient(#090d19 0%,#060812 42%,#05060d 100%);min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.16;background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{width:min(100%,860px);min-height:100vh;margin:0 auto;padding:18px 16px 150px}.customer-shell{position:relative}.loading-card,.error-card{border:1px solid var(--line);background:var(--panel);border-radius:28px;gap:8px;margin-top:22px;padding:24px;display:grid;box-shadow:0 24px 70px #00000059}.loading-card strong,.error-card strong{font-size:24px}.loading-card span,.error-card span{color:var(--text-soft)}.hero{background:linear-gradient(135deg,#ffffff29,#ffffff0b),radial-gradient(circle at 0 0,#42ff9e2e,#0000 42%),radial-gradient(circle at 100% 100%,#0bd1ff24,#0000 44%);border:1px solid #ffffff29;border-radius:34px;padding:28px 22px;position:relative;overflow:hidden;box-shadow:0 26px 75px #0000006b}.hero:after{content:"";background:linear-gradient(90deg,#0000,#42ff9e40,#0bd1ff33,#0000);height:130px;position:absolute;inset:auto -20% -60%;transform:rotate(-5deg)}.hero-kicker,.hero span:first-child{color:var(--green);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:8px;font-size:12px;font-weight:950;display:inline-flex}.hero h1{letter-spacing:-.055em;color:#fff;text-transform:uppercase;max-width:720px;margin:10px 0;font-size:clamp(38px,10vw,72px);line-height:.86;position:relative}.hero p{max-width:520px;color:var(--text-soft);margin:0;font-size:16px;font-weight:700;line-height:1.45;position:relative}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex;position:relative}.hero-actions button{background:linear-gradient(90deg, var(--green), var(--cyan));color:var(--dark);border:0;border-radius:18px;padding:15px 20px;font-weight:950;box-shadow:0 14px 34px #42ff9e2e}.hero-actions span{color:var(--text-soft);font-size:14px;font-weight:850}.service-banner{border:1px solid var(--line);background:var(--panel);border-radius:22px;gap:4px;margin:14px 0 0;padding:14px 16px;display:grid}.service-banner strong{font-size:15px}.service-banner span{color:var(--text-soft);line-height:1.35}.service-banner.open{background:#42ff9e17;border-color:#42ff9e57}.service-banner.closed{background:#ff2a781a;border-color:#ff2a7861}.category-tabs{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none;scroll-snap-type:x proximity;background:#060812e0;gap:10px;margin:4px -16px 2px;padding:14px 16px;display:flex;position:sticky;top:0;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{scroll-snap-align:start;color:#fff;white-space:nowrap;background:linear-gradient(#ffffff1f,#ffffff0b);border:1px solid #ffffff24;border-radius:999px;flex:none;padding:13px 17px;font-weight:950;box-shadow:inset 0 1px #ffffff1f,0 12px 26px #00000038}.category-tab span{display:block}.category-tab:active{transform:translateY(1px)}.category-tab:hover,.category-tab:focus,.category-tab.active{background:linear-gradient(90deg, var(--green), var(--cyan));color:var(--dark);outline:none}.sport-red{border-color:#ff2a7857}.sport-blue{border-color:#0bd1ff57}.sport-yellow{border-color:#ffc24757}.sport-green{border-color:#42ff9e57}.menu-sections{gap:34px;display:grid}.menu-section{scroll-margin-top:86px}.section-heading{justify-content:space-between;align-items:end;gap:14px;margin:16px 0 13px;display:flex}.section-heading span{color:var(--green);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:950}.section-heading h2{letter-spacing:-.035em;margin:3px 0 0;font-size:clamp(26px,7vw,38px);line-height:.95}.section-heading small{color:var(--text-faint);white-space:nowrap;font-weight:800}.menu-grid{gap:14px;display:grid}.menu-card{color:#fff;text-align:left;background:linear-gradient(135deg,#ffffff1c,#ffffff0a),radial-gradient(circle at 0 0,#42ff9e18,#0000 38%);border:1px solid #ffffff21;border-radius:30px;width:100%;min-height:154px;padding:0;transition:transform .16s,border-color .16s,background .16s;overflow:hidden;box-shadow:0 20px 52px #00000052,inset 0 1px #ffffff17}.menu-card:hover{border-color:#42ff9e52;transform:translateY(-2px)}.menu-card:active{transform:scale(.99)}.menu-card-body{justify-content:space-between;gap:18px;width:100%;padding:20px;display:flex}.menu-card-copy{min-width:0}.menu-card-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--green);background:#42ff9e21;border-radius:999px;align-items:center;margin-bottom:11px;padding:7px 11px;font-size:10px;font-weight:950;display:inline-flex}.menu-card h3{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(21px,5vw,28px);line-height:1}.menu-card p{color:var(--text-soft);margin:0;font-size:14px;line-height:1.42}.menu-card-side{flex:none;align-content:space-between;justify-items:end;gap:12px;display:grid}.menu-card-side strong{color:var(--green);white-space:nowrap;font-size:clamp(24px,6vw,32px);line-height:1}.menu-card-side em{color:var(--dark);background:#fff;border-radius:999px;padding:9px 13px;font-size:13px;font-style:normal;font-weight:950}.sheet-backdrop{z-index:60;background:#000000ad;align-items:flex-end;display:flex;position:fixed;inset:0}.modifier-sheet{background:linear-gradient(#141a29,#0d111d);border-top:1px solid #ffffff29;border-radius:32px 32px 0 0;width:100%;max-height:90vh;padding:22px;overflow:auto;box-shadow:0 -26px 80px #00000075}.sheet-close{float:right;color:#fff;background:#ffffff17;border:1px solid #ffffff29;border-radius:50%;width:44px;height:44px;font-size:26px;font-weight:800}.modifier-sheet h2{letter-spacing:-.035em;margin:6px 52px 8px 0;font-size:clamp(28px,8vw,44px);line-height:.95}.sheet-description,.sheet-muted{color:var(--text-soft);line-height:1.45}.sheet-price{color:var(--green);font-size:24px;font-weight:950}.modifier-group{margin-top:20px}.modifier-group h3{justify-content:space-between;align-items:center;gap:12px;display:flex}.modifier-group h3>span{color:#fff;font-size:18px}.modifier-group h3 small{font-size:12px;font-weight:900}.rule-ok{color:var(--text-faint)}.rule-needed{color:var(--pink)}.modifier-count{color:var(--text-faint);margin:-6px 0 10px;font-weight:750}.modifier-warning{color:#ff8eab;margin:-6px 0 10px;font-weight:850}.modifier-options{gap:10px;display:grid}.modifier-option{color:#fff;text-align:left;background:#ffffff13;border:1px solid #ffffff21;border-radius:20px;justify-content:space-between;gap:14px;width:100%;padding:15px;display:flex}.modifier-option b{font-weight:950}.modifier-option em{color:var(--text-faint);margin-top:4px;font-size:12px;font-style:normal;display:block}.modifier-option strong{color:var(--green);white-space:nowrap}.modifier-option.selected{color:var(--dark);background:linear-gradient(90deg,#42ff9ef5,#0bd1ffdb);border-color:#ffffff94;font-weight:950}.modifier-option.selected strong,.modifier-option.selected em{color:#000000a8}.modifier-option.blocked{opacity:.45}.add-order-btn{background:linear-gradient(90deg, var(--green), var(--cyan));width:100%;color:var(--dark);border:0;border-radius:20px;margin-top:18px;padding:18px;font-size:18px;font-weight:950;position:sticky;bottom:0;box-shadow:0 -12px 38px #00000038,0 14px 34px #42ff9e24}.add-order-btn:disabled{opacity:.5}.basket-bar{z-index:50;color:var(--dark);background:linear-gradient(135deg,#42ff9ef7,#0bd1fff0);border:1px solid #ffffff2e;border-radius:26px;grid-template-columns:1fr auto;align-items:center;gap:10px 14px;padding:15px;font-weight:950;display:grid;position:fixed;bottom:14px;left:max(14px,50vw - 416px);right:max(14px,50vw - 416px);box-shadow:0 24px 74px #0000008c}.basket-bar.empty{background:linear-gradient(135deg,#ffffffed,#dcfaffe6)}.basket-summary{gap:2px;display:grid}.basket-summary strong{text-transform:uppercase;letter-spacing:.05em;font-size:16px}.basket-summary span{font-size:22px;line-height:1}.basket-preview{scrollbar-width:none;grid-column:1/-1;gap:7px;display:flex;overflow-x:auto}.basket-preview::-webkit-scrollbar{display:none}.basket-preview>span{color:var(--dark);white-space:nowrap;background:#00000021;border-radius:999px;flex:none;align-items:center;gap:6px;max-width:180px;padding:8px 10px;font-size:12px;display:inline-flex}.basket-preview button{width:20px;height:20px;color:var(--dark);background:#0000002e;border:0;border-radius:50%;font-weight:950;line-height:1}.basket-bar>button,.basket-checkout{color:#fff;white-space:nowrap;background:#06100a;border:0;border-radius:18px;padding:14px 18px;font-weight:950}.checkout-sheet{padding-bottom:28px}.checkout-title span,.confirmed-badge{color:var(--green);text-transform:uppercase;letter-spacing:.12em;background:#42ff9e21;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:950;display:inline-flex}.checkout-title h2{margin-bottom:6px}.checkout-title p{color:var(--text-soft);margin:0}.checkout-items{gap:10px;margin:18px 0;display:grid}.checkout-row,.checkout-total{background:#ffffff13;border:1px solid #ffffff17;border-radius:18px;justify-content:space-between;gap:14px;padding:14px;display:flex}.checkout-row div{gap:5px;display:grid}.checkout-row small{color:var(--text-faint);line-height:1.35}.checkout-row span{color:var(--green);white-space:nowrap;font-weight:950}.checkout-total{background:#42ff9e24;border:1px solid #42ff9e57;align-items:center;margin:18px 0}.checkout-total span{color:var(--text-soft);font-weight:850}.checkout-total strong{color:var(--green);font-size:24px}.checkout-field{color:var(--text-soft);gap:8px;margin:14px 0;font-weight:900;display:grid}.checkout-field input,.checkout-field textarea{color:#fff;background:#ffffff16;border:1px solid #ffffff24;border-radius:18px;outline:none;width:100%;padding:15px}.checkout-field input:focus,.checkout-field textarea:focus{border-color:#42ff9e8c;box-shadow:0 0 0 3px #42ff9e1c}.checkout-field textarea{resize:vertical;min-height:92px}.checkout-error{color:#ff9bad;margin:0 0 12px;font-weight:900}.kitchen-shell{color:#fff;background:#080b12;min-height:100vh;padding:18px}.kitchen-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.kitchen-header span{color:var(--green);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:950}.kitchen-header h1{margin:4px 0 0;font-size:clamp(30px,6vw,54px)}.kitchen-header p{color:#ffffff9e;margin:8px 0 0;font-weight:800}.kitchen-header button,.ticket-action{background:linear-gradient(90deg, var(--green), var(--cyan));color:var(--dark);border:0;border-radius:18px;padding:14px 18px;font-weight:950}.kitchen-grid,.kitchen-columns,.kitchen-column{gap:16px;display:grid}.kitchen-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:28px;padding:18px;box-shadow:0 22px 54px #0000004d}.ticket-top,.checkout-total{justify-content:space-between;gap:14px;display:flex}.ticket-top strong{font-size:34px;display:block}.ticket-top span{text-transform:uppercase;color:#ffffffb8;font-size:20px;font-weight:900}.ticket-top em{color:var(--green);font-size:20px;font-style:normal;font-weight:950}.ticket-status{color:var(--green);background:#42ff9e24;border-radius:999px;margin:16px 0;padding:8px 13px;font-weight:950;display:inline-flex}.ticket-items{gap:14px;display:grid}.ticket-item{background:#00000038;border-radius:18px;padding:14px}.ticket-item b{font-size:21px}.ticket-item ul{color:#ffffffb8;margin:10px 0 0;padding-left:20px}.ticket-note{color:#ff9bad;background:#ff5c7a24;border-radius:16px;margin:16px 0 0;padding:14px;font-weight:850}.kitchen-empty{color:#ffffffb3;text-align:center;background:#ffffff14;border-radius:24px;padding:30px}.kitchen-column h2{background:#ffffff14;border-radius:18px;justify-content:space-between;align-items:center;margin:0;padding:14px 16px;font-size:18px;display:flex}.kitchen-column h2 small{background:var(--green);min-width:34px;height:34px;color:var(--dark);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.age-good{color:var(--green)!important}.age-warn{color:var(--amber)!important}.status-NEW{border-color:#42ff9e59}.status-PREPARING{border-color:#ffc10773}.status-READY{border-color:#0bd1ff8c}@media (width>=760px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modifier-sheet{border-radius:34px 34px 0 0;max-width:760px;margin:0 auto}}@media (width>=900px){.kitchen-grid,.kitchen-columns{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=520px){.app-shell{padding-left:13px;padding-right:13px}.hero{padding:24px 18px}.menu-card-body{padding:18px}.menu-card-side strong{font-size:24px}.basket-bar{grid-template-columns:1fr}.basket-bar>button,.basket-checkout{width:100%}}.sheet-running{color:#ffffff8c;margin-top:-8px;margin-bottom:22px;font-size:13px;font-weight:800}.modifier-group{background:#ffffff0a;border-radius:24px;margin-bottom:18px;padding:18px}.modifier-group h3{margin-top:0}.rule-needed{color:#ff8fa6;font-weight:900}.modifier-warning{background:#ff3c641a;border-radius:14px;padding:10px 14px}.modifier-option{transition:all .18s}.modifier-option:hover{transform:translateY(-1px)}.modifier-option.selected{transform:scale(1.01)}.confirmed-badge{margin-bottom:18px}.checkout-title{margin-bottom:24px}.checkout-row{align-items:center}.checkout-row strong{font-size:17px}.checkout-field label{font-weight:900}