:root{--red: #c8311f;--red-dark: #9e2414;--red-tint: #fce9e5;--ink: #1c1917;--muted: #6b635b;--surface: #f7f5f2;--surface-2: #f2f0ec;--line: #eeeae4;--line-2: #e4ded6;--green: #2e7d46;--green-dark: #1f6a38;--green-tint: #e7f3ea;--yellow: #f2c230;--yellow-tint: #fff4d1;--white: #ffffff;--display: "Karantina", "Rubik", system-ui, sans-serif;--text: "Rubik", system-ui, -apple-system, "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--surface-2);color:var(--ink);font-family:var(--text);font-size:17px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input,textarea{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;border:2px solid transparent;border-radius:14px;font-size:17px;font-weight:600;cursor:pointer;color:var(--ink);background:var(--white);transition:transform .06s;text-align:center}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{cursor:default;opacity:.5}.btn:focus-visible,.tab:focus-visible,.mode:focus-visible,.switch:focus-visible,.chip:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.btn-sm{min-height:40px;font-size:16px;padding:0 12px}.btn-lg{min-height:56px;font-size:18px}.btn-xl{min-height:62px;font-size:21px;border-radius:16px}.btn-red{background:var(--red);color:var(--white)}.btn-red:active:not(:disabled){background:var(--red-dark)}.btn-green{background:var(--green);color:var(--white)}.btn-ink{background:var(--ink);color:var(--white)}.btn-outline{background:var(--white);border-color:var(--ink)}.btn-outline-red{background:var(--white);border-color:var(--red);color:var(--red)}.btn-ghost{background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.btn-ghost-red{background:transparent;color:var(--red);text-decoration:underline;text-underline-offset:3px}.btn-ghost-light{background:transparent;color:inherit;border-color:currentColor}.btn-icon{width:48px;padding:0;flex-shrink:0}.grow{flex:1 1 auto}.wide{width:100%}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid currentColor;border-inline-end-color:transparent;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:8px 16px;padding-top:max(8px,env(safe-area-inset-top));background:var(--white);border-bottom:1px solid var(--line-2)}.brand{font-family:var(--display);font-weight:700;font-size:30px;line-height:1;color:var(--red);white-space:nowrap}.topbar-sub{font-weight:600;color:var(--muted)}.topbar-spacer{flex:1}.tabs{position:sticky;top:57px;z-index:19;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:8px 10px;background:var(--surface-2);border-bottom:1px solid var(--line-2)}.tab{min-height:46px;padding:0 2px;white-space:nowrap;border-radius:999px;border:2px solid var(--line-2);background:var(--white);color:var(--ink);font-size:16px;font-weight:600;cursor:pointer}.tab-on{background:var(--ink);border-color:var(--ink);color:var(--white)}.main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:12px 16px 140px}.tab-title{margin:6px 0;font-family:var(--display);font-weight:700;font-size:40px;line-height:1}.tab-intro,.tab-foot{margin:0 0 14px;color:var(--muted)}.tab-foot{margin-top:4px;font-size:15px}.section-title{margin:22px 0 8px;font-size:20px}.version{margin-top:30px;text-align:center;color:var(--muted);font-size:13px}.card{background:var(--white);border:1px solid var(--line-2);border-radius:18px;padding:14px;margin-bottom:12px;display:flex;flex-direction:column;gap:12px}.card-tight{gap:8px;padding:12px}.card-off{background:var(--surface);border-style:dashed}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title{margin:0;font-size:20px}.card-actions,.card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:15px;font-weight:600}.badge-muted{background:var(--surface-2);color:var(--muted)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-weight:600;font-size:16px}.field-hint{color:var(--muted);font-size:15px}.field-error{color:var(--red-dark);font-weight:600;font-size:15px}.text-input,.textarea,.time-input{width:100%;min-height:52px;border:2px solid var(--line-2);border-radius:12px;padding:0 12px;font-size:18px;background:var(--white);color:var(--ink)}.textarea{padding:10px 12px;line-height:1.45;resize:vertical}.text-input:focus,.textarea:focus,.time-input:focus,.money:focus-within{outline:none;border-color:var(--ink)}.input-bad,.input-bad:focus,.money.input-bad{border-color:var(--red)!important;background:var(--red-tint)}.money{display:flex;align-items:center;min-height:52px;border:2px solid var(--line-2);border-radius:12px;background:var(--white);overflow:hidden}.money-sign{padding:0 10px;color:var(--muted);font-weight:600;white-space:nowrap}.money-input{flex:1;min-width:0;height:48px;border:0;outline:none;background:transparent;font-size:19px;font-weight:600;padding:0 10px;text-align:left;color:var(--ink)}.field-compact .field-label{font-size:15px;color:var(--muted)}.live-price{margin-top:3px;font-size:14px;color:var(--muted)}.text-input-key{font-family:ui-monospace,Menlo,Consolas,monospace;text-align:left}.switch{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0;border:0;background:transparent;cursor:pointer;color:var(--ink);font-size:16px;font-weight:600;text-align:start}.switch-track{position:relative;width:54px;height:32px;border-radius:999px;background:var(--line-2);flex-shrink:0;transition:background .15s}.switch-thumb{position:absolute;top:3px;inset-inline-start:3px;width:26px;height:26px;border-radius:50%;background:var(--white);box-shadow:0 1px 3px #0000004d;transition:inset-inline-start .15s}.switch-on .switch-track{background:var(--green)}.switch-on .switch-thumb{inset-inline-start:25px}.switch-off .switch-text{color:var(--red-dark)}.range{display:flex;flex-direction:column;gap:4px}.range-row{display:flex;align-items:flex-end;gap:8px}.range-head{display:flex;align-items:center;justify-content:space-between;min-height:32px}.range-head .btn{min-height:36px;padding:0 4px;font-size:15px}.range-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.range-title{font-weight:600;font-size:15px}.range-label{font-size:14px;color:var(--muted);font-weight:600}.range-dash{padding-bottom:14px;font-weight:700}.time-input{padding:0 8px;font-size:19px;font-weight:600;text-align:center}.time-pair{display:flex;align-items:center;gap:2px}.time-select{flex:1;min-width:0;min-height:52px;border:2px solid var(--line-2);border-radius:12px;padding:0 4px;font-size:19px;font-weight:600;text-align:center;text-align-last:center;background:var(--white);color:var(--ink)}.time-select:focus{outline:none;border-color:var(--ink)}.time-colon{font-weight:700;font-size:20px}.range-note{font-size:15px;color:#5a4500;background:var(--yellow-tint);border-radius:8px;padding:4px 10px;align-self:flex-start}.state{position:relative;border-radius:20px;padding:20px 16px;color:var(--white);margin-bottom:12px}.state-open{background:var(--green)}.state-closed{background:var(--red)}.state-big{font-family:var(--display);font-weight:700;font-size:64px;line-height:.95}.state-sub{margin-top:6px;font-size:17px;font-weight:600}.state-refresh{position:absolute;top:14px;inset-inline-end:14px;min-height:40px;font-size:15px}.warn{border-radius:14px;padding:12px 14px;font-weight:600;margin-bottom:12px}.warn-red{background:var(--red-tint);color:var(--red-dark);border:2px solid var(--red)}.warn-yellow{background:var(--yellow-tint);color:#5a4500;border:2px solid var(--yellow)}.modes{display:flex;flex-direction:column;gap:10px}.mode{display:flex;align-items:center;gap:14px;min-height:72px;padding:10px 14px;border-radius:16px;border:2px solid var(--line-2);background:var(--white);color:var(--ink);cursor:pointer;text-align:start}.mode:disabled{cursor:default}.mode-radio{width:26px;height:26px;border-radius:50%;border:3px solid var(--line-2);flex-shrink:0}.mode-text{display:flex;flex-direction:column;flex:1}.mode-title{font-size:19px;font-weight:700}.mode-sub{font-size:15px;color:var(--muted)}.mode-on{border-color:var(--ink);border-width:3px}.mode-on .mode-radio{border:8px solid var(--ink)}.mode-open.mode-on{border-color:var(--green);background:var(--green-tint)}.mode-open.mode-on .mode-radio{border-color:var(--green)}.mode-closed.mode-on{border-color:var(--red);background:var(--red-tint)}.mode-closed.mode-on .mode-radio{border-color:var(--red)}.today{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:auto auto;gap:2px 12px;background:var(--white);border:1px solid var(--line-2);border-radius:18px;padding:14px;text-align:center}.today-num{font-weight:700;font-size:30px;line-height:1.1;direction:ltr;unicode-bidi:isolate}.today-label{color:var(--muted);font-weight:600}.today-note{grid-column:1 / -1;grid-row:3;color:var(--muted);font-size:14px;margin-top:6px}.howto{background:var(--yellow-tint);border:2px solid var(--yellow);border-radius:14px;padding:10px 14px;margin-bottom:12px}.howto ol{margin:4px 0 0;padding-inline-start:22px}.publish{border-radius:18px;padding:14px;margin-bottom:8px;display:flex;flex-direction:column;gap:10px}.publish-pending{background:var(--white);border:3px solid var(--red)}.publish-clean{background:var(--green-tint);border:2px solid var(--green);color:var(--green-dark)}.publish-title{font-weight:700;font-size:18px}.publish-list,.diff-list{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:4px}.diff-list{color:var(--ink);font-weight:600}.publish-note{color:var(--red-dark);font-weight:600;font-size:15px}.topping-head{display:flex;align-items:center;gap:10px}.topping-head .text-input{flex:1;min-width:0}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:4px 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-size:14px;cursor:pointer}.chip span[dir=ltr]{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700}.chip-help{color:var(--muted)}.savebar{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--ink);color:var(--white);padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));box-shadow:0 -8px 24px #00000040}.savebar-note{font-weight:600;font-size:15px;margin:0 auto 8px;max-width:608px;color:var(--yellow)}.savebar-actions{display:flex;gap:8px;max-width:608px;margin:0 auto}.savebar .btn-outline{background:transparent;color:var(--white);border-color:#fff9}.savebar-errors{max-width:608px;margin:0 auto 8px;max-height:30vh;overflow-y:auto;background:var(--red-tint);border:2px solid var(--red);color:var(--red-dark);border-radius:12px;padding:8px 12px;font-weight:600;font-size:15px}.savebar-errors ul{margin:4px 0 0;padding-inline-start:20px}.error-box-title{font-weight:700}.loading,.load-error{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 10px;font-size:18px;text-align:center}.overlay{position:fixed;inset:0;background:#1c191799;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:12px}.dialog{background:var(--white);border-radius:20px;padding:20px 18px;width:min(560px,100%);display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px #00000059;max-height:calc(100vh - 24px);overflow-y:auto}.dialog-title{margin:0;font-family:var(--display);font-weight:700;font-size:36px;line-height:1.05}.dialog-body{font-size:17px;color:var(--muted)}.dialog-lead{margin:0 0 8px}.dialog-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}@media(min-width:560px){.overlay{align-items:center}.dialog-actions{flex-direction:row}.dialog-actions .btn{flex:1}}.toasts{position:fixed;top:12px;left:12px;right:12px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:60;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;color:var(--white);font-size:17px;font-weight:600;width:min(560px,100%);box-shadow:0 10px 30px #0000004d}.toast-error{background:var(--red)}.toast-warning{background:var(--ink);border:3px solid var(--yellow)}.toast-info{background:var(--green)}.toast-msg{flex:1}.toast-x{border:0;background:transparent;color:inherit;font-size:20px;min-width:40px;min-height:40px;cursor:pointer}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-box{background:var(--white);border-radius:22px;border:1px solid var(--line-2);padding:24px 18px;width:min(480px,100%);display:flex;flex-direction:column;gap:12px}.brand-big{font-family:var(--display);font-weight:700;font-size:54px;line-height:1;color:var(--red);text-align:center}.login-title{margin:0 0 6px;text-align:center;font-size:24px}.login-error{background:var(--red-tint);color:var(--red-dark);border:2px solid var(--red);border-radius:12px;padding:10px 14px;font-weight:600}.login-hint{margin:0;color:var(--muted);font-size:15px;text-align:center}@media(prefers-reduced-motion:reduce){*{transition:none!important}}