/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.table{display:table}.resize{resize:both}}:root{--paper:#f7f1e8;--paper-deep:#eee3d4;--card:#fffdf8;--ink:#27231f;--ink-soft:#726a61;--line:#27231f21;--coral:#f45d3d;--coral-dark:#d84a2e;--sage:#658264;--blue:#506e87;--shadow:0 18px 48px #4934221c;--ease-out:cubic-bezier(.22, .78, .24, 1)}*{box-sizing:border-box}html{overscroll-behavior:none;background:var(--paper);-webkit-text-size-adjust:100%;width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none;background:radial-gradient(circle at 10% 5%, #f45d3d17, transparent 30%), var(--paper);width:100%;height:100%;color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;position:fixed;inset:0;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f45d3d3d}.app-shell{height:100dvh;overflow:hidden}.phone-canvas{flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.phone-canvas:before{z-index:0;content:"";pointer-events:none;border:1px solid #f45d3d1f;border-radius:50%;width:220px;height:220px;position:absolute;top:110px;right:-105px}.topbar{z-index:5;min-height:66px;padding:max(14px, env(safe-area-inset-top)) 18px 8px;flex:none;justify-content:space-between;align-items:center;display:flex;position:relative}.brand{min-height:48px;color:var(--ink);letter-spacing:-.03em;background:0 0;border:0;align-items:center;gap:10px;padding:5px 4px;font-size:17px;font-weight:800;display:flex}.brand-mark{background:var(--coral);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-family:inherit;font-size:21px;display:grid;transform:rotate(-4deg);box-shadow:0 8px 20px #f45d3d40}.brand-back-icon{width:23px;height:23px;color:var(--ink-soft);background:#fffdf8cc;border:1px solid #27231f14;border-radius:50%;place-items:center;margin-left:-3px;font-size:13px;line-height:1;display:grid}.meal-switch{background:#fffdf8c7;border:1px solid #27231f17;border-radius:16px;padding:4px;display:flex}.meal-switch button{min-width:58px;min-height:44px;color:var(--ink-soft);background:0 0;border:0;border-radius:12px;padding:0 12px;font-size:15px;font-weight:750}.meal-switch button[data-selected=true]{background:var(--ink);color:#fff;box-shadow:0 5px 14px #27231f29}.view{z-index:1;width:100%;min-height:0;animation:view-in .32s var(--ease-out) both;flex:auto;padding:20px 18px 30px;position:relative;overflow:hidden}.mode-view,.blind-view,.group-view{flex-direction:column;display:flex}.result-view,.hardcore-view{overscroll-behavior:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow:hidden auto}@keyframes view-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mode-heading{margin:12px 2px 25px}.mode-heading h1,.view-heading h1{letter-spacing:-.08em;margin:0;font-family:inherit;font-size:clamp(46px,13vw,62px);font-weight:900;line-height:1.02}.mode-heading p,.view-heading>p{color:var(--ink-soft);margin:10px 0 0;font-size:16px;line-height:1.55}.mode-list{gap:13px;display:grid}.mode-card{width:100%;min-height:128px;color:var(--ink);text-align:left;box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff0,#fff6efdb),#fffdf8e0;border:1px solid #ffffffe0;border-radius:24px;grid-template-columns:58px minmax(0,1fr) 24px;align-items:center;gap:14px;padding:18px 16px;transition:transform .17s,box-shadow .17s;display:grid;position:relative;overflow:hidden}.mode-card:after{content:"";background:#f45d3d0f;border-radius:50%;width:112px;height:112px;position:absolute;bottom:-48px;right:-34px}.mode-card:active,.primary-button:active,.secondary-button:active,.popular-card:active,.filter-chip:active{transform:scale(.98)}.mode-card-crowd:after{background:#506e8712}.mode-card-hard:after{background:#65826414}.mode-card-crowd{background:linear-gradient(135deg, #fffffff0, #eff7fce6), var(--card)}.mode-card-hard{background:linear-gradient(135deg, #fffffff0, #eef7ede6), var(--card)}.mode-icon{background:#f45d3d1c;border-radius:18px;place-items:center;width:58px;height:58px;font-size:30px;display:grid}.mode-card-crowd .mode-icon{background:#506e871c}.mode-card-hard .mode-icon{background:#6582641f}.mode-copy{gap:5px;min-width:0;display:grid}.mode-copy strong{letter-spacing:-.025em;font-size:20px;line-height:1.25}.mode-copy>span{color:var(--ink-soft);font-size:14px;line-height:1.45}.mode-card>b{z-index:1;color:var(--ink-soft);font-size:30px;font-weight:400}.report-link{min-height:48px;color:var(--ink-soft);text-underline-offset:5px;background:0 0;border:0;margin:19px auto 0;padding:12px;font-size:14px;-webkit-text-decoration:underline #726a616b;text-decoration:underline #726a616b;display:block}.report-link-large{width:100%;margin-top:auto}.view-heading{margin-bottom:22px}.view-heading h1{letter-spacing:-.055em;white-space:nowrap;margin-top:8px;font-size:clamp(24px,7.2vw,34px);line-height:1.12}.blind-view .view-heading{margin-bottom:16px}.mode-pill{min-height:32px;color:var(--coral-dark);background:#f45d3d1c;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:850;display:inline-flex}.mode-pill-crowd{color:var(--blue);background:#506e871c}.mode-pill-hard{color:var(--sage);background:#6582641f}.fan-stage{isolation:isolate;background:radial-gradient(circle at 50% 62%,#fffdf8e6,#0000 38%),radial-gradient(circle at 18% 14%,#ffffffa6,#0000 31%),linear-gradient(145deg,#f7b39b 0%,#f6c7aa 50%,#f5dfbd 100%);border:1px solid #f45d3d29;border-radius:32px;height:366px;position:relative;overflow:hidden;box-shadow:0 22px 48px #894b312b,inset 0 1px #ffffff8c}.fan-stage:before{z-index:-1;opacity:.38;content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff3d 48%,#0000 62%),radial-gradient(#ffffffa6 .8px,#0000 .8px) 0 0/15px 15px;position:absolute;inset:0}.fan-ambient{background:radial-gradient(circle,#fffaeec7,#0000 68%);border-radius:50%;width:260px;height:260px;animation:1.7s ease-in-out infinite alternate fan-breathe;position:absolute;top:76px;left:50%;transform:translate(-50%)}@keyframes fan-breathe{to{opacity:.7;transform:translate(-50%)scale(1.08)}}.fan-pointer{z-index:5;border-top:18px solid var(--coral);filter:drop-shadow(0 6px 8px #aa482b3d);border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0;position:absolute;top:37px;left:50%;transform:translate(-50%)}.fan-pointer:after,.fan-pointer span{display:none}.fan-wheel{transform-origin:50%;will-change:transform, opacity;background:radial-gradient(circle,#0000 0 44%,#ffffff80 44.3% 44.8%,#0000 45.1%),radial-gradient(circle,#ffffff3d,#ffffff0f 63%,#0000 64%);border:1px solid #ffffff2e;border-radius:50%;width:640px;height:640px;margin-left:-320px;position:absolute;top:87px;left:50%}.fan-wheel-ring{border:1px dashed #ffffff52;border-radius:50%;position:absolute;inset:76px}.fan-item{width:156px;transform:translate(-50%, -50%) rotate(var(--fan-angle)) translateY(-277px) rotate(calc(var(--fan-angle) * -1));justify-items:center;gap:9px;display:grid;position:absolute;top:50%;left:50%}.fan-food{width:128px;height:128px;transition:filter .18s ease, opacity .18s ease, transform .24s var(--ease-out);will-change:filter, transform;background:radial-gradient(circle at 38% 28%,#fffdf8,#ffe9dc 68%,#f7b097) 50%/cover;border:1px solid #ffffff73;border-radius:50%;place-items:center;font-size:59px;line-height:1;display:grid;overflow:hidden;box-shadow:0 16px 32px #7b412a33,inset 0 0 0 7px #ffffff57}.fan-food[data-has-image=true]{background-color:#e8dfd7;box-shadow:0 16px 32px #7b412a36,inset 0 0 0 4px #ffffff57}.fan-item strong{color:#27231f94;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:13px;font-weight:800;transition:opacity .18s,color .18s;display:block;overflow:hidden}.fan-item[data-selected=true] .fan-food{border-color:#fff;transform:scale(1.12);box-shadow:0 22px 42px #7b412a3d,0 0 0 7px #f45d3d42,inset 0 0 0 6px #fff6}.fan-item[data-selected=true] strong{color:var(--ink);font-size:15px}.fan-stage[data-phase=fast] .fan-food{filter:blur(9px)saturate(.82);opacity:.7}.fan-stage[data-phase=fast] .fan-item strong{opacity:0}.fan-stage[data-phase=slowing] .fan-food{filter:blur(1.5px)}.fan-stage[data-phase=stopped] .fan-item:not([data-selected=true]){opacity:.58}.fan-stage[data-phase=stopped] .fan-item[data-selected=true] .fan-food{animation:fan-selected .52s var(--ease-out) both}@keyframes fan-selected{0%{transform:scale(1.04)}58%{transform:scale(1.18)}to{transform:scale(1.12)}}.fan-live{z-index:4;color:#27231fb3;letter-spacing:.03em;text-align:center;margin:0;font-size:12px;font-weight:900;position:absolute;bottom:20px;left:22px;right:22px}.spin-note{color:var(--ink-soft);text-align:center;margin:20px 0 0;font-size:14px}.blind-actions{animation:actions-in .36s var(--ease-out) both;flex:none;gap:10px;margin-top:auto;padding-top:18px;display:grid}@keyframes actions-in{0%{opacity:0;transform:translateY(8px)}}.primary-button{background:var(--coral);color:#fff;border:0;border-radius:18px;justify-content:space-between;align-items:center;width:100%;min-height:60px;padding:0 21px;font-size:17px;font-weight:850;transition:background .16s,transform .16s;display:flex;box-shadow:0 13px 28px #f45d3d40}.primary-button:hover{background:var(--coral-dark)}.primary-button:disabled{cursor:not-allowed;box-shadow:none;background:#c8b7aa}.primary-button span,.primary-button b{font-size:23px;font-weight:500}.secondary-button{border:1px solid var(--line);width:100%;min-height:56px;color:var(--ink);background:#fffdf8b8;border-radius:17px;padding:0 16px;font-size:15px;font-weight:800;transition:transform .16s}.popular-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;gap:10px;min-height:0;margin-bottom:18px;padding:2px 1px 8px;display:grid;overflow:hidden auto}.group-view>.primary-button{flex:none}.popular-card{border:1px solid var(--line);width:100%;min-height:82px;color:var(--ink);text-align:left;background:#fffdf8d6;border-radius:20px;grid-template-columns:30px 52px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 13px;transition:transform .16s;display:grid;box-shadow:0 9px 25px #4934220f}.popular-rank{color:#27231f57;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:800}.popular-card:first-child .popular-rank{color:var(--coral-dark)}.popular-emoji{background:#506e871a;border-radius:16px;place-items:center;width:52px;height:52px;font-size:27px;display:grid}.popular-copy{gap:5px;min-width:0;display:grid}.popular-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.popular-copy small{color:var(--ink-soft);font-size:12px}.follow-button{background:var(--ink);color:#fff;border-radius:13px;place-items:center;min-width:54px;min-height:42px;font-size:13px;font-weight:800;display:grid}.popular-loading{grid-template-columns:52px 1fr}.popular-loading i,.popular-loading span{background:linear-gradient(90deg,#726a6114,#726a6129,#726a6114) 0 0/200% 100%;border-radius:14px;animation:1.3s linear infinite shimmer;display:block}.popular-loading i{width:52px;height:52px}.popular-loading span{width:66%;height:16px}@keyframes shimmer{to{background-position:-200% 0}}.hardcore-heading{margin-bottom:32px}.filter-card{box-shadow:var(--shadow);background:#fffdf8d1;border:1px solid #ffffffe6;border-radius:25px;gap:0;padding:8px 18px;display:grid}.filter-section{border:0;border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;min-width:0;min-height:min(32dvh,230px);margin:0;padding:28px 0;scroll-margin-block:22px;display:flex}.filter-section:last-child{border-bottom:0}.filter-section legend{width:100%;color:var(--ink);margin-bottom:16px;padding:0;font-size:17px;font-weight:850}.filter-options{flex-wrap:wrap;gap:11px;display:flex}.filter-chip{border:1px solid var(--line);min-height:54px;color:var(--ink-soft);background:#fff;border-radius:14px;padding:0 18px;font-size:15px;font-weight:750;transition:color .16s,border-color .16s,background .16s,transform .16s}.filter-chip[data-selected=true]{border-color:var(--ink);background:var(--ink);color:#fff}.hardcore-sticky{z-index:4;padding:11px 4px max(12px, env(safe-area-inset-bottom));background:linear-gradient(#f7f1e800, var(--paper) 20%);gap:8px;margin:18px -4px -16px;display:grid;position:sticky;bottom:0}.hardcore-sticky>span{color:var(--ink-soft);text-align:center;font-size:12px;font-weight:700}.result-heading>p{font-size:13px}.meal-card{background:var(--card);box-shadow:var(--shadow);border:1px solid #ffffffe0;border-radius:28px;padding:20px 21px 23px;position:relative;overflow:hidden}.meal-visual{background:radial-gradient(circle at 50% 52%,#fffdf8f0 0 25%,#0000 26%),linear-gradient(135deg,#f8b59f,#ed7656);place-items:center;height:166px;margin:-20px -21px 18px;display:grid;position:relative;overflow:hidden}.meal-visual[data-has-image=true]{background-color:#d8c7b9;background-position:50%;background-size:cover}.meal-visual[data-has-image=true]:before,.meal-visual[data-has-image=true]:after{display:none}.meal-visual:before,.meal-visual:after{content:"";background:#ffffff2e;border-radius:50%;position:absolute}.meal-visual:before{width:120px;height:120px;top:-42px;left:-24px}.meal-visual:after{width:160px;height:160px;bottom:-62px;right:-18px}.meal-visual span{z-index:2;filter:drop-shadow(0 11px 13px #52291a2b);font-size:84px;transform:rotate(-4deg)}.meal-visual i{filter:blur(6px);background:#52291a1f;border-radius:50%;width:102px;height:14px;position:absolute;bottom:25px}.meal-tags{flex-wrap:wrap;gap:7px;display:flex}.meal-tags span{color:#557252;background:#6582641f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.meal-card h2{letter-spacing:-.06em;margin:13px 0 8px;font-family:inherit;font-size:38px}.meal-card>p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.65}.meal-meta{border-top:1px solid var(--line);color:var(--ink-soft);gap:20px;margin-top:18px;padding-top:16px;font-size:14px;display:flex}.meal-meta b{color:var(--coral);font-weight:850}.result-actions{gap:10px;margin-top:16px;display:grid}footer{z-index:1;padding:12px 20px max(20px, env(safe-area-inset-bottom));color:#726a61b3;letter-spacing:.02em;text-align:center;flex:none;margin-top:auto;font-size:11px}.sheet-layer{z-index:20;inset:auto 0;top:var(--visual-viewport-top,0px);height:var(--visual-viewport-height,100dvh);max-height:var(--visual-viewport-height,100dvh);padding-top:max(12px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#27231f61;justify-content:center;align-items:flex-end;animation:.18s ease-out both layer-in;display:flex;position:fixed;overflow:hidden}@keyframes layer-in{0%{opacity:0}}.report-sheet{width:100%;max-width:520px;max-height:calc(var(--visual-viewport-height,100dvh) - 12px);overscroll-behavior:contain;padding:13px 24px max(28px, env(safe-area-inset-bottom));background:radial-gradient(circle at 90% 8%, #f45d3d14, transparent 25%), var(--card);-webkit-overflow-scrolling:touch;animation:sheet-up .28s var(--ease-out) both;border:1px solid #fffc;border-bottom:0;border-radius:32px 32px 0 0;overflow-y:auto;box-shadow:0 -20px 70px #27231f33}html[data-keyboard-open=true] .report-sheet{border-radius:24px 24px 0 0;padding-top:10px;padding-bottom:12px}html[data-keyboard-open=true] .sheet-handle{margin-bottom:10px}html[data-keyboard-open=true] .sheet-heading h2{margin-bottom:14px;font-size:24px}html[data-keyboard-open=true] .status-choice{margin:10px 0 12px}html[data-keyboard-open=true] .sheet-privacy{display:none}@keyframes sheet-up{0%{transform:translateY(34px)}}.sheet-handle{background:#ded4c7;border-radius:99px;width:38px;height:5px;margin:0 auto 18px}.sheet-heading{justify-content:space-between;align-items:flex-start;display:flex}.eyebrow{color:var(--coral-dark);letter-spacing:.08em;margin:0 0 7px;font-size:12px;font-weight:850}.sheet-heading h2{letter-spacing:-.05em;max-width:330px;margin:0 0 26px;font-family:inherit;font-size:29px;font-weight:900;line-height:1.15}.close-button{background:var(--paper);width:44px;height:44px;color:var(--ink-soft);border:0;border-radius:50%;place-items:center;font-size:27px;line-height:1;display:grid}.meal-input-label{gap:10px;display:grid}.meal-input-label>span{font-size:13px;font-weight:850}.meal-input-label input{border:1px solid var(--line);width:100%;height:62px;color:var(--ink);background:#fff;border-radius:16px;outline:0;padding:0 17px;font-size:17px}.meal-input-label input:focus{border-color:var(--coral);box-shadow:0 0 0 3px #f45d3d1a}.meal-input-label input::placeholder{color:#b2a79b}.status-choice{background:var(--paper);border-radius:16px;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0 18px;padding:4px;display:grid}.status-choice button{min-height:52px;color:var(--ink-soft);background:0 0;border:0;border-radius:12px;font-size:14px;font-weight:800}.status-choice button[data-selected=true]{color:var(--ink);background:#fff;box-shadow:0 3px 12px #49342214}.sheet-privacy{color:var(--ink-soft);text-align:center;margin:13px 5px 0;font-size:11px;line-height:1.5}.toast{z-index:30;right:18px;bottom:max(22px, env(safe-area-inset-bottom));background:var(--ink);color:#fff;text-align:center;border-radius:15px;max-width:400px;margin:auto;padding:15px 18px;font-size:14px;font-weight:750;animation:.22s ease-out both toast-in;position:fixed;left:18px;box-shadow:0 12px 30px #27231f3d}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width>=560px){body{padding:22px 0}.phone-canvas{background:radial-gradient(circle at 10% 5%, #f45d3d17, transparent 30%), var(--paper);border:1px solid #27231f14;border-radius:32px;width:440px;height:calc(100dvh - 44px);min-height:0;margin:0 auto;box-shadow:0 24px 80px #37281d21}}@media (height<=760px){.topbar{min-height:58px;padding:max(9px, env(safe-area-inset-top)) 16px 5px}.brand{min-height:42px;font-size:15px}.brand-mark{border-radius:10px;width:34px;height:34px;font-size:18px}.meal-switch button{min-height:40px;font-size:14px}.view{padding:10px 16px 14px}.mode-heading{margin:2px 2px 12px}.mode-heading h1{font-size:38px}.mode-heading p,.view-heading>p{margin-top:6px;font-size:13px}.mode-list{gap:8px}.mode-card{border-radius:20px;grid-template-columns:48px minmax(0,1fr) 20px;gap:11px;min-height:92px;padding:10px 13px}.mode-icon{border-radius:15px;width:48px;height:48px;font-size:25px}.mode-copy{gap:3px}.mode-copy strong{font-size:18px}.mode-copy>span{font-size:12px}.report-link{min-height:40px;margin-top:7px;padding:8px;font-size:12px}.view-heading{margin-bottom:10px}.view-heading h1{margin-top:7px;font-size:clamp(23px,6.8vw,30px)}.blind-view .view-heading{margin-bottom:10px}.mode-pill{min-height:28px;padding:0 10px;font-size:11px}.fan-stage{border-radius:26px;flex:auto;height:auto;min-height:230px}.blind-actions{gap:8px;padding-top:10px}.blind-actions .primary-button,.group-view>.primary-button{min-height:52px}.blind-actions .secondary-button{min-height:48px}.popular-list{gap:8px;margin-bottom:10px}.popular-card{grid-template-columns:26px 46px minmax(0,1fr) auto;min-height:72px;padding:8px 11px}.popular-emoji{width:46px;height:46px;font-size:24px}footer{padding:5px 16px max(9px, env(safe-area-inset-bottom));font-size:10px}}@media (width<=360px){.view,.topbar{padding-left:14px;padding-right:14px}.brand{font-size:15px}.brand-mark{width:34px;height:34px}.meal-switch button{min-width:50px;padding:0 9px}.mode-card{grid-template-columns:50px minmax(0,1fr) 18px;gap:11px;padding:16px 13px}.mode-icon{width:50px;height:50px;font-size:26px}.mode-copy strong{font-size:17px}.popular-card{grid-template-columns:24px 46px minmax(0,1fr) auto;gap:8px;padding-left:9px;padding-right:10px}.popular-emoji{width:46px;height:46px}.follow-button{min-width:48px}.filter-chip{padding:0 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}