:root{font-family:Inter,ui-rounded,PingFang SC,Microsoft YaHei,sans-serif;color:#2e2925;background:#f8f4ee;font-synthesis:none;--orange: #ef6f3b;--orange-dark: #d95729;--cream: #fff8ef;--ink: #2e2925;--muted: #83766d;--line: #eadfd3;--green: #4d8b65;--shadow: 0 16px 45px rgba(83, 58, 39, .09)}*{box-sizing:border-box}html{background:#f8f4ee}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 90% 0,#ffe2c8 0,transparent 28%),#f8f4ee}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(239,111,59,.25);outline-offset:2px}.splash{min-height:100vh;display:grid;place-content:center;justify-items:center;color:var(--muted)}.logo-mark,.brand-dot{display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:900;letter-spacing:-.04em}.logo-mark{width:76px;height:76px;border-radius:25px;font-size:25px;box-shadow:0 18px 40px #ef6f3b47}.join-page{min-height:100vh;width:min(1080px,100%);margin:auto;padding:max(28px,env(safe-area-inset-top)) 24px 40px;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}.mini-brand,.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900}.brand-dot{width:42px;height:42px;border-radius:14px;font-size:14px}.join-hero h1,.page h1{margin:7px 0 16px;line-height:1.08;letter-spacing:-.045em}.join-hero h1{font-size:clamp(43px,7vw,76px)}.join-hero h1 em{color:var(--orange);font-style:normal}.eyebrow{color:var(--orange-dark);margin:0 0 7px;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.join-copy{max-width:550px;color:var(--muted);font-size:17px;line-height:1.8}.hero-visual{width:270px;height:210px;margin:24px auto -8px;position:relative;display:grid;place-items:center}.hero-bowl{font-size:94px;filter:drop-shadow(0 20px 22px rgba(83,58,39,.14))}.orbit{position:absolute;display:grid;place-items:center;width:60px;height:60px;border-radius:21px;background:#ffffffc7;box-shadow:var(--shadow);font-size:30px}.orbit-a{left:0;top:18px;transform:rotate(-8deg)}.orbit-b{right:0;top:4px;transform:rotate(9deg)}.orbit-c{right:20px;bottom:0;transform:rotate(-5deg)}.join-card,.sheet{background:#ffffffeb;border:1px solid rgba(255,255,255,.9);border-radius:30px;box-shadow:var(--shadow)}.join-card{padding:28px}label,.select-label{display:block;margin:17px 0 8px;color:#655a52;font-size:13px;font-weight:800}input,textarea,.select-control{width:100%;border:1px solid var(--line);background:#fffdf9;color:var(--ink);border-radius:15px;padding:14px 15px}textarea{min-height:104px;resize:vertical;line-height:1.55}.avatar-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.avatar-grid button{aspect-ratio:1;border:2px solid transparent;border-radius:13px;font-size:21px;cursor:pointer;transition:transform .18s ease}.avatar-grid button:hover{transform:translateY(-2px)}.avatar-grid button.selected{border-color:var(--ink);transform:scale(1.08)}.field-note,.privacy-note,.fair-note{color:var(--muted);font-size:11px;line-height:1.5}.field-note{margin:7px 2px 0}.privacy-note{text-align:center;margin-bottom:0}.form-error{color:#b83f35;background:#fff0ee;padding:10px 12px;border-radius:12px;font-size:13px}.primary,.secondary,.soft-button,.draw-button{border:0;border-radius:15px;padding:13px 18px;cursor:pointer;font-weight:850}.primary{color:#fff;background:var(--orange);box-shadow:0 10px 25px #ef6f3b38}.primary:hover{background:var(--orange-dark)}.primary:disabled,.draw-button:disabled{opacity:.52;cursor:default}.secondary{background:#fff;border:1px solid var(--line)}.soft-button{color:var(--orange-dark);background:#ffead9}.wide{width:100%;margin-top:20px}.small{padding:10px 14px}.app-shell{min-height:100vh;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;height:72px;padding:max(12px,env(safe-area-inset-top)) max(22px,calc((100vw - 860px)/2)) 10px;display:flex;align-items:center;justify-content:space-between;background:#f8f4eedb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-actions{display:flex;align-items:center;gap:10px}.avatar-button{width:40px;height:40px;border-radius:14px;border:2px solid white;font-size:20px;cursor:pointer;box-shadow:0 5px 15px #3228201a}.status-pill{display:flex;align-items:center;gap:6px;color:var(--green);background:#e9f4ec;padding:7px 10px;border-radius:30px;font-size:11px;font-weight:800}.status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.offline{color:#99754e;background:#f5ebdd}.content{width:min(860px,100%);margin:auto;padding:20px 20px 30px}.page{animation:enter .32s ease both}.page h1{font-size:clamp(32px,7vw,48px)}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:12px 0 22px}.page-intro h1{margin-bottom:0}.search-box{display:flex;align-items:center;gap:11px;padding:0 16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px #533a270a}.search-box span{color:var(--muted);font-size:22px}.search-box input{border:0;background:transparent;padding-left:0}.chip-row{display:flex;gap:9px;overflow-x:auto;padding:14px 1px 8px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip-row button{white-space:nowrap;border:1px solid var(--line);background:#ffffffb8;border-radius:30px;padding:8px 14px;color:#6d625a;cursor:pointer}.chip-row button.active{color:#fff;background:var(--ink);border-color:var(--ink)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin:23px 2px 12px}.section-heading h2,.profile-section h2{margin:0;font-size:19px}.section-heading span{color:var(--muted);font-size:12px}.restaurant-list{display:grid;gap:12px}.restaurant-card,.favorite-card,.meal-card{background:#ffffffe6;border:1px solid rgba(232,221,209,.86);border-radius:22px;box-shadow:0 10px 30px #533a270b}.restaurant-card,.favorite-card{position:relative;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:14px;padding:15px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.restaurant-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.food-icon{display:grid;place-items:center;width:70px;height:70px;border:0;border-radius:20px;background:linear-gradient(145deg,#fff0df,#f8dbc2);font-size:34px}.restaurant-main{min-width:0}.restaurant-main h3,.meal-card h3{margin:0;font-size:17px}.restaurant-main p,.meal-card p{margin:5px 0;color:var(--muted);font-size:12px;line-height:1.5}.title-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.title-line>span{color:var(--muted);font-size:11px;white-space:nowrap}.rating-line{display:flex;align-items:center;gap:7px;color:#8a7c71;font-size:11px}.rating-line strong{color:var(--orange-dark)}.rating-line i{width:1px;height:11px;background:var(--line)}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag-row span{color:#6d625a;background:#f5efe8;border-radius:7px;padding:4px 7px;font-size:10px}.tag-row.large span{font-size:12px;padding:7px 9px}.heart{align-self:start;border:0;background:transparent;color:#b9aaa0;font-size:25px;cursor:pointer}.heart.active{color:var(--orange)}.member-stack{display:flex;padding-right:8px}.member-stack span,.meal-people span{display:grid;place-items:center;border:2px solid white;border-radius:50%}.member-stack span{width:38px;height:38px;margin-right:-9px}.pool-summary{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:stretch;background:var(--ink);color:#fff;border-radius:24px;padding:18px;margin-bottom:18px}.pool-summary>div{display:grid;padding-right:15px;border-right:1px solid rgba(255,255,255,.14)}.pool-summary strong{font-size:25px}.pool-summary span{color:#cfc6bf;font-size:11px}.pool-summary button{color:#fff;border:0;background:var(--orange);border-radius:14px;padding:0 14px;font-weight:800;cursor:pointer}.support-button{min-width:50px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:9px 7px;cursor:pointer;color:var(--muted)}.support-button span{display:block}.support-button.active{color:var(--orange-dark);border-color:#f2b69e;background:#fff1e9}.draw-page{max-width:600px;margin:auto;text-align:center}.draw-copy{margin:22px 0}.draw-copy h1{margin-bottom:8px}.draw-copy>p:last-child{color:var(--muted)}.draw-machine{position:relative;min-height:275px;display:grid;place-items:center;overflow:hidden;background:#302a26;color:#fff;border-radius:35px;box-shadow:0 24px 55px #37271d2e}.draw-glow{position:absolute;width:230px;height:230px;border-radius:50%;background:var(--orange);filter:blur(65px);opacity:.25}.draw-result,.draw-placeholder{position:relative;z-index:1}.draw-result>span{font-size:70px}.draw-result p,.draw-placeholder p{margin:5px 0;color:#cbbfb6;font-size:12px}.draw-result h2,.draw-placeholder h2{margin:6px 0;font-size:27px}.draw-result small{color:#dacbc0}.draw-placeholder>span{color:#f7a680;font-size:46px}.draw-machine.spinning .draw-result>span{animation:bounce .15s infinite alternate}.draw-page .select-label{text-align:left;margin-top:20px}.draw-button{width:100%;margin-top:14px;color:#fff;background:var(--orange);font-size:16px;box-shadow:0 13px 30px #ef6f3b40}.draw-button span{margin-right:8px}.fair-note{margin:13px auto}.timeline{display:grid;gap:12px}.meal-card{display:grid;grid-template-columns:60px 1fr;gap:15px;padding:16px}.meal-date{align-self:start;display:grid;place-items:center;background:#fff0e2;border-radius:17px;padding:9px 4px}.meal-date strong{color:var(--orange-dark);font-size:24px}.meal-date span{color:var(--muted);font-size:10px}.meal-people{display:flex;align-items:center;margin-top:10px}.meal-people span{width:28px;height:28px;margin-right:-5px;font-size:14px}.meal-people small{margin-left:11px;color:var(--muted)}.empty-state{display:grid;justify-items:center;text-align:center;padding:45px 20px;color:var(--muted)}.empty-state.tall{padding-top:90px}.empty-state>span{font-size:47px}.empty-state h3{color:var(--ink);margin:13px 0 4px}.empty-state p{margin:0 0 17px;font-size:13px}.profile-card{display:flex;align-items:center;gap:18px;background:#302a26;color:#fff;border-radius:29px;padding:24px}.profile-avatar{flex:0 0 auto;width:78px;height:78px;border:3px solid rgba(255,255,255,.5);border-radius:25px;font-size:39px}.profile-card h1{margin:3px 0 6px;font-size:31px}.profile-card span{color:#cfc5bd;font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin:14px 0 23px}.stats div{display:grid;justify-items:center;background:#fff;padding:17px 7px}.stats strong{font-size:24px}.stats span{color:var(--muted);font-size:10px}.profile-section{margin-bottom:22px}.profile-section h2{margin-bottom:11px}.rating-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.rating-item>span{font-size:27px}.rating-item strong{font-size:13px}.rating-item p{margin:3px 0 0;color:var(--muted);font-size:11px}.rating-item b{color:var(--orange-dark)}.muted{color:var(--muted);font-size:12px}.settings-list{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:21px}.settings-list button{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:14px;cursor:pointer}.settings-list button:last-child{border-bottom:0}.settings-list button>span{display:grid;place-items:center;width:32px;height:32px;background:#f4eee7;border-radius:10px}.settings-list strong,.settings-list small{display:block}.settings-list strong{font-size:13px}.settings-list small{margin-top:3px;color:var(--muted);font-size:10px}.settings-list b{color:#b8aaa0;font-size:20px}.danger-text strong{color:#af453e}.bottom-nav{position:fixed;z-index:30;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(620px,calc(100% - 24px));display:grid;grid-template-columns:repeat(5,1fr);padding:8px;background:#2d2824f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 18px 45px #2f231b47}.bottom-nav button{position:relative;display:grid;justify-items:center;gap:3px;border:0;color:#aaa09a;background:transparent;border-radius:17px;padding:7px 2px;cursor:pointer}.bottom-nav i{font-style:normal;font-size:20px;line-height:1}.bottom-nav span{font-size:9px}.bottom-nav button.active{color:#fff;background:#ffffff1a}.bottom-nav button.draw i{display:grid;place-items:center;width:34px;height:34px;margin-top:-18px;border-radius:13px;color:#fff;background:var(--orange);box-shadow:0 6px 16px #ef6f3b59}.bottom-nav button.draw{padding-top:3px}.modal-layer{position:fixed;z-index:60;inset:0;display:grid;align-items:end;background:#2a231e7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .2s ease}.sheet{position:relative;width:min(640px,100%);max-height:min(88vh,820px);margin:auto auto 0;overflow-y:auto;padding:27px 22px calc(24px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0;animation:rise .28s ease}.close{position:absolute;right:16px;top:15px;width:36px;height:36px;border:0;border-radius:50%;background:#f3ede7;font-size:23px;cursor:pointer}.detail-hero{display:flex;align-items:center;gap:17px;padding-right:34px}.detail-hero>span{display:grid;place-items:center;min-width:84px;height:84px;background:#ffead8;border-radius:24px;font-size:42px}.detail-hero h2,.form-sheet h2,.help-sheet h2{margin:3px 0 6px;font-size:25px}.detail-hero p:last-child{margin:0;color:var(--muted);font-size:12px}.detail-scores{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 12px}.detail-scores div{display:grid;padding:15px;background:#f8f3ed;border-radius:17px}.detail-scores strong{font-size:25px}.detail-scores div:first-child strong{color:var(--orange-dark)}.detail-scores span{color:var(--muted);font-size:10px}.sheet-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;margin:18px 0}.reviews h3{font-size:15px}.reviews article{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.reviews article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px}.reviews strong{font-size:12px}.reviews p{margin:4px 0 0;color:var(--muted);font-size:11px}.score-picker{display:flex;align-items:center;gap:3px;margin:22px 0}.score-picker button{padding:0;border:0;background:transparent;color:#ddd3ca;font-size:31px;cursor:pointer}.score-picker button.active{color:#f4a23e}.score-picker strong{margin-left:auto;color:var(--orange-dark);font-size:24px}.participant-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.participant-grid button{display:grid;justify-items:center;gap:5px;padding:9px 4px;border:1px solid var(--line);background:#fff;border-radius:14px;cursor:pointer}.participant-grid button.selected{border-color:var(--orange);background:#fff3ec}.participant-grid span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;font-size:22px}.participant-grid small{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.instruction,.privacy-box{border-radius:17px;padding:15px;margin-top:12px}.instruction{background:#f7f2ec}.instruction span{color:var(--orange-dark);font-weight:900}.instruction p,.privacy-box p{color:var(--muted);font-size:12px;line-height:1.65;margin:6px 0 0}.privacy-box{background:#eaf4ed}.privacy-box strong{color:var(--green)}.toast{position:fixed;z-index:100;left:50%;bottom:106px;transform:translate(-50%);max-width:calc(100% - 40px);color:#fff;background:#2d2824f0;border-radius:14px;padding:11px 16px;box-shadow:var(--shadow);font-size:12px;white-space:nowrap}.toast-enter-active,.toast-leave-active{transition:.2s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}@keyframes enter{0%{opacity:0;transform:translateY(7px)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(35px);opacity:.5}}@keyframes bounce{to{transform:translateY(-7px) rotate(5deg)}}@media(min-width:700px){.restaurant-list{grid-template-columns:1fr 1fr}.restaurant-card,.favorite-card{grid-template-columns:60px 1fr auto}.food-icon{width:60px;height:60px}.modal-layer{align-items:center}.sheet{margin:auto;border-radius:30px}.timeline{grid-template-columns:1fr 1fr}}@media(max-width:760px){.join-page{display:block;padding:22px 18px 34px}.join-hero{margin-bottom:24px}.mini-brand{margin-bottom:20px}.hero-visual{width:210px;height:150px;margin:-5px auto}.hero-bowl{font-size:70px}.orbit{width:46px;height:46px;border-radius:15px;font-size:23px}.join-hero h1{font-size:43px}.join-copy{font-size:14px}.join-card{padding:21px}.avatar-grid{grid-template-columns:repeat(6,1fr)}.avatar-grid button{font-size:19px}.topbar{padding-left:20px;padding-right:20px}.content{padding:10px 14px 28px}.restaurant-card,.favorite-card{grid-template-columns:58px 1fr auto;padding:13px;gap:11px}.food-icon{width:58px;height:58px;border-radius:17px;font-size:29px}.tag-row{display:none}.pool-summary{grid-template-columns:1fr 1fr}.pool-summary button{grid-column:1/-1;min-height:42px}.page-intro{align-items:center}.page h1{font-size:33px}.status-pill{display:none}}@media(max-width:390px){.avatar-grid{grid-template-columns:repeat(5,1fr)}.restaurant-card{grid-template-columns:52px 1fr auto}.food-icon{width:52px;height:52px}.rating-line>span:last-child,.rating-line i{display:none}.participant-grid{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}