/* Same 375 × 769 native viewport and brand tokens as the supplied mini program. */
.ms-chapter{background:#fbf4e6;color:#423e34;font-size:14px;line-height:20px}
.ms-chapter h3,.ms-chapter h4,.ms-chapter p{margin:0}
.ms-chapter h4{font-size:14px;line-height:20px;font-weight:600;display:flex;gap:4px;align-items:center}
.ms-chapter h4 small{font-size:12px;line-height:16px;color:#aaa08d;font-weight:400}
.ms-chapter h4>small:last-child{margin-left:auto}
.ms-chapter .r-bar{z-index:4}
.ms-chapter .icon{width:18px;height:18px}
.ms-create-window{position:absolute;inset:44px 0 0;overflow:hidden}
.ms-create-form{position:relative;padding:16px 16px 32px;will-change:transform}
.ms-identity{display:flex;gap:12px;min-height:160px;padding-bottom:24px}
.ms-cover{position:relative;width:104px;height:104px;flex:none;background:#fcf8ee;border:1px dashed #e4d9bf;border-radius:12px}
.ms-cover-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;height:100%;color:#a49b89;font-size:12px;line-height:16px}
.ms-cover-empty>.icon{width:24px;height:24px}
.ms-cover>small{display:block;position:absolute;top:112px;text-align:center;width:100%;font-size:12px;line-height:16px;color:#b0a58d}
.ms-cover-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}
.ms-identity-copy{flex:1;min-width:0}
.ms-identity-copy h4 small{margin-left:0!important}
.ms-name{height:36px;display:flex;align-items:center;font-size:14px;line-height:20px;color:#b5aa92}
.ms-description{padding-top:12px;min-height:52px;color:#b5aa92;font-size:12px;line-height:20px}
.ms-description-count{font-size:12px;line-height:16px;display:block;text-align:right;color:#b0a68f}
.ms-name.is-filled,.ms-description.is-filled{color:#464031}
.ms-type{position:relative;padding:16px 0}
.ms-type>h4{margin-bottom:12px}
.ms-options{display:flex;align-items:center;gap:8px}
.ms-options>span{flex:1;padding:12px 4px;display:flex;align-items:center;justify-content:center;gap:4px;text-align:center;border:1px solid #eee6d3;border-radius:12px;background:#fffdf8;color:#8d8575;white-space:nowrap;min-height:40px;transition:background-color .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1)}
.ms-options>span.is-selected{border-color:#dfbd62;background:#fff0c8;color:#8b6a2c;font-weight:600}
.ms-type>p{font-size:12px;line-height:20px;color:#a79c85;margin-top:8px}
.ms-create-dates{position:absolute;top:132px;left:0;right:0;background:#fbf4e6}
.ms-create-dates>h4{margin-bottom:8px}
.ms-create-dates .ms-options>span{padding:4px;min-height:28px;font-size:12px;line-height:16px}
.ms-date-range{display:flex;align-items:center;justify-content:center;gap:16px;border-radius:12px;background:#fff9ec;margin-top:8px;height:36px;font-size:12px;color:#968366}
.ms-after-type{position:relative;will-change:transform}
.ms-matching{padding:16px 0}
.ms-matching>h4{margin-bottom:12px}
.ms-source-options{display:flex;align-items:center;gap:12px}
.ms-source-options>small{flex:none;color:#9c937e;font-size:12px;line-height:16px}
.ms-source-options>.ms-options{flex:1;gap:0;background:#fffdf8;border-radius:12px}
.ms-source-options .ms-options>span{min-height:36px;padding:8px 4px;font-size:14px;border-radius:12px}
.ms-match-scope{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;color:#a99e87;font-size:12px;line-height:16px}
.ms-match-scope>small{font-size:12px;line-height:16px}
.ms-matching>.ms-options>span{min-height:32px;padding:8px;font-size:12px;line-height:16px}
.ms-create-actions{display:flex;gap:8px;margin-top:12px}
.ms-create-actions>span,.ms-create-actions>b{padding:12px 8px;min-height:44px;border-radius:12px;text-align:center;font-size:14px;line-height:20px;font-weight:600}
.ms-create-actions>span{flex:1;background:#fffdf8;border:1px solid #dfd3b5}
.ms-create-actions>b{flex:1.4;background:#e8b14c;color:#745319}
.ms-reuse{display:flex;align-items:center;gap:12px;padding:24px 0 16px}
.ms-reuse>.ms-entry-icon{color:#ad9a70}
.ms-reuse>div{flex:1;display:flex;flex-direction:column;gap:4px}
.ms-reuse b{font-size:14px;line-height:20px;font-weight:400}
.ms-reuse small{font-size:12px;line-height:16px;color:#b0a68e}
.ms-reuse>span:last-child{color:#9b9c7d;font-size:20px}
.ms-code{padding:16px 0}
.ms-code-heading{display:flex;align-items:center;gap:12px;font-size:14px;line-height:20px}
.ms-code-heading>.icon{color:#959b7e}
.ms-code-heading>b{font-weight:400}
.ms-code-heading>span{margin-left:auto;color:#939c7d;font-size:20px}
.ms-code-input-area{margin-top:12px}
.ms-code-input-area>small{display:block;font-size:12px;line-height:16px;color:#aa9e87;margin-bottom:8px}
.ms-code-input-area>div{display:flex;align-items:center;gap:8px;background:#fffdf8;border:1px solid #ebdfc5;border-radius:12px;padding:8px}
.ms-code-input-area span{flex:1;color:#a99a7d;font-size:12px;line-height:16px}
.ms-code-input-area b{font-size:12px;line-height:16px;background:#f7df9e;padding:8px 12px;border-radius:8px;color:#927039;font-weight:400}
.ms-overlay{position:absolute;inset:44px 0 0;background:#302d244d;z-index:9;opacity:0;visibility:hidden}
.ms-small-sheet{position:absolute;left:0;right:0;bottom:0;background:#fffdf8;border-radius:24px 24px 0 0;padding:24px 16px 32px}
.ms-small-sheet h3,.ms-reuse-sheet h3{font-size:18px;line-height:28px;font-weight:600}
.ms-cover-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 12px}
.ms-cover-choices>span{display:block;aspect-ratio:1;overflow:hidden;border-radius:8px;border:2px solid transparent}
.ms-cover-choices>.is-selected{border-color:#e8b14c}
.ms-cover-choices img{display:block;width:100%;height:100%;object-fit:cover}
.ms-small-sheet>p{font-size:12px;line-height:16px;color:#a69a81;text-align:center}
.ms-reuse-sheet{position:absolute;inset:48px 0 0;background:#fbf4e6;border-radius:24px 24px 0 0;padding:24px 16px}
.ms-reuse-sheet h3{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.ms-reuse-sheet h3>span{font-size:20px;color:#afa58e;font-weight:400}
.ms-reuse-card{display:flex;gap:12px;align-items:center;padding:12px;background:#fffdf8;border-radius:16px;margin-top:16px}
.ms-reuse-card>img{width:80px;height:80px;object-fit:cover;border-radius:12px}
.ms-reuse-card>span{flex:1;display:flex;flex-direction:column;gap:8px}
.ms-reuse-card b{font-size:14px;line-height:20px;font-weight:600}
.ms-reuse-card small{font-size:12px;line-height:16px;color:#aaa08a}
.ms-reuse-card>.icon{color:#af9967;width:16px;height:16px}
.ms-created-toast,.ms-arranged-toast{position:absolute;left:24px;right:24px;bottom:48px;background:#56613f;color:#fffdf8;z-index:12;border-radius:16px;padding:16px 12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:16px;opacity:0;visibility:hidden}
.ms-native-touch{position:absolute;left:0;top:0;width:36px;height:36px;border:2px solid #c69a3c;border-radius:50%;box-shadow:0 0 0 6px #f4d59155;z-index:14;pointer-events:none;transform-origin:center;opacity:0}
.ms-picker-page,.ms-summary-page{position:absolute;inset:0;background:#fbf4e6;will-change:transform,opacity}
.ms-search-field{position:absolute;top:52px;left:12px;right:12px;display:flex;gap:8px;align-items:center;height:44px;background:#fffdf8;padding:12px;border-radius:24px;color:#b1a68e;font-size:12px;line-height:16px}
.ms-search-field>.icon{color:#998f7b;width:16px;height:16px}
.ms-search-field .is-searching{color:#4e483b}
.ms-picker-toolbar{position:absolute;top:108px;left:12px;right:12px;height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.ms-picker-toolbar>div{display:flex;gap:16px;align-items:center}
.ms-picker-toolbar>div>span{color:#aaa08a;font-size:14px;line-height:20px;position:relative;padding:8px 0}
.ms-picker-toolbar>div>.is-selected{color:#433c2c;font-weight:600}
.ms-picker-toolbar>div>.is-selected:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#d5ae54}
.ms-picker-toolbar>small{font-size:12px;line-height:16px;color:#b4914f;white-space:nowrap}
.ms-picker-main{position:absolute;top:156px;bottom:68px;left:0;right:0;display:flex}
.ms-category-window{width:72px;flex:none;overflow:hidden;background:#f5efe1}
.ms-category-list{will-change:transform}
.ms-category-list>span{height:48px;padding:12px 4px;display:flex;align-items:center;justify-content:center;color:#a59b86;font-size:14px;line-height:20px;text-align:center;white-space:nowrap;transition:background-color .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1)}
.ms-category-list>.is-selected{background:#faebc1;color:#685737;font-weight:600}
.ms-food-window{position:relative;flex:1;background:#fffdf8;overflow:hidden}
.ms-food-list{position:relative;padding:12px 12px 24px;will-change:transform,opacity}
.ms-food-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;margin-bottom:8px;font-size:14px;line-height:20px}
.ms-food-section-heading small{font-size:12px;line-height:16px;color:#b5a991}
.ms-food-row{position:relative;display:flex;align-items:center;gap:12px;min-height:116px;padding:12px 0}
.ms-food-row>img{display:block;width:88px;height:88px;object-fit:cover;border-radius:12px;flex:none}
.ms-food-row>div{flex:1;min-width:0;align-self:stretch;padding-top:12px}
.ms-food-row h4{font-size:14px;line-height:20px;display:block;font-weight:600}
.ms-food-row p{margin-top:4px;font-size:12px;line-height:16px;color:#b0a48d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-quantity{display:flex;align-items:center;gap:8px;justify-content:end;margin-top:12px}
.ms-quantity>span,.ms-quantity>b{height:32px;width:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f2be4e;color:#a17e2f;font-weight:400;font-size:24px;line-height:32px}
.ms-quantity>span{background:#fcf2d4;color:#b4914f}
.ms-quantity>small{font-size:12px;line-height:16px;color:#756c59}
.ms-empty{padding:48px 4px;text-align:center;color:#aaa08b;font-size:12px;line-height:20px;display:none}
.ms-empty>small{display:block;font-size:12px;line-height:20px;margin-top:12px}
.ms-empty>b{display:inline-flex;color:#9e8247;background:#fff3d1;border-radius:12px;padding:12px;margin-top:16px;font-size:12px;font-weight:400}
.ms-picker-footer{position:absolute;left:0;right:0;bottom:0;height:68px;padding:12px;display:flex;align-items:center;gap:8px;background:#fffdf8;z-index:5}
.ms-basket{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transform-origin:center}
.ms-basket>.icon{width:28px;height:28px;color:#ba8e32}
.ms-basket>i{position:absolute;right:0;top:0;background:#e7b64d;color:#fffdf8;font-size:12px;line-height:16px;min-width:16px;height:16px;border-radius:50%;font-style:normal;text-align:center}
.ms-picker-footer>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}
.ms-picker-footer b{font-size:14px;line-height:20px;font-weight:600}
.ms-picker-footer small{font-size:12px;line-height:16px;color:#b0a58d}
.ms-picker-done{display:flex;align-items:center;justify-content:center;background:#e9b64d;border-radius:24px;padding:12px 40px;color:#71501c;min-width:112px;min-height:44px}
.ms-cart-flight{position:absolute;left:0;top:0;width:64px;height:64px;border:3px solid #fffdf8;border-radius:12px;z-index:11;overflow:hidden;opacity:0;transform-origin:center;box-shadow:0 8px 16px #5a421a33}
.ms-cart-flight>img{display:block;object-fit:cover;height:100%;width:100%}
.ms-summary-scroll{position:absolute;top:44px;bottom:68px;left:0;right:0;padding:24px 12px 16px;overflow:hidden}
.ms-summary-scroll>h3{display:flex;align-items:center;gap:8px;font-size:20px;line-height:28px;font-weight:600;white-space:nowrap}
.ms-summary-scroll>h3>small{background:#f4eddc;color:#a39578;padding:4px;border-radius:8px;font-size:12px;line-height:16px;font-weight:400}
.ms-summary-scroll>p{display:flex;align-items:center;gap:4px;color:#aaa18c;font-size:12px;line-height:16px;margin-top:12px}
.ms-summary-scroll>p .icon{height:14px;width:14px}
.ms-summary-members{display:flex;align-items:center;gap:8px;color:#a99c80;margin-top:16px}
.ms-summary-members>.ms-member{display:flex;align-items:center;justify-content:center;border-radius:50%;height:24px;width:24px;background:#e4bc65;color:#755222;font-size:12px;line-height:16px}
.ms-summary-members>small{font-size:12px;line-height:16px}
.ms-summary-members>b{margin-left:auto;font-weight:400;font-size:12px;line-height:16px}
.ms-summary-calendar{background:#fffaf0;border-radius:16px;padding:12px;margin-top:20px}
.ms-summary-calendar>h4>small{display:flex;align-items:center;gap:4px;color:#6d6350}
.ms-summary-calendar .icon{width:14px;height:14px}
.ms-summary-calendar>div{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.ms-summary-calendar>div>span{width:40px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#aaa08a;border-radius:12px;font-size:12px;line-height:16px}
.ms-summary-calendar>div>span>b{color:#665b46;font-size:16px;line-height:24px;font-weight:600}
.ms-summary-calendar>div>.ms-all-dates{background:#f8e6ad;color:#927239}
.ms-summary-tabs{display:flex;gap:8px;align-items:center;margin:20px 0 16px;font-size:14px;line-height:20px;white-space:nowrap}
.ms-summary-tabs>b{color:#665936;font-weight:600}
.ms-summary-tabs>span{font-size:14px;color:#a69b85}
.ms-summary-tabs small{color:#aa8b4c;font-size:12px;font-weight:400}
.ms-summary-tabs>strong{font-size:12px;line-height:16px;background:#f7df9b;color:#937038;border-radius:12px;padding:8px;font-weight:600;margin-left:auto}
.ms-summary-title{justify-content:space-between}
.ms-summary-dishes{margin-top:12px;background:#fffdf8;border-radius:16px;padding:4px 8px}
.ms-summary-row{display:flex;align-items:center;gap:8px;min-height:88px}
.ms-summary-row>img{display:block;width:64px;height:64px;border-radius:12px;object-fit:cover}
.ms-summary-row>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.ms-summary-row>div>b{font-size:14px;line-height:20px;font-weight:600}
.ms-summary-row>div>small{font-size:12px;line-height:16px;color:#a79b84}
.ms-date-badge{font-size:12px;line-height:16px;padding:4px;border-radius:12px;color:#8b9876;background:#edf0e6;white-space:nowrap}
.ms-more{font-size:12px;line-height:16px;color:#a89a7d;letter-spacing:1px;font-weight:400}
.ms-summary-footer{position:absolute;bottom:0;left:0;right:0;display:flex;gap:8px;align-items:center;padding:12px;background:#fffdf8;height:68px}
.ms-summary-footer>span,.ms-summary-footer>b{display:flex;align-items:center;justify-content:center;gap:4px;border-radius:12px;font-size:12px;line-height:16px;min-height:40px;font-weight:400}
.ms-summary-footer>span{flex:1;border:1px solid #ede1c9;color:#a48a5d}
.ms-summary-footer>b{flex:1.6;background:#e8b14c;color:#75531b}
.ms-summary-footer .icon{width:14px;height:14px}
.ms-assignment-backdrop{position:absolute;inset:44px 0 0;background:#2c281b73;z-index:7;opacity:0;visibility:hidden}
.ms-assignment{position:absolute;top:132px;left:16px;right:16px;background:#fffdf8;border-radius:24px;padding:16px;z-index:8;transform-origin:center;opacity:0;visibility:hidden;will-change:transform,opacity}
.ms-assignment-head{position:relative}
.ms-assignment-head>small{font-size:12px;line-height:16px;color:#ae853c;font-weight:600}
.ms-assignment-head>h3{font-size:20px;line-height:28px;font-weight:600;margin-top:4px}
.ms-assignment-head>span{position:absolute;right:0;top:0;background:#f4eee1;border-radius:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#a79b80;font-size:24px}
.ms-assignment-head>p{color:#aaa08b;font-size:12px;line-height:20px;margin-top:8px}
.ms-assignment>h4{margin:20px 0 8px;color:#8e856f;font-size:14px;line-height:20px}
.ms-assignment .ms-options{gap:4px}
.ms-assignment .ms-options>span{font-size:14px;line-height:20px;padding:8px 4px;min-height:36px;background:#f9f3e9;border-color:#f5eedf}
.ms-assignment .ms-options>.is-selected{background:#f5dfad;border-color:#e8cd8a;color:#8c6c32}
.ms-assignment-date{height:36px;display:flex;align-items:center;justify-content:space-between;background:#f8edcf;border-radius:12px;padding:8px 12px;color:#a07a35;font-size:14px;line-height:20px}
.ms-assignment-date>b{font-weight:600}
.ms-assignment-date>span{font-size:12px;line-height:16px}
.ms-assignment-dates{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.ms-assignment-dates>span{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;background:#f8f2e7;border:1px solid transparent;text-align:center;padding:8px 4px}
.ms-assignment-dates>span>b{font-size:14px;line-height:20px;font-weight:600;color:#75674c;white-space:nowrap}
.ms-assignment-dates>span>small{font-size:12px;line-height:16px;color:#b0a48b}
.ms-assignment-dates>.is-selected{border-color:#dbb656;background:#fae5ad}
.ms-assignment-save{display:flex;align-items:center;justify-content:center;background:#e8b14c;color:#78551d;border-radius:12px;margin-top:16px;min-height:44px;font-size:16px;line-height:24px;font-weight:600}
.ms-arranged-toast{bottom:80px}
.ms-guide{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:0;visibility:hidden;color:#35392a}
.ms-guide-heading{position:absolute;left:40px;top:64px;width:352px;display:flex;align-items:center;justify-content:space-between;color:#7a775f;font-size:14px;line-height:20px}
.ms-guide-heading>small{font-size:12px;line-height:16px;letter-spacing:.04em}
.ms-guide-card{position:absolute;left:32px;top:calc(112px + var(--ms-i)*112px);width:352px;min-height:88px;padding:16px;display:flex;align-items:center;gap:12px;background:#fffdf8;border:1px solid #e6ddc4;border-radius:16px;box-shadow:0 8px 16px #4f4b2110;will-change:transform,opacity;transition:opacity .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1)}
.ms-guide-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;font-size:12px;line-height:16px;border-radius:50%;background:#f0f1e0;color:#7d8659}
.ms-guide-card h3{font-size:18px;line-height:28px;font-weight:600;margin:0;text-wrap:pretty;letter-spacing:0}
.ms-guide-card p{margin:4px 0 0;color:#85816b;font-size:14px;line-height:20px;text-wrap:pretty}
.ms-guide-card [data-menu-guide-detail]{display:none;font-size:12px;line-height:16px;color:#71804f;margin-top:4px}
.ms-guide-card.is-active{border-color:#99a77b;box-shadow:0 12px 24px #4f4b2118}
.ms-guide-card.is-active .ms-guide-number{background:#e2ebc9;color:#52613b}
.ms-guide-card.is-active [data-menu-guide-detail]:not(:empty){display:block}
.ms-guide-progress{position:absolute;bottom:0;left:16px;right:16px;height:2px;background:#81915f;transform-origin:left;opacity:0}
.ms-guide-card.is-active .ms-guide-progress{opacity:1}
.ms-guide-lines{position:absolute;inset:0;overflow:visible;fill:none;width:940px;height:864px;color:#70844f}
.ms-guide-track{stroke:currentColor;stroke-width:2;opacity:.36}
.ms-guide-flow{stroke:currentColor;stroke-width:2;stroke-dasharray:12 88;stroke-linecap:round}
.ms-guide-lines circle{fill:currentColor}
.ms-guide-lines [data-menu-line-start]{fill:#fffdf8;stroke:currentColor;stroke-width:2}
@media(max-width:720px){
 .ms-guide-heading,.ms-guide-lines{display:none}
 .ms-guide-card{left:20px;top:4px;width:440px;min-height:104px;padding:16px 24px;gap:16px;box-shadow:none;display:none}
 .ms-guide-card.is-active{display:flex}
 .ms-guide-number{width:40px;height:40px;font-size:16px;line-height:24px}
 .ms-guide-card h3{font-size:24px;line-height:32px}
 .ms-guide-card p{font-size:18px;line-height:28px}
 .ms-guide-card [data-menu-guide-detail]{font-size:16px;line-height:24px}
 .editorial-v9 .quiet-hero .film-chapters{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:1101px) and (max-height:800px){.editorial-v9 .quiet-hero .film-chapters button{min-height:40px}}
@media(prefers-reduced-motion:reduce){.ms-create-form,.ms-after-type,.ms-food-list,.ms-picker-page,.ms-summary-page,.ms-assignment,.ms-guide-card{will-change:auto;transition:none}.ms-options>span,.ms-category-list>span{transition:none}.ms-guide-flow,[data-menu-line-dot],.ms-native-touch,.ms-cart-flight{display:none}}