@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{color:#261b17;font-synthesis:none;background:#f5efe4;font-family:Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 10%,#fff9ed 0,#0000 32%),#f5efe4;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Noto Serif SC,serif}.landing{grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.hero{color:#fff8ed;background:#9f2f24;flex-direction:column;justify-content:center;padding:11vh 9vw;display:flex;position:relative;overflow:hidden}.hero:after{content:"火锅";color:#ffffff0e;white-space:nowrap;font:900 18rem Noto Serif SC;position:absolute;bottom:-5rem;right:-2rem}.brand-mark{color:#e7bd86;border:1px solid #e7bd86;place-items:center;width:52px;height:52px;margin-bottom:3rem;font:700 24px Noto Serif SC;display:grid;transform:rotate(-4deg)}.eyebrow{color:#ba765a;letter-spacing:.25em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700}.hero .eyebrow{color:#e7bd86}.hero h1{max-width:8em;margin:0 0 2rem;font-size:clamp(3.3rem,6vw,6.5rem);line-height:1.02}.hero h1 em{color:#efc27d;font-style:normal;display:block}.lead{color:#ead9ca;max-width:34rem;font-size:1.06rem;line-height:2}.steam{opacity:.35;gap:20px;display:flex;position:absolute;top:20%;left:72%}.steam i{border-left:3px solid #fff;border-radius:50%;width:16px;height:120px;transform:rotate(15deg)}.create-card{background:#fbf7ef;flex-direction:column;justify-content:center;gap:12px;padding:8vh 7vw;display:flex}.create-card>div:not(.avatar-grid){align-items:center;gap:10px;margin-top:10px;display:flex}.create-card .name-row{margin-top:0}.name-row input{flex:1}.random-name{color:#9f2f24;background:#fffaf2;border:1px solid #d5c5b6;flex:none;padding:9px 11px;font-size:12px}.random-name:hover{background:#f8e6d8}.create-card label{font-weight:700}.step{color:#b9382b;font:700 11px monospace}input,select{background:0 0;border:0;border-bottom:1px solid #cbbbac;outline:none;width:100%;padding:12px 2px}input:focus,select:focus{border-color:#b9382b}.avatar-grid{flex-wrap:wrap;gap:8px;display:flex}.avatar-grid button{background:#fff;border:1px solid #dfd3c5;border-radius:50%;width:40px;height:40px;font-size:20px}.avatar-grid button.selected{background:#f8dfd5;border:2px solid #b9382b;transform:translateY(-2px)}.primary{color:#fff;background:#b9382b;border:0;margin-top:24px;padding:16px 22px;font-weight:700}.primary:disabled{opacity:.55}.form-error{color:#a83227;margin:8px 0 -10px;font-size:12px}.center{place-items:center;min-height:100vh;padding:24px;display:grid}.join{width:min(520px,100%);padding:50px;box-shadow:0 24px 70px #59341d1a}.room-shell{min-height:100vh;padding:22px 28px}.room-header{border-bottom:1px solid #d8cbbd;justify-content:space-between;align-items:center;padding:0 0 18px;display:flex}.room-header h1{margin:0;font-size:28px}.room-header .eyebrow{margin-bottom:5px}.header-actions{gap:8px;display:flex}.header-actions button,.section-title button{background:0 0;border:1px solid #c9b9aa;padding:8px 12px}.table-area{grid-template-columns:180px minmax(420px,1fr) 330px;gap:22px;max-width:1500px;margin:auto;padding-top:22px;display:grid}.people,.timeline,.pending,.bowl{background:#ffffff94;border:1px solid #e0d5c9;padding:18px}.people h3,.section-title h3{letter-spacing:.08em;margin:0;font-size:14px}.person{border-bottom:1px solid #e8ded4;align-items:center;gap:10px;padding:13px 0;display:flex}.person>span{font-size:25px}.person small{color:#9b8675;margin-top:2px;font-size:10px;display:block}.pot-column{flex-direction:column;gap:16px;display:flex}.pot{color:#fff;background:radial-gradient(circle,#d95235 0 36%,#ad2f28 37% 50%,#5e211e 51%);border:12px solid #3e312b;border-radius:48% 48% 46% 46%;flex-direction:column;align-items:center;min-height:440px;padding:22px;display:flex;box-shadow:inset 0 0 0 6px #a98e78,0 24px 50px #4c2a1d35}.pot-label{text-align:center;border-bottom:1px solid #f2a890;padding:6px 25px}.pot-label small{opacity:.7;font-size:10px;display:block}.pot-foods{text-align:center;flex-wrap:wrap;flex:1;place-content:center;gap:10px;width:78%;display:flex}.pot-foods>p{color:#f4cabb;line-height:1.8}.food{color:#fff;background:#4b140f59;border:1px solid #ffffff40;border-radius:12px;width:112px;min-height:98px;padding:8px}.food span{font-size:26px;display:block}.food-symbol img{object-fit:contain;width:1.25em;height:1.25em;margin:auto;display:block}.dish-chip .food-symbol{vertical-align:-.2em;place-items:center;width:1.2em;height:1.2em;display:inline-grid}.dish-chip .food-symbol img{width:1.15em;height:1.15em}.food b,.food small{font-size:11px;display:block}.food small{color:#ffd0bb;margin-top:5px}.food.cooked{background:#4b261fcc;box-shadow:0 0 0 2px #efbf79}.food.cooked small{color:#f4d78d}.section-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title a{color:#a43a2d;font-size:12px}.export-button{color:#a43a2d;background:0 0;border:0;padding:0;font-size:12px}.export-button:disabled{opacity:.55}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.dish-chip{background:#fff;border:1px solid #ddccbd;padding:9px 11px}.dish-chip b{color:#b9382b;margin-left:6px}.bowl-chip{border-radius:20px}.muted{color:#a18e7e;margin:4px 0;font-size:12px}.mini-title{color:#8f7765;letter-spacing:.12em;margin:2px 0 9px;font-size:10px;font-weight:700}.drink-title{margin-top:18px}.drinks-row{flex-wrap:wrap;gap:9px;display:flex}.drink-card{text-align:left;background:#fff;border:1px solid #ddccbd;grid-template-columns:34px auto;align-items:center;column-gap:8px;padding:7px 10px;display:grid}.drink-card b,.drink-card small{grid-column:2}.drink-card b{font-size:12px}.drink-card small{color:#a43a2d;font-size:10px}.drink-card.empty{color:#9b8c7e;background:#f1ece5}.drink-glass{grid-row:1/3;place-items:center;width:30px;height:38px;font-size:24px;display:grid;position:relative;overflow:hidden}.drink-glass i{z-index:0;background:#d35c3f55;width:21px;max-height:30px;transition:height .2s;position:absolute;bottom:2px}.drink-glass{isolation:isolate}.drink-glass:after{content:"";z-index:1;position:absolute;inset:0}.timeline{flex-direction:column;height:calc(100vh - 130px);display:flex}.timeline-filters{border-bottom:1px solid #e2d6ca;gap:6px;margin:-2px 0 13px;padding-bottom:12px;display:flex}.timeline-filters button{color:#8b7564;background:0 0;border:1px solid #d9cabb;border-radius:16px;padding:5px 10px;font-size:10px}.timeline-filters button.active{color:#fff8ed;background:#a83227;border-color:#a83227}.events{flex:1;padding-right:8px;overflow-y:auto}.event{border-bottom:1px solid #e7dcd1;grid-template-columns:42px 1fr;gap:8px;padding:9px 0;display:grid}.event time{color:#aa9786;font-size:10px}.event>p{color:#77675a;margin:0;padding-left:11px;font-size:11px;line-height:1.55;position:relative}.event>p:before{content:"";background:#caa98f;border-radius:50%;width:4px;height:4px;position:absolute;top:.58em;left:0}.event.chat{padding:11px 0}.chat-message{grid-template-columns:32px 1fr;align-items:start;gap:8px;display:grid}.chat-avatar{background:#fffaf3;border:1px solid #e0cdbb;border-radius:50%;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.chat-copy{background:#fff;border:1px solid #eadfd4;border-radius:3px 12px 12px;min-width:0;padding:8px 10px 9px;box-shadow:0 3px 12px #6f402b0a}.chat-copy b{color:#a43a2d;margin-bottom:3px;font-size:10px;display:block}.chat-copy p{overflow-wrap:anywhere;color:#342620;margin:0;font-size:12px;line-height:1.6}.event.chat.mine .chat-copy{background:#fff5e9;border-color:#dec1ac}.event.chat.mine .chat-copy b:after{content:" · 我";color:#b79c88;font-weight:400}.empty-chat{color:#a18e7e;text-align:center;margin:40px 10px;font-size:12px}.chat-box{gap:8px;margin-top:12px;display:flex}.chat-box input{background:#fff;border:1px solid #d9cbbb;padding:10px}.chat-box button{color:#fff;background:#b9382b;border:0;padding:0 14px}.notice{color:#fff;z-index:20;background:#33221c;padding:10px 18px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:30;background:#241713a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.menu-modal{background:#faf5ec;width:min(780px,100%);max-height:86vh;padding:28px;overflow:auto}.menu-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.menu-grid button{text-align:left;background:#fff;border:1px solid #e1d4c7;grid-template-columns:42px 1fr auto;align-items:center;padding:13px;display:grid}.menu-grid button>span{font-size:27px}.menu-grid b,.menu-grid small{display:block}.menu-grid small{color:#9c8877;margin-top:3px}.menu-grid small.stock{color:#b9382b;font-weight:700}.menu-grid em{color:#b9382b;font-size:12px;font-style:normal}.menu-heading{letter-spacing:.12em;color:#755d4d;margin:20px 0 10px;font:700 13px Noto Sans SC}.menu-heading.drink-heading{border-top:1px solid #ded1c4;padding-top:20px}.drink-menu{margin-bottom:8px}.loading-pot{font-size:70px;animation:1.2s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-8px)}}@media (max-width:1000px){.table-area{grid-template-columns:140px 1fr}.timeline{grid-column:1/-1;height:420px}}@media (max-width:720px){.landing{grid-template-columns:1fr}.hero{min-height:46vh;padding:56px 28px}.brand-mark{margin-bottom:25px}.hero h1{font-size:3rem}.create-card{padding:36px 26px}.room-shell{padding:15px}.room-header{align-items:flex-start;gap:12px}.header-actions{flex-direction:column}.table-area{flex-direction:column;display:flex}.people{order:2;gap:10px;display:flex;overflow-x:auto}.people h3{display:none}.person{border:0;min-width:120px}.pot-column{order:1}.timeline{order:3;height:440px}.pot{border-width:8px;border-radius:40px;min-height:360px}.pot-foods{width:100%}.food{width:96px}.menu-grid{grid-template-columns:1fr}}