:root{--bg:#e2ddd3;--bg-warm:oklab(85.3782% .00137278 .01448);--paper:oklab(95.9487% .000549114 .00579203);--card:#fff;--ink:#221f20;--ink-2:#2d4081;--ink-3:#be9b64;--ink-4:oklab(70.9017% .0172367 .0817223/.6);--line:oklab(70.9017% .0172367 .0817223/.3);--line-2:oklab(70.9017% .0172367 .0817223/.6);--accent:#de5a39;--accent-soft:oklab(63.2819% .140908 .0992894/.15);--accent-deep:oklab(50.6256% .140908 .0992894);--st-new:oklch(62% .18 30);--st-prep:oklch(72% .14 75);--st-ready:oklch(58% .13 145);--st-served:oklch(55% .02 60);--st-cancel:oklch(45% .13 25);--f-display:"Instrument Serif", "Cormorant Garamond", Georgia, serif;--f-sans:"Geist", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:32px;--sh-1:0 1px 0 #1d18140a, 0 1px 3px #1d18140a;--sh-2:0 4px 14px #1d18140f, 0 1px 3px #1d18140a;--sh-3:0 18px 40px #1d18141a, 0 4px 12px #1d18140f;--sh-pop:0 30px 60px #1d181433, 0 8px 18px #1d18141a}.theme-dark{--bg:#1a1612;--bg-warm:#221d17;--paper:#2a241c;--card:#2f2820;--ink:#f4ede1;--ink-2:#d4c7ad;--ink-3:#968870;--ink-4:#5e5544;--line:#3a3225;--line-2:#4a4030;--accent-soft:#3a2b1f}.cust-root.giotto{--bg:#000;--bg-warm:#0a0a0a;--paper:#161616;--card:#1b1b1b;--ink:#fff;--ink-2:#d4d4d4;--ink-3:#9a9a9a;--ink-4:#6a6a6a;--line:#ffffff1f;--line-2:#ffffff38;--accent:#2563eb;--accent-soft:#2563eb29;--accent-deep:#93b4ff;color:#fff;background:#000}.giotto-grid{grid-template-columns:repeat(2,1fr);gap:14px;max-width:1240px;margin:0 auto;display:grid}@media (width>=680px){.giotto-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (width>=1000px){.giotto-grid{grid-template-columns:repeat(4,1fr)}}.giotto-cat-card{cursor:pointer;background:#161616;border-radius:14px;transition:transform .2s;position:relative;overflow:hidden}.giotto-cat-card:active{transform:scale(.98)}@media (hover:hover){.giotto-cat-card:hover{transform:scale(1.02)}}.giotto-cat-card .giotto-cat-img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.giotto-overlay{text-align:center;background:#00000073;justify-content:center;align-items:center;padding:0 12px;transition:background .2s;display:flex;position:absolute;inset:0}@media (hover:hover){.giotto-cat-card:hover .giotto-overlay{background:#00000052}}.giotto-overlay span{color:#fff;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 2px 14px #000000a6;font-size:clamp(14px,4.2vw,22px);font-weight:800;line-height:1.12}.giotto-back{color:#fff;background:#1a1a1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.giotto-back:hover{background:#262626}.giotto-lang-pill{color:#fff;text-transform:uppercase;background:#1e3a8a;border-radius:999px;padding:7px 15px;font-size:12px;font-weight:700;transition:background .2s,transform .15s;box-shadow:0 0 10px #2563eb8c}.giotto-lang-pill:hover{background:#2563eb;transform:scale(1.04)}.giotto-dish-card{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:14px;flex-direction:column;width:100%;transition:transform .18s,border-color .18s;display:flex;overflow:hidden}.giotto-dish-card:active{transform:scale(.985)}@media (hover:hover){.giotto-dish-card:hover{border-color:var(--line-2)}}@keyframes giottoItemIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.giotto-item-animate{animation:.45s forwards giottoItemIn}*{box-sizing:border-box}html,body{font-family:var(--f-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea,select{color:inherit;font-family:inherit;font-size:inherit}.page{background:radial-gradient(1200px 600px at 70% -10%, #c2562e12, transparent 70%), radial-gradient(900px 500px at 10% 110%, #5c7a3a0f, transparent 70%), var(--bg);flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);z-index:50;background:#f4ede1b3;justify-content:space-between;align-items:center;padding:18px 28px;display:flex;position:sticky;top:0}.topbar .brand{align-items:center;gap:10px;display:flex}.topbar .brand .logo{background:var(--ink);width:28px;height:28px;color:var(--bg);font-family:var(--f-display);border-radius:8px;place-items:center;padding-bottom:3px;font-size:20px;line-height:1;display:grid}.topbar .brand .wordmark{font-family:var(--f-display);letter-spacing:.2px;font-size:24px;line-height:1}.topbar .brand .tag{font-family:var(--f-mono);text-transform:uppercase;color:var(--ink-3);letter-spacing:.12em;border:1px solid var(--line-2);border-radius:999px;margin-left:6px;padding:3px 7px;font-size:10px}.view-toggle{background:var(--paper);border:1px solid var(--line);border-radius:999px;gap:4px;padding:4px;display:flex}.view-toggle button{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);border-radius:999px;padding:8px 14px;font-size:11px;transition:all .2s}.view-toggle button.active{background:var(--ink);color:var(--bg)}.view-toggle button:hover:not(.active){color:var(--ink)}.topbar .meta{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);align-items:center;gap:14px;font-size:11px;display:flex}.topbar .meta .dot{background:var(--st-ready);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in oklab, var(--st-ready) 20%, transparent);border-radius:50%}.stage{flex:1;justify-content:center;align-items:center;padding:40px 28px 60px;display:flex;overflow:hidden}.stage.split{gap:56px;padding-top:32px}.stage-label{flex-direction:column;align-items:center;gap:12px;display:flex}.stage-label .ticker{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);font-size:10px}.stage-label .ticker .arrow{color:var(--ink-4);margin:0 8px;display:inline-block}.pill{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:500;display:inline-flex}.pill.solid{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pill.accent{color:var(--accent);background:color-mix(in oklab, var(--accent) 10%, transparent);border-color:color-mix(in oklab, var(--accent) 30%, transparent)}.kbd{font-family:var(--f-mono);border:1px solid var(--line-2);color:var(--ink-3);background:var(--paper);border-radius:4px;padding:2px 5px;font-size:10px}.admin-root{min-height:100dvh}.admin-modal{max-width:calc(100vw - max(24px, env(safe-area-inset-left) + env(safe-area-inset-right)))}.admin-modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.admin-modal-actions{background:var(--bg);flex-shrink:0;padding-bottom:max(14px, env(safe-area-inset-bottom))!important}.admin-field-grid>label{min-width:0}.dish-image-preview{max-height:min(30dvh,260px)}@media (width<=1180px){.admin-field-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=760px),(height<=620px){.admin-modal{top:max(6px, env(safe-area-inset-top))!important;border-radius:14px!important;max-height:calc(100dvh - 12px)!important}.admin-modal-head{padding:12px 16px!important}.admin-modal-body{gap:10px!important;padding:14px 16px!important}.admin-modal-actions{padding:12px 16px!important}.admin-field-grid.cols-3,.admin-field-grid.cols-4{grid-template-columns:1fr!important}.dish-image-preview{max-height:min(24dvh,180px)}}@media (orientation:landscape) and (height<=540px){.dish-modal .admin-modal-body{padding-top:10px!important;padding-bottom:10px!important}.dish-image-preview{max-height:120px}}