@font-face{font-family:Caveat;src:url(/fonts/Caveat_700Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/Caveat_600SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Ma Shan Zheng;src:url(/fonts/MaShanZheng_400Regular.ttf)format("truetype");font-weight:400;font-display:swap}:root{--cream:#fbf5ea;--cream-deep:#efe7d8;--cream-deeper:#dfd4c0;--card:#fffdf8;--paper:#f8f1e4;--field:#fffdf8;--terra:#c56a4c;--terra-deep:#ae5439;--terra-deeper:#9e4a30;--terra-ink:#a8513a;--terra-on-cream:#c9986f;--ink:#43352b;--ink-soft:#897662;--ink-mute:#9b8468;--ink-faint:#b3a189;--ink-fainter:#bcab92;--sage:#7e9266;--sage-deep:#6e7e5c;--sage-soft:#93a083;--sage-bg:#ebf1e4;--sage-bg2:#e9eee0;--tan:#f4ead8;--tan-rose:#f4e2d6;--line:#efe3d0;--line-soft:#f2e8d6;--line-warm:#e7dac6;--line-dash:#c7bba1;--line-dot:#e4d6c0;--ghost-bg:#f1efe3;--ghost-ink:#7c6a54;--seg-bg:#f1e7d6;--thumb-bg:#f1e7d6;--thumb-ink:#c6b49a;--crave:#e0905a;--crave-stroke:#d8a98c;--toast-bg:#43352b;--toast-ink:#fbf5ea;--white:#fff6ec;--glow:#e0905a57;--r-xs:9px;--r-sm:12px;--r-md:14px;--r-lg:16px;--r-xl:18px;--r-xxl:20px;--r-card:22px;--shadow-card:0 12px 18px #43352b29;--shadow-soft:0 5px 10px #43352b1a;--shadow-button:0 10px 16px #c56a4c6b;--shadow-lift:0 22px 30px #43352b80;--font-serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;--font-brand:"Caveat", cursive;--font-hand:"Ma Shan Zheng", "Kaiti SC", "STKaiti", "KaiTi", cursive;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--cream);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.5}body:after{content:"";opacity:.05;mix-blend-mode:multiply;pointer-events:none;z-index:0;background:url(/grain.png);position:fixed;inset:0}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}input,textarea{font-family:var(--font-sans)}a{color:inherit;text-decoration:none}.serif{font-family:var(--font-serif);color:var(--ink);font-weight:700}.brand{font-family:var(--font-brand);color:var(--terra);font-weight:700}.hand{font-family:var(--font-hand);color:var(--terra-on-cream);font-weight:400}.body-text{color:var(--ink-soft)}.caps{letter-spacing:1.8px;color:var(--ink-faint);font-size:10px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.card.soft{box-shadow:var(--shadow-soft)}.tap{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s}.tap:active{transform:scale(.97)}.btn-primary{background:var(--terra);width:100%;color:var(--white);border-radius:var(--r-xl);box-shadow:var(--shadow-button);justify-content:center;align-items:center;gap:8px;padding:15px 18px;font-size:15px;font-weight:600;transition:transform .12s,background .15s;display:inline-flex}.btn-primary:hover{background:var(--terra-deep)}.btn-primary:active{transform:scale(.985)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{background:var(--ghost-bg);width:100%;color:var(--ghost-ink);border:1.5px dashed var(--line-dash);border-radius:var(--r-lg);justify-content:center;align-items:center;padding:13px 16px;font-size:13.5px;font-weight:600;transition:transform .12s,background .15s;display:flex}.btn-ghost:hover{background:#ece9da}.btn-ghost:active{transform:scale(.985)}.btn-round{background:var(--tan);border-radius:17px;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .12s;display:inline-flex}.btn-round:active{transform:scale(.9)}.pill{border-radius:var(--r-xs);white-space:nowrap;padding:3px 7px;font-size:9px;font-weight:700;line-height:1.3;display:inline-block}.input{border:1.5px solid var(--line-warm);background:var(--field);border-radius:var(--r-md);width:100%;color:var(--ink);outline:none;padding:12px 14px;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--terra)}.input::placeholder{color:var(--ink-fainter)}textarea.input{resize:vertical;min-height:84px}.field-label{color:var(--ink-soft);margin:14px 0 8px;font-size:11px;font-weight:600;display:block}.seg{background:var(--seg-bg);border-radius:var(--r-md);gap:2px;padding:4px;display:flex}.seg-btn{border-radius:var(--r-sm);text-align:center;color:var(--ink-soft);flex:1;padding:10px 8px;font-size:13px;font-weight:600;transition:all .15s}.seg-btn.on{background:var(--card);color:var(--ink);box-shadow:0 3px 6px #43352b33}.thumb{border-radius:var(--r-sm);background:var(--thumb-bg);border:1px solid var(--line-warm);flex:none;justify-content:center;align-items:center;width:54px;height:54px;display:flex;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.seal{border:1.5px solid var(--line-dot);background:var(--cream);box-shadow:var(--shadow-soft);font-family:var(--font-serif);color:var(--terra);letter-spacing:1.5px;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.seal:before{content:"";border:4px solid var(--cream);border-radius:50%;position:absolute;inset:0}.perforation{border-top:2px dashed var(--line-soft);height:0;margin:0 11px;position:relative}.perforation .notch{background:var(--cream);border-radius:9px;width:18px;height:18px;position:absolute;top:-10px}.perforation .notch.l{left:-20px}.perforation .notch.r{right:-20px}.image-slot{background:var(--thumb-bg);border:1.5px dashed var(--line-warm);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;transition:transform .12s;display:flex;position:relative;overflow:hidden}.image-slot:active{transform:scale(.98)}.image-slot.filled{border-style:solid}.image-slot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.image-slot .ph{color:var(--thumb-ink);font-size:11.5px}.image-slot .busy{background:#fbf5ea8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.toast-wrap{pointer-events:none;z-index:1000;justify-content:center;display:flex;position:fixed;bottom:90px;left:0;right:0}.toast{background:var(--toast-bg);color:var(--toast-ink);border-radius:var(--r-sm);text-align:center;max-width:300px;box-shadow:var(--shadow-lift);padding:11px 17px;font-size:12.5px;line-height:1.45;animation:.26s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2.5px solid var(--line-dot);border-top-color:var(--terra);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:500;background:#43352b66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--cream);border-radius:26px 26px 0 0;width:100%;max-width:560px;max-height:88vh;padding:12px 22px 36px;animation:.24s ease-out sheet-up;overflow-y:auto}@keyframes sheet-up{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-grip{background:var(--line-dot);border-radius:3px;width:44px;height:5px;margin:0 auto 14px}@media (width>=900px){.modal-backdrop{align-items:center;padding:24px}.modal-sheet{border-radius:var(--r-card);animation:.2s ease-out modal-in}@keyframes modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}}.boot{background:var(--cream);min-height:100vh}.center-page{justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.login-card{width:100%;max-width:380px;padding:28px 26px}.login-error{border-radius:var(--r-sm);background:var(--tan-rose);color:var(--terra-ink);text-align:center;margin-top:14px;padding:10px 12px;font-size:12.5px}.unlock{flex-direction:column;align-items:center;width:100%;max-width:300px;display:flex}.pin-dots{gap:16px;margin-top:20px;display:flex}.pin-dot{border-radius:7px;width:13px;height:13px;transition:background .15s}.pin-dots.shake{animation:.36s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-8px)}}.keypad{grid-template-columns:repeat(3,66px);justify-content:center;gap:15px;margin-top:28px;display:grid}.keycap{background:var(--card);border:1px solid #f0e6d4;border-radius:33px;justify-content:center;align-items:center;width:66px;height:66px;transition:transform .1s,background .15s;display:flex;box-shadow:0 4px 8px #43352b29}.keycap:hover{background:var(--paper)}.keycap:active{transform:scale(.92)}.welcome{width:100%;max-width:340px;animation:.5s ease-out rise-in}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ticket{overflow:hidden}.ticket-head{background:var(--terra);text-align:center;padding:18px 22px 16px}.t-resv{letter-spacing:5px;color:#fff3e8;opacity:.9;font-size:9px;font-weight:600}.t-brand{font-family:var(--font-serif);letter-spacing:3px;color:#fff3e8;margin-top:9px;font-size:23px;font-weight:700}.t-est{letter-spacing:3px;color:#fff3e8;opacity:.86;margin-top:8px;font-size:9px;font-weight:500}.ticket-body{flex-direction:column;align-items:center;padding:26px 24px;display:flex}.ticket-body .pill{border-radius:20px;margin-top:13px;padding:7px 13px;font-size:10px}.medallion{width:54px;height:54px;box-shadow:var(--shadow-soft);background:#b05c3e;border-radius:27px;justify-content:center;align-items:center;margin-top:18px;animation:5s ease-in-out infinite float;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.shell{min-height:100vh}.sidebar{display:none}.content{padding:18px 0 110px}.page{width:100%;max-width:1020px;margin:0 auto;padding:0 20px}.bottom-nav{padding:8px 4px calc(8px + env(safe-area-inset-bottom));z-index:100;background:#fffdf8;border-top:1px solid #efe4d2;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav .nav-item{color:var(--ink-faint);flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;font-size:9.5px;display:flex}.bottom-nav .nav-item.on{color:var(--terra)}.bottom-nav .nav-item.on .nav-icon{transform:translateY(-2px)scale(1.08)}.nav-icon{line-height:0;transition:transform .15s;display:inline-flex;position:relative}.nav-badge{background:var(--terra);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-5px;right:-9px}@media (width>=900px){.shell{display:flex}.bottom-nav{display:none}.sidebar{border-right:1px solid var(--line);background:#fffdf88c;flex-direction:column;flex:none;width:236px;height:100vh;padding:34px 18px 26px;display:flex;position:sticky;top:0}.sidebar-brand{text-align:center;border-bottom:1px dashed var(--line-dot);flex-direction:column;align-items:center;padding-bottom:26px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:4px;margin-top:24px;display:flex}.sidebar .nav-item{border-radius:var(--r-md);color:var(--ink-soft);align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar .nav-item:hover{background:var(--paper)}.sidebar .nav-item.on{background:var(--tan);color:var(--terra-ink);font-weight:600}.sidebar-foot{text-align:center;border-top:1px dashed var(--line-dot);padding-top:18px}.content{flex:1;min-width:0;padding:40px 0 60px}.page{padding:0 44px}}.page-head{margin-bottom:16px}.page-head h1{margin:0;font-size:23px;font-weight:700}.page-head.with-back{align-items:center;gap:12px;display:flex}.page-head.with-back h1{font-size:19px}.form-col,.order-col{max-width:560px}.home-head{text-align:center;margin-bottom:18px}.home-grid{grid-template-columns:1fr;align-items:start;gap:16px;display:grid}@media (width>=900px){.home-head{text-align:left}.home-grid{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:22px}}.home-rail{flex-direction:column;gap:12px;display:flex}.resv-card{overflow:hidden}.resv-head{background:linear-gradient(120deg, var(--terra), var(--terra-deep));justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.resv-label{letter-spacing:2px;color:#fff3e8;opacity:.9;font-size:10px;font-weight:500}.resv-when{color:#fff3e8;margin-top:8px;font-size:21px}.resv-big{color:#fff3e8;font-size:34px;line-height:1.1}.resv-big-label{color:#fff3e8;opacity:.9;margin-top:3px;font-size:9px;font-weight:500}.resv-body{padding:15px 20px 17px}.resv-body-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.resv-confirmed{color:var(--sage-soft);font-size:9px;font-weight:600}.week-row{border-top:1px solid var(--line-soft);align-items:center;gap:12px;padding:9px 0;display:flex}.week-tick{background:var(--sage-bg);border-radius:12px;flex:none;justify-content:center;align-items:center;width:23px;height:23px;display:flex}.anniv-card{background:var(--paper);border-radius:var(--r-lg);align-items:center;gap:10px;padding:14px 16px;display:flex}.anniv-heart{background:var(--terra);border-radius:19px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dish-grid{grid-template-columns:1fr;gap:11px;max-width:640px;margin-top:14px;display:grid}@media (width>=1100px){.dish-grid{grid-template-columns:1fr 1fr;max-width:none}.order-col .dish-grid{grid-template-columns:1fr}}.dish-card{border-radius:var(--r-lg);align-items:center;gap:13px;padding:11px;transition:transform .15s,box-shadow .15s;display:flex}@media (width>=900px){.dish-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}}.dish-add{border-radius:var(--r-sm);flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.wish-card{border-radius:var(--r-lg);align-self:start;padding:15px}.wish-x{color:#c9b79e;padding:2px 4px;font-size:20px;line-height:20px}.note-bubble{background:var(--paper);border-radius:var(--r-sm);margin-top:10px;padding:9px 11px}.kitchen-card{border-radius:var(--r-xl);max-width:640px;margin-top:14px;padding:16px}.badge{background:var(--terra);border-radius:var(--r-xs);color:#fff;padding:4px 8px;font-size:10px;font-weight:600}.order-row{border-top:1px solid var(--line-soft);align-items:center;gap:10px;padding:9px 0;display:flex}.confirm-btn{background:var(--sage-bg);border-radius:var(--r-xs);color:var(--sage);flex:none;padding:8px 11px;font-size:11px;font-weight:600}.week-check{border:1.5px solid var(--line);border-radius:var(--r-lg);text-align:left;align-items:center;gap:12px;padding:13px 15px;transition:background .15s,border-color .15s;display:flex}.check-box{border:1.5px solid #d8c9b2;border-radius:8px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s,border-color .15s;display:flex}.check-box.sm{border-radius:7px;width:22px;height:22px}.grocery-row{align-items:center;gap:12px;width:100%;padding:13px 16px;display:flex}.tag-chip{border:1.5px solid var(--line-warm);background:var(--card);border-radius:var(--r-sm);color:var(--ink-soft);padding:9px 13px;font-size:12.5px;font-weight:500;transition:all .15s}.tag-chip:hover{border-color:var(--terra)}.timeline{max-width:620px;margin-top:4px}.timeline-item{gap:13px;display:flex}.timeline-rail{flex-direction:column;flex:none;align-items:center;width:11px;display:flex}.timeline-dot{background:var(--terra);border-radius:6px;flex:none;width:11px;height:11px;margin-top:5px}.timeline-line{background:#ead9c5;flex:1;width:2px;margin-top:4px}.menu-row{width:100%;color:var(--ink);text-align:left;justify-content:space-between;align-items:center;padding:15px 16px;font-size:14px;font-weight:500;display:flex}.menu-row:hover{background:var(--paper)}.chev{color:#c9b79e;font-size:20px}.sync-row{background:var(--paper);border-radius:var(--r-md);align-items:center;gap:10px;padding:12px 14px;display:flex}.sync-dot{border-radius:5px;flex:none;width:9px;height:9px}