:root{color-scheme:dark;--bg:#09090b;--text:#f8f5fc;--muted:#aca2b4;--accent:#c5b1f4;--ink:#22172f;--panel:#27222c;--line:#ffffff18}*{box-sizing:border-box}body{margin:0;color:var(--text);background:#21152f;font:14px/1.5 Manrope,Arial,sans-serif}button,input,select,textarea,a{font:inherit;-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{border:0;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.3}button,a,input,select,textarea{outline-offset:5px}:focus-visible{outline:2px solid var(--accent)}a{color:inherit}button{transition:transform .18s,background .18s}button:active{transform:scale(.975)}.skip{position:fixed;top:-80px;left:10px;z-index:100;background:var(--accent);color:var(--ink);padding:12px}.skip:focus{top:10px}.stage{min-height:100dvh;display:grid;place-items:start center;position:relative;overflow:hidden;background:repeating-linear-gradient(151deg,transparent 0 190px,#120b1c77 193px 205px,transparent 208px 410px),radial-gradient(ellipse at 20% 10%,#422849,transparent 60%),#21152f}.phone{width:100%;max-width:430px;min-height:100dvh;position:relative;background:radial-gradient(ellipse at 22% 36%,#3b202f88 0,transparent 58%),radial-gradient(ellipse at 90% 2%,#23122a55,transparent 50%),#09090b;padding:27px 23px 124px;isolation:isolate}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;height:50px;margin-bottom:37px}.identity{display:flex;align-items:center;gap:10px}.avatar{height:43px;width:43px;background:var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--ink)}.avatar svg{width:25px;height:25px}.brand{font-size:14px;font-weight:600;letter-spacing:-.4px}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:0;margin-top:1px}.round{width:46px;height:46px;border-radius:50%;background:#ffffff21;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.round:hover{background:#ffffff35}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.top .step-count{color:var(--muted);font-size:11px;letter-spacing:1px}.screen{animation:arrive .25s ease-out}h1{font-size:36px;font-weight:450;line-height:1.18;letter-spacing:-1.65px;margin:0 0 15px;max-width:350px}h1 span{display:block}h2{font-weight:500;font-size:17px;letter-spacing:-.4px;margin:0 0 14px}p{margin:0}.lead{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 24px;max-width:310px}.chips{display:flex;gap:8px;margin:24px 0 15px}.chip{border-radius:25px;padding:10px 16px;background:#ffffff23;color:#ece4f4;font-size:11px;white-space:nowrap}.chip.selected{background:#f1e7fb;color:#24192d}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.format-card{height:181px;border-radius:26px;overflow:hidden;background:#c5b0f5;color:#17131e;position:relative;text-align:left;padding:15px;isolation:isolate}.format-card:nth-child(2){background:#d7c6f7}.format-card:nth-child(3){background:#b7a4dc}.format-card:nth-child(4){background:#dfcff4}.format-card>img{position:absolute;width:205px;height:205px;object-fit:contain;right:-42px;top:-52px;z-index:-1}.format-card:nth-child(2)>img{width:191px;height:191px;right:-38px;top:-34px}.format-card:nth-child(3)>img{right:-27px;top:-33px;transform:rotate(15deg)}.format-card:nth-child(4)>img{right:-55px;top:-42px}.card-arrow{background:#fff7ff;color:#17111e;position:absolute;right:11px;top:11px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;z-index:1}.card-arrow .icon{width:21px;height:21px;transform:rotate(-40deg)}.card-bottom{position:absolute;left:15px;right:12px;bottom:14px}.tag{font-size:9px;background:#59427850;color:white;border-radius:15px;padding:3px 7px;display:inline-block;margin-bottom:7px;font-weight:500}.card-bottom strong{display:block;font-size:17px;letter-spacing:-.6px;line-height:1.2;font-weight:550}.card-bottom small{display:block;font-size:10px;margin-top:4px;opacity:.75}.page-note{font-size:10px;color:var(--muted);line-height:1.6;margin-top:19px}.dock{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:6px;border-radius:46px;background:#f9f6fc;z-index:20;box-shadow:0 12px 30px #0005}.dock button{height:48px;width:57px;border-radius:50%;background:transparent;color:#19141e;display:grid;place-items:center}.dock button.active{background:#080809;color:white;outline:2px solid #080809;outline-offset:2px}.dock .icon{height:22px;width:22px}.progress{display:flex;gap:4px;margin-top:27px;margin-bottom:22px}.progress i{height:2px;flex:1;background:#ffffff18;border-radius:2px}.progress i.done{background:var(--accent)}.action{display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap:18px}.action span{font-size:12px;color:var(--muted)}.next{width:64px;height:64px;border-radius:50%;background:#f8f4fc;color:#171019;display:grid;place-items:center;position:relative;flex-shrink:0}.next:before{content:'';position:absolute;inset:-7px;border:2px solid transparent;border-right-color:#eee5f8;border-top-color:#eee5f8;border-radius:50%;transform:rotate(20deg);pointer-events:none}.next .icon{width:28px;height:28px}.primary{border-radius:30px;min-height:54px;background:var(--accent);color:var(--ink);padding:14px 21px;width:100%;display:flex;justify-content:space-between;gap:15px;align-items:center;text-decoration:none;font-weight:550;font-size:13px}.primary:hover{background:#d9c6ff}.secondary{background:#ffffff16;color:var(--text);border:1px solid var(--line);border-radius:30px;padding:13px 19px;min-height:50px;width:100%;display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:13px}.secondary:hover{background:#ffffff23}.buttons{display:grid;gap:11px;margin-top:24px}.guest-card{position:relative;overflow:hidden;border-radius:28px;background:var(--accent);color:var(--ink);height:222px;margin:26px 0 20px;padding:25px;isolation:isolate}.guest-card img{position:absolute;z-index:-1;width:260px;right:-97px;top:-58px;opacity:.75}.guest-card .number{font-size:85px;font-weight:450;line-height:1.05;letter-spacing:-6px;margin-top:10px}.guest-card small{font-size:12px}.guest-card .tag{background:#66517e55}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.preset{background:#ffffff19;color:var(--text);border:1px solid transparent;border-radius:22px;min-height:54px;font-size:16px}.preset:hover,.preset.selected{background:#ede2fc;color:var(--ink)}.custom{display:flex;align-items:center;gap:12px;margin-top:19px}.custom label{font-size:12px;color:var(--muted);flex:1}.custom input{width:104px;background:transparent;border:1px solid #ffffff35;border-radius:16px;padding:11px;color:var(--text);text-align:center;font-size:18px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin:29px 0 20px}.calendar-head h2{margin:0;font-size:20px;font-weight:550;letter-spacing:-.6px}.calendar-arrows{display:flex;gap:1px}.calendar-arrows button{width:38px;height:44px;background:transparent;display:grid;place-items:center}.calendar-arrows .icon{width:20px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.week span{text-align:center;font-size:10px;color:var(--muted);padding:7px 0 13px;text-transform:uppercase}.day{aspect-ratio:1;min-height:43px;border-radius:50%;background:none;font-size:13px;padding:0}.day:not(:disabled):hover{background:#ffffff15}.day.outside{color:#887e93}.day.today{outline:1px dashed #c2b4d0;outline-offset:-5px}.day.selected{background:var(--accent)!important;color:var(--ink);font-weight:650}.day:disabled{opacity:.23}.calendar-selection{display:flex;justify-content:space-between;align-items:center;margin:23px 0 18px;font-size:12px}.calendar-selection small{color:var(--muted);font-size:10px}.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.time{background:#ffffff1d;border-radius:21px;min-height:43px;font-size:11px}.time:hover,.time.selected{background:#d8c5f7;color:var(--ink)}.mini-card{margin-top:21px;background:var(--accent);border-radius:26px;color:var(--ink);padding:21px;position:relative;overflow:hidden;isolation:isolate;min-height:113px}.mini-card img{position:absolute;width:185px;right:-47px;top:-50px;z-index:-1;opacity:.8}.mini-card strong{display:block;font-size:20px;letter-spacing:-.6px;font-weight:500;max-width:235px;line-height:1.3}.mini-card p{font-size:11px;margin-top:8px}.price-card{background:var(--accent);color:var(--ink);position:relative;padding:26px;border-radius:30px;overflow:hidden;margin:28px 0 23px;isolation:isolate;min-height:235px}.price-card img{position:absolute;width:240px;height:240px;right:-80px;top:-71px;z-index:-1}.price-card .tag{margin-bottom:41px}.price-card .price{font-size:43px;letter-spacing:-2px;font-weight:450;line-height:1.2}.price-card small{display:block;font-size:11px;margin-top:8px}.cost-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:13px 0;font-size:12px}.cost-row span{color:var(--muted)}.cost-row b{font-weight:450}.divider{height:1px;background:var(--line);margin:21px 0}.menu-card{background:#c4aff0;border-radius:26px;color:var(--ink);padding:21px;position:relative;overflow:hidden;margin-bottom:12px;isolation:isolate}.menu-card:nth-child(2){background:#d9c8f6}.menu-card:nth-child(3){background:#b9a1e0}.menu-card img{position:absolute;right:-64px;top:-50px;width:202px;z-index:-1;opacity:.85}.menu-card h2{font-size:22px;margin:9px 0 6px;max-width:235px}.menu-card p{font-size:11px;max-width:220px;margin-bottom:12px}.menu-card footer{display:flex;align-items:center;justify-content:space-between;gap:7px}.menu-card footer strong{font-weight:550;font-size:16px}.menu-card .round{background:#faf5ff;color:#24182f;width:43px;height:43px}.menu-card .detail{background:none;color:#382647;text-decoration:underline;text-underline-offset:3px;padding:10px 0;font-size:10px}.menu-card ul{font-size:12px;padding-left:18px;line-height:1.7;margin:13px 0}.allergens{font-size:10px!important}.field{display:block;margin-bottom:19px}.field span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.field input,.field textarea,.field select{width:100%;min-height:52px;border:1px solid #ffffff26;background:#ffffff0c;border-radius:17px;padding:14px;color:var(--text);font-size:16px;max-width:100%;scroll-margin-bottom:110px}.field textarea{resize:vertical;min-height:106px}.field small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.field input:focus,.field textarea:focus{border-color:var(--accent)}.counter{display:flex;align-items:center;justify-content:space-between;background:#ffffff13;border-radius:26px;padding:15px;margin:25px 0 12px}.counter button{width:46px;height:46px;border-radius:50%;background:#ffffff1c;font-size:24px}.counter input{width:80px;border:0;background:transparent;text-align:center;color:var(--text);font-size:32px;appearance:textfield}.counter input::-webkit-inner-spin-button,.custom input::-webkit-inner-spin-button{appearance:none}.switch-row{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:21px 0;cursor:pointer}.switch-copy{flex:1}.switch-copy strong{font-size:14px;font-weight:500;display:block}.switch-copy small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.switch{position:relative;width:44px;height:27px;display:inline-block;flex-shrink:0}.switch input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;z-index:2;cursor:pointer}.switch i{position:absolute;inset:0;border-radius:22px;background:#514655}.switch i:after{content:'';position:absolute;left:4px;top:4px;width:19px;height:19px;background:#f9f4fc;border-radius:50%;transition:.18s}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{transform:translateX(17px);background:var(--ink)}.switch input:focus-visible+i{outline:2px solid var(--accent);outline-offset:5px}.duration{display:flex;gap:6px;margin:14px 0 8px}.duration button{flex:1;border-radius:18px;background:#ffffff16;min-height:44px;font-size:12px}.duration .selected{background:var(--accent);color:var(--ink)}.zone-list{display:grid;gap:8px;margin-bottom:24px}.zone{display:flex;justify-content:space-between;text-align:left;padding:15px 17px;min-height:54px;border-radius:19px;background:#ffffff13;border:1px solid transparent;font-size:12px}.zone.selected{border-color:var(--accent);background:#c5b1f419}.zone small{color:var(--muted)}.error{color:#eadcff;border-left:2px solid var(--accent);padding:9px 12px;background:#c5b1f416;border-radius:0 10px 10px 0;font-size:12px;margin:15px 0}.review-row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:10px}.review-row>div{flex:1}.review-row small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.review-row strong{font-size:14px;font-weight:450;display:block}.review-row p{font-size:11px;color:var(--muted);margin-top:4px}.edit{background:none;color:var(--muted);height:44px;width:44px;display:grid;place-items:center}.edit .icon{width:16px}.contact-total{display:flex;justify-content:space-between;align-items:center;background:#ffffff12;border-radius:22px;padding:19px;margin:25px 0}.contact-total small{font-size:11px;color:var(--muted);display:block}.contact-total strong{font-size:24px;letter-spacing:-.7px;font-weight:450}.or{text-align:center;color:var(--muted);font-size:10px;margin:16px 0}.telegram-area{background:#ffffff09;border:1px solid var(--line);border-radius:22px;padding:18px;font-size:13px;color:var(--text);width:100%;min-height:360px;resize:vertical;line-height:1.65}.recipient{display:flex;gap:10px;align-items:center;margin:24px 0 17px;color:var(--muted);font-size:11px}.recipient strong{color:var(--text);display:block;font-weight:500;font-size:14px}.saved{padding:21px;border-radius:25px;background:#ffffff10;margin:14px 0}.saved h2{font-size:18px}.saved p{font-size:12px;color:var(--muted);margin:7px 0}.saved footer{display:flex;gap:10px;margin-top:14px}.saved footer button{background:#ffffff13;padding:10px 15px;border-radius:18px;min-height:44px;font-size:12px}.empty{padding:25px 0;color:var(--muted);font-size:13px}.help p{color:var(--muted);margin-bottom:17px;font-size:13px}.help h2{margin-top:26px}.text-button{background:none;color:var(--muted);font-size:11px;padding:13px 0;text-align:left;min-height:44px}.error:empty{display:none}dialog{background:radial-gradient(ellipse at 0 0,#352333,#111014 70%);color:var(--text);border:1px solid var(--line);width:calc(100% - 32px);max-width:390px;max-height:85dvh;border-radius:29px;padding:25px}dialog::backdrop{background:#09070bbb;backdrop-filter:blur(8px)}dialog h2{font-size:25px;margin:15px 0;letter-spacing:-.8px}dialog p{color:var(--muted);font-size:12px;line-height:1.7;margin:12px 0}dialog .close{float:right}.toast{position:fixed;bottom:106px;left:50%;transform:translateX(-50%);z-index:50;max-width:340px;width:max-content;background:#ede2fc;color:var(--ink);padding:12px 18px;border-radius:24px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.success-art{height:200px;overflow:hidden;position:relative}.success-art img{position:absolute;width:260px;left:50%;transform:translateX(-50%);top:-37px}@keyframes arrive{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}@media(min-width:600px){.stage{padding:30px 0}.phone{min-height:850px;border:7px solid #070608;border-radius:48px;box-shadow:0 25px 80px #0006;padding:28px 23px 125px;overflow:hidden}.dock{bottom:29px}.phone:before{content:'';position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;border-radius:40px;box-shadow:inset 0 0 0 1px #ffffff08;z-index:-1}}@media(max-width:374px){.phone{padding-left:18px;padding-right:18px}h1{font-size:33px}.format-card{height:171px}.format-card .card-bottom{left:13px}.card-bottom strong{font-size:16px}.time-grid{gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
#main:focus{outline:none}.duration{display:grid;grid-template-columns:repeat(4,1fr)}.tag{background:#57417090}.card-bottom .tag{font-size:9px}.screen{min-width:0}
/* v3 — flat cards, one blue accent, quiet in-place interactions */
:root{--accent:#3d5cff;--ink:#fff;--bg:#09090b;--panel:#232326;--muted:#a6a6ad;--line:#ffffff15}
body{background:#141416}.stage{background:#141416}.phone{background:#09090b;box-shadow:none}.phone:before{box-shadow:none}.screen{animation:none}.screen.enter{animation:arrive .16s ease-out}h1{font-size:34px;font-weight:550;letter-spacing:-1.3px;line-height:1.1;margin-bottom:27px}.top{margin-bottom:37px}.brand{font-size:25px;letter-spacing:-1px}.brand small{font-size:11px;margin-top:0;color:var(--muted);letter-spacing:0}.avatar{background:var(--accent);color:white;border-radius:13px}.top .step-count{color:#8d8d96;font-size:12px}.round{background:#26262a;color:#fff}.round:hover{background:#37373c}.format-grid{gap:11px}.format-card{background:#f0f0f2;color:#0a0a0c;border-radius:22px;height:172px;padding:21px}.format-card:first-child{grid-column:1/-1;background:var(--accent);color:white;height:168px}.format-card:nth-child(2){background:#f1f1f3;color:#09090b}.format-card:nth-child(3){background:#242427;color:white}.format-card:nth-child(4){grid-column:1/-1;background:#242427;color:white;height:120px}.card-bottom{position:absolute;inset:22px 21px;display:flex;flex-direction:column;justify-content:space-between}.card-bottom strong{font-size:24px;font-weight:600;letter-spacing:-.8px;line-height:1.05;max-width:78%}.card-bottom small{font-size:12px;opacity:.7;margin:0}.format-card:first-child strong{font-size:30px}.format-card:nth-child(4) strong{font-size:25px}.card-arrow{width:35px;height:35px;right:18px;top:18px;background:#09090b;color:white}.format-card:nth-child(3) .card-arrow,.format-card:nth-child(4) .card-arrow{background:#fff;color:#09090b}.card-arrow .icon{width:19px;height:19px}.format-card>img,.price-card>img,.guest-card>img,.mini-card>img,.menu-card>img{display:none}.guest-card{background:var(--accent);color:#fff;border-radius:23px;height:184px;padding:23px;margin:0 0 18px}.guest-card>span{font-size:14px}.guest-card .number{font-size:80px;font-weight:500;margin-top:12px}.preset-grid{gap:9px}.preset{background:#232326;border-radius:18px;min-height:58px;font-size:22px}.preset.selected{background:#f1f1f3;color:#0a0a0c}.preset:hover{background:#3b3b42;color:#fff}.custom{margin:23px 0;gap:20px}.custom label{font-size:14px}.custom input{border-radius:14px;border-color:#ffffff25;font-size:20px;min-height:52px}.primary{border-radius:18px;background:var(--accent);color:#fff;font-size:15px;min-height:55px;font-weight:550;padding:15px 20px}.primary:hover{background:#506dff}.action{margin-top:25px}.secondary{border-radius:18px;background:#232326;border-color:transparent;font-size:14px;min-height:53px}.dock{display:grid;grid-template-columns:52px 52px;align-items:center;justify-items:center;gap:8px;padding:8px;width:128px;height:68px;border-radius:24px;background:#222226;border:1px solid #ffffff0d;box-shadow:0 8px 25px #0005}.dock button{width:52px;height:52px;min-width:52px;min-height:52px;padding:0;border-radius:17px;display:flex;align-items:center;justify-content:center;background:none;color:#b1b1b9;outline:0}.dock button.active{background:var(--accent);color:#fff;outline:0}.dock button:focus-visible{outline:2px solid #aabbff;outline-offset:1px}.dock .icon{display:block;width:22px;height:22px;flex-shrink:0}.progress{margin-top:28px}.progress i.done{background:var(--accent)}.calendar-head{margin:8px 0 15px}.calendar-head h2{font-size:20px}.calendar-selection{margin:18px 0 13px}.calendar-selection span{font-size:15px}.calendar-selection small{font-size:12px}.day.selected{color:#fff;background:var(--accent)!important}.day{border-radius:15px}.time{border-radius:14px;background:#232326;font-size:13px;min-height:46px}.time:hover,.time.selected{background:var(--accent);color:white}.week span{font-size:11px}.price-card{border-radius:23px;background:var(--accent);color:#fff;min-height:200px;margin-top:0}.price-card .price{font-size:39px;font-weight:500}.tag{background:#ffffff15;color:inherit;font-size:11px}.price-card .tag{padding:0;background:none;margin-bottom:35px}.price-card small{font-size:12px}.cost-row{font-size:14px;margin:16px 0}.lead{font-size:13px;color:var(--muted)}.menu-card,.menu-card:nth-child(2),.menu-card:nth-child(3){background:#232326;color:#fff;border-radius:23px;padding:22px}.menu-card:first-child{background:var(--accent)}.menu-card h2{font-size:24px;font-weight:550;margin-top:0}.menu-card p{max-width:100%;font-size:12px;color:inherit;opacity:.8;margin-bottom:13px}.menu-card details{margin-bottom:19px;font-size:13px}.menu-card summary{cursor:pointer;padding:9px 0;min-height:38px;list-style-position:inside}.menu-card footer strong{font-size:20px}.menu-card footer small{font-size:11px;font-weight:400}.menu-card .round{background:#f2f2f4;color:#080809;width:43px;height:43px}.field span{font-size:14px;color:#b7b7c0}.field input,.field textarea,.field select{background:#202024;border-color:transparent;border-radius:16px}.field small{font-size:11px}.counter{border-radius:23px;background:#232326}.counter button{background:#37373b;border-radius:15px}.switch-row strong{font-size:15px}.switch-copy small{font-size:12px}.switch i{background:#48484e}.switch input:checked+i:after{background:#fff}.duration button{background:#232326;border-radius:12px}.duration .selected{background:var(--accent);color:white}.mini-card{background:var(--accent);color:#fff;border-radius:23px;min-height:102px}.mini-card .tag{background:none;padding:0;color:#ffffffb0}.mini-card strong{font-size:26px;max-width:none}.mini-card p{font-size:12px}.zone{background:#232326;border-radius:16px;font-size:13px}.zone.selected{background:#21306a;border-color:var(--accent)}.contact-total{background:#232326;border-radius:20px}.review-row small{font-size:12px}.review-row strong{font-size:15px}.review-row p{font-size:12px}.page-note{font-size:11px;color:#95959f}.contact-options{display:grid;gap:13px;margin-top:35px}.contact-option{position:relative;text-align:left;background:var(--accent);border-radius:24px;color:#fff;min-height:168px;padding:23px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.contact-option:nth-child(2){background:#f1f1f3;color:#09090b}.option-icon{width:43px;height:43px;border-radius:50%;background:#ffffff20;display:grid;place-items:center}.contact-option:nth-child(2) .option-icon{background:#0000000d}.option-arrow{position:absolute;right:23px;top:24px}.contact-option strong{font-size:25px;letter-spacing:-.7px;font-weight:550}.chat-preview{border-radius:22px;overflow:hidden;background:#151a22;border:1px solid #ffffff0a;margin-top:24px}.chat-preview header{display:flex;align-items:center;gap:11px;padding:16px;background:#21262e}.chat-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent)}.chat-preview header strong{font-size:14px;font-weight:550;display:block}.chat-preview header small{color:#a0a9b7;font-size:11px}.chat-body{padding:17px 13px;background:#151a22}.message-bubble{background:#243968;margin-left:12px;padding:16px 15px 10px;border-radius:18px 18px 5px 18px;color:#f4f6ff}.message-bubble pre{font:12px/1.7 Manrope,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;user-select:text}.message-meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:10px;color:#a7bbeb;margin-top:9px}.message-meta .icon{width:15px;height:15px}.error{color:#cfdaff;border-color:var(--accent);background:#3d5cff19}.error:empty{display:none}.saved{background:#232326;border-radius:23px}.saved footer button{background:#393940}.toast{background:#e7ebff;color:#101323}dialog{background:#19191d;border-radius:24px}dialog .primary{margin-top:22px}.phone .success-art{display:none}.next:before{display:none}input:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible{outline-color:#9baeff}
@media(min-width:600px){.phone{border-radius:36px;border-color:#050506;box-shadow:0 15px 60px #0004}.stage{background:#141416}.dock{bottom:24px}}@media(max-width:374px){h1{font-size:31px}.card-bottom strong{font-size:21px}.format-card:first-child strong{font-size:28px}}

:root{--accent:#ebc99c}.brand{font-size:18px;line-height:1.2;max-width:275px}.brand small{margin-top:6px}.terms{background:var(--panel);padding:18px;border-radius:18px;margin:24px 0}.terms summary{cursor:pointer;font-weight:600}.terms p{color:var(--muted)}.format-card small{line-height:1.4}.chat-preview header strong{font-size:14px}.page-note{overflow-wrap:anywhere}
.format-card:first-child{color:#21172b}.format-card:first-child small{color:#352d3c}.avatar img{border-radius:12px;display:block}.terms a{display:inline-block;margin-top:8px}

.contact-option{color:#21172b}.chat-avatar{color:#21172b}

/* Keep arrow, title and description in separate layout rows. */
.format-card,.format-card:first-child,.format-card:nth-child(4){height:auto;min-height:200px;display:flex;flex-direction:column;gap:16px;padding:18px;overflow:visible}
.format-card .card-arrow{position:static;align-self:flex-end;flex:0 0 35px}
.format-card .card-bottom{position:static;inset:auto;display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:22px;min-width:0;width:100%}
.format-card .card-bottom strong{max-width:none;overflow-wrap:anywhere;hyphens:auto;line-height:1.15}
.format-card .card-bottom small{overflow-wrap:anywhere}
.contact-options,.buttons{display:grid;gap:14px}
.contact-option{gap:24px}
.contact-option strong{overflow-wrap:anywhere}
.primary,.secondary{gap:14px;overflow-wrap:anywhere}
.primary .icon,.secondary .icon{flex-shrink:0}
.primary+.secondary,.secondary+.secondary,.buttons+.secondary,.contact-options+.secondary{margin-top:14px}
.primary{color:#21172b}
@media(max-width:379px){.format-grid{grid-template-columns:1fr}.format-card,.format-card:first-child,.format-card:nth-child(4){min-height:180px}.format-card .card-bottom strong{font-size:25px}}

.buttons>.secondary,.contact-options>.secondary{margin-top:0}

.screen.enter{animation:none!important;opacity:1!important;transform:none!important}

/* Art to Eat: the supplied identity, with the existing layout preserved. */
:root{--bg:#151011;--text:#f4e7d1;--muted:#bca9a0;--accent:#c78067;--ink:#651315;--panel:#2b1d1f;--line:#f0deba20;--cream:#f0deba;--burgundy:#8d1719}
body,.stage{background:#211719}
.phone{background:var(--bg)}
.avatar{background:transparent;border-radius:50%;color:var(--ink)}
.avatar img{border-radius:50%}
.brand small,.top .step-count,.page-note{color:var(--muted)}
.round{background:var(--panel);color:var(--cream)}
.round:hover{background:#42272a}
.format-card,.format-card:first-child{background:var(--accent);color:var(--ink)}
.format-card:first-child small{color:var(--ink)}
.format-card:nth-child(2){background:var(--cream);color:var(--ink)}
.format-card:nth-child(3),.format-card:nth-child(4){background:#68191d;color:var(--cream)}
.card-arrow{background:var(--ink);color:var(--cream)}
.format-card:nth-child(3) .card-arrow,.format-card:nth-child(4) .card-arrow{background:var(--cream);color:var(--ink)}
.chip{background:var(--panel);color:var(--cream)}
.chip.selected,.preset.selected{background:var(--cream);color:var(--ink)}
.guest-card,.price-card,.mini-card,.menu-card:first-child{background:var(--accent);color:var(--ink)}
.guest-card .tag,.tag{background:#65131518;color:inherit}
.price-card .tag{background:none}
.mini-card .tag{color:var(--ink)}
.preset,.time,.duration button,.zone,.secondary,.counter,.contact-total,.saved,.terms{background:var(--panel)}
.preset:hover,.secondary:hover{background:#42272a;color:var(--cream)}
.primary{background:var(--accent);color:var(--ink)}
.primary:hover{background:#d28e75}
.secondary{color:var(--cream)}
.dock{background:var(--panel);border-color:var(--line)}
.dock button{color:var(--muted)}
.dock button.active{background:var(--accent);color:var(--ink)}
.dock button:focus-visible{outline-color:var(--cream)}
.day.selected,.time:hover,.time.selected,.duration .selected{background:var(--accent);color:var(--ink)}
.day.outside{color:#9e827c}
.day.today{outline-color:var(--accent)}
.menu-card,.menu-card:nth-child(2),.menu-card:nth-child(3){background:var(--panel);color:var(--cream)}
.menu-card:first-child{background:var(--accent);color:var(--ink)}
.menu-card .round{background:var(--cream);color:var(--ink)}
.menu-card .detail{color:inherit}
.field span{color:var(--muted)}
.field input,.field textarea,.field select{background:#261a1c;color:var(--text)}
input::placeholder,textarea::placeholder{color:#ab9188;opacity:1}
.custom input{border-color:#f0deba35}
.counter button,.saved footer button{background:#42272a;color:var(--cream)}
.switch i{background:#5b4042}
.switch i:after{background:var(--cream)}
.switch input:checked+i:after{background:var(--ink)}
.zone.selected{background:#c7806721;border-color:var(--accent)}
.contact-option{background:var(--accent);color:var(--ink)}
.contact-option:nth-child(2){background:var(--cream);color:var(--ink)}
.option-icon{background:#65131512}
.contact-option:nth-child(2) .option-icon{background:#6513150d}
.chat-preview,.chat-body{background:#1b1214}
.chat-preview header{background:var(--panel)}
.chat-preview header small{color:var(--muted)}
.chat-avatar{background:var(--accent);color:var(--ink)}
.message-bubble{background:#5a242a;color:var(--cream)}
.message-meta{color:#dec0ad}
.telegram-area{background:#261a1c;border-color:var(--line);color:var(--text)}
.error{color:var(--cream);border-color:var(--accent);background:#c7806721}
.toast{background:var(--cream);color:var(--ink)}
dialog{background:#211619;border-color:var(--line)}
dialog::backdrop{background:#151011bb}
.next{background:var(--cream);color:var(--ink)}
input:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible{outline-color:var(--cream)}
@media(min-width:600px){.stage{background:#211719}.phone{border-color:#100a0b}}

/* Geometric lettering and food cutouts requested in the brand reference. */
@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/DidactGothic-cyrillic-ext-v21.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/DidactGothic-cyrillic-v21.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/DidactGothic-greek-ext-v21.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/DidactGothic-greek-v21.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/DidactGothic-latin-ext-v21.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/DidactGothic-latin-v21.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body{font-family:'Didact Gothic',Arial,sans-serif;font-weight:400;font-synthesis:none}
h1,h2,.brand,.card-bottom strong,.contact-option strong,.primary,.calendar-head h2,.menu-card h2,.menu-card footer strong,.chat-preview header strong{font-weight:400}
h1{letter-spacing:-1px}
.format-card .card-bottom strong{font-size:28px;letter-spacing:-.5px}
.format-card:first-child .card-bottom strong{font-size:32px;max-width:46%}
.format-card .card-bottom small{font-size:13px;opacity:.85}
.format-card .card-arrow{position:relative;top:auto;right:auto;z-index:3}
.format-card .card-bottom{position:relative;z-index:2;pointer-events:none}
.format-card>.dish-art{display:block;position:absolute;z-index:1;object-fit:contain;object-position:center;pointer-events:none;user-select:none;width:150px;height:142px;right:-8px;top:-18px;transform:none;filter:drop-shadow(0 9px 8px #1b090d26)}
.format-card:first-child>.dish-art{width:214px;height:168px;right:-10px;top:-20px}
.format-card:nth-child(n+2){min-height:246px}
.format-card:nth-child(n+2) .card-bottom{padding-top:68px}
.format-card:nth-child(2) .card-bottom{padding-top:82px}
.format-card:nth-child(3) .card-bottom strong{font-size:26px;white-space:nowrap}
.page-note{font-size:12px;line-height:1.6}
.page-note+.secondary{margin-top:24px}
.message-bubble pre{font-family:'Didact Gothic',Arial,sans-serif;font-size:13px}
@media(max-width:379px){
 .format-card,.format-card:first-child,.format-card:nth-child(n+2){min-height:200px}
 .format-card>.dish-art,.format-card:first-child>.dish-art{width:148px;height:136px;right:-8px;top:-18px}
 .format-card:nth-child(n+2) .card-bottom{padding-top:0}
 .format-card .card-bottom strong,.format-card:first-child .card-bottom strong{font-size:27px;max-width:60%}
 .format-card:nth-child(n+2) .card-bottom strong{max-width:56%}
}