*{box-sizing:border-box}body{margin:0;background:#faf6eb;color:#302d2a;font:14px Arial,'Microsoft YaHei',sans-serif}button,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #ded9cb;background:white;border-radius:12px;padding:12px 17px}button:hover{transform:translateY(-1px);background:#faf5e7}button:disabled{opacity:.6;cursor:wait}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a6b1f1;outline-offset:3px}[hidden]{display:none!important}header{max-width:1160px;margin:auto;padding:29px 28px;display:flex;align-items:center;justify-content:space-between}.logo{color:inherit;text-decoration:none;font-size:22px;font-weight:bold;letter-spacing:-1px}.logo span{display:block;margin:7px 0 0 25px;font-size:9px;letter-spacing:2px;font-weight:400}.plain{border:0;background:transparent;font-size:12px}#count{background:#dddff7;border-radius:20px;padding:3px 7px;margin-left:5px}main{max-width:1080px;margin:auto;padding:0 28px}.hero{display:flex;justify-content:space-between;align-items:center;min-height:420px;padding:25px 40px 45px 16px}.tag{font-size:11px;letter-spacing:2px;color:#877c6e}.hero h1{font-size:58px;line-height:1.25;letter-spacing:-3px;margin:20px 0;font-weight:800}.hero h1 span{color:#f0724e}.hero p{font-size:15px;color:#8a8073;line-height:1.8}.hero-label{font-size:11px;border:1px solid #d9d2c3;display:inline-block;border-radius:20px;padding:8px 14px;margin-top:10px}.machine{position:relative;width:270px;height:330px;margin-right:24px;transform:rotate(6deg);filter:drop-shadow(12px 18px 0 #e8ddc75c)}.machine-label{font-size:9px;letter-spacing:2px;text-align:center;margin-bottom:12px;transform:rotate(-6deg)}.globe{position:relative;overflow:hidden;width:245px;height:200px;margin:auto;border-radius:105px 105px 40px 40px;background:#e7edf1;border:3px solid #38332e;box-shadow:inset 8px 7px 0 #ffffffaa}.globe:after{content:'';position:absolute;width:18px;height:70px;background:#ffffffaa;left:20px;top:40px;border-radius:20px;transform:rotate(15deg)}.ball{position:absolute;width:66px;height:66px;border-radius:50%;border:2px solid #3c3832;background:linear-gradient(#b7b5ef 50%,#e5e3fc 50%);box-shadow:inset -5px -5px 0 #00000009}.b1{left:20px;bottom:5px;transform:rotate(30deg)}.b2{left:86px;bottom:0;background:linear-gradient(#f68d6c 50%,#ffc2aa 50%);transform:rotate(-20deg)}.b3{left:151px;bottom:8px;background:linear-gradient(#f1cc63 50%,#f9e5a2 50%);transform:rotate(45deg)}.b4{left:48px;bottom:62px;background:linear-gradient(#a9c1aa 50%,#d0e0ce 50%);transform:rotate(-15deg)}.b5{left:115px;bottom:65px;transform:rotate(25deg)}.b6{left:90px;bottom:125px;background:linear-gradient(#f4d365 50%,#fbe9aa 50%)}.spark{position:absolute;right:18px;top:22px;font-size:35px;color:#f5956e}.machine-base{width:262px;height:105px;background:#f18263;border:3px solid #38332e;margin:-4px auto 0;border-radius:10px 10px 24px 24px;position:relative}.knob{border:2px solid #38332e;border-radius:50%;width:53px;height:53px;background:#fff4d8;position:absolute;left:28px;top:21px;display:grid;place-items:center;font-size:38px}.slot{position:absolute;right:28px;top:32px;background:#443b34;border:7px solid #d36c52;border-radius:20px 20px 10px 10px;width:90px;height:43px}.sticker{position:absolute;right:-35px;top:125px;border-radius:50%;width:73px;height:73px;background:#e0dff6;border:1px dashed #7d78a3;display:grid;place-content:center;text-align:center;line-height:1.5;font-size:13px;transform:rotate(-18deg)}.machine.spinning .globe .ball{animation:bounce .22s infinite alternate}.machine.spinning .knob{animation:turn .65s linear infinite}@keyframes bounce{to{translate:0 -18px;rotate:60deg}}@keyframes turn{to{rotate:360deg}}.playground{background:white;border:1px solid #e2dfd5;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px #5e4c2110}.topline{display:flex;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #efebe2;font-size:10px;color:#a09889;letter-spacing:1px}.topline span:first-child{color:#6f685c}.tabs{display:flex;padding:24px 28px 0;gap:12px}.tabs button{flex:1;font-size:17px;background:#f6f5f0;border:1px solid transparent;padding:19px 10px;font-weight:bold}.tabs button[aria-selected=true]{background:#fce5dc;border:1px solid #f3b59c;color:#a84f33}.config{padding:26px 30px 20px}.field{margin-bottom:23px}.field label,#choose-fields>label{display:block;font-size:12px;font-weight:bold;margin-bottom:12px}.field small{font-weight:400;color:#a59b8a;margin-left:8px}.chips{display:flex;gap:9px;flex-wrap:wrap}.chips button{font-size:12px;border-radius:8px;padding:10px 17px}.chips .active{background:#373a38;color:white;border-color:#373a38}.restrictions button.active{background:#eeeafa;color:#67539e;border-color:#d3c9eb}select,textarea{border:1px solid #e2ded2;background:#fdfcf8;padding:13px;border-radius:9px;color:#4e4d45;width:100%}select{max-width:420px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fine{font-size:10px;color:#a69b8a;line-height:1.8}.draw{display:flex;justify-content:space-between;align-items:center;width:100%;background:#f17c56;color:white;border:0;padding:18px 23px;font-weight:bold;font-size:18px;border-radius:12px;box-shadow:0 5px 0 #d96643;margin-top:27px}.draw:hover{background:#e87049}.draw span{font-size:27px;font-weight:400}#message{font-size:10px;text-align:center;margin:18px 0 0;color:#a29784;line-height:1.8}.option-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a29784}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:42px 15px}.how>div>span{font-size:25px;color:#b3a2d0}.how h3{font-size:14px}.how p{font-size:11px;color:#9b907d;line-height:1.8}footer{display:flex;justify-content:space-between;font-size:10px;color:#b2a892;padding:24px 0;border-top:1px solid #e7e1d2}dialog{border:0;border-radius:24px;background:#fffaf0;max-width:450px;width:calc(100% - 24px);max-height:90dvh;overflow:auto;padding:30px;color:#36352e;box-shadow:0 25px 100px #28201644}dialog::backdrop{background:#28291f77;backdrop-filter:blur(6px)}.close{position:absolute;right:14px;top:12px;background:transparent;border:0;font-size:24px;padding:6px 10px}.result-head{text-align:center;font-size:10px;letter-spacing:2px;color:#a58a69;margin-top:9px}#result-icon{font-size:55px;text-align:center;margin:25px 0 14px}.result-badge{font-size:10px;letter-spacing:2px;text-align:center;color:#b48762}#result h2{text-align:center;font-size:27px;margin:14px 0;overflow-wrap:anywhere}#result-desc{font-size:13px;line-height:1.9;color:#8a7e6b;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere}.facts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.facts span{background:#efece1;border-radius:20px;padding:7px 10px;font-size:10px}.mission{border-top:1px dashed #dbd1ba;border-bottom:1px dashed #dbd1ba;margin:24px 0;padding:16px 0}.mission b{font-size:11px;color:#9b7d5d}.mission p{font-size:12px;line-height:1.8;margin-bottom:0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.actions button{font-size:11px;padding:13px 8px}.actions .primary{grid-column:span 2;background:#f17c56;border-color:#f17c56;color:white;font-size:14px}.actions button:last-child{grid-column:span 2;background:#e9e6f5;border-color:#ded6ef;color:#74618e}#result-status{font-size:11px;color:#8e805f;line-height:1.6}.saved-item{padding:18px 0;border-top:1px solid #e4dccc}.saved-item h3{font-size:15px;overflow-wrap:anywhere}.saved-item p{font-size:11px;color:#91816c;line-height:1.6}.saved-item button{font-size:10px;padding:7px 10px;margin-right:7px}.done{background:#e6ebdd!important;color:#65744d}.empty{padding:40px 0;text-align:center;color:#9c8a71;font-size:13px}#reason-area p{font-size:12px}#reason-area{margin-bottom:20px}@media(min-width:850px){#normal{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}#normal>.field{border-right:1px solid #f0ece2;padding-right:25px}#food-fields .field:last-child,#play-fields .field:last-child{margin-bottom:0}.config .draw{max-width:500px;margin-left:auto;margin-right:auto}}@media(max-width:700px){header{padding:23px 20px}.logo{font-size:19px}main{padding:0 16px}.hero{padding:17px 4px 35px;min-height:300px;align-items:center}.hero h1{font-size:36px;letter-spacing:-1.5px;margin:16px 0}.hero p{font-size:12px}.tag{font-size:9px;letter-spacing:1px}.hero-label{display:none}.machine{transform:rotate(7deg) scale(.63);transform-origin:center right;margin:0;width:155px;height:230px;flex-shrink:0}.machine-label{white-space:nowrap}.sticker{right:-90px}.topline{padding:17px 18px}.topline span:last-child{display:none}.tabs{padding:18px 15px 0;gap:7px}.tabs button{font-size:14px;padding:16px 7px}.config{padding:23px 18px 18px}.chips{gap:7px}.chips button{padding:9px 12px;font-size:11px}.how{gap:18px;padding:32px 6px}.how p{font-size:10px}.how h3{font-size:12px}footer{display:block;line-height:2}footer span{display:block;font-size:9px}.option-meta{align-items:flex-start}.option-meta span{max-width:170px;line-height:1.8}.duo{gap:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
.hero{overflow:hidden}.hero>div:first-child{min-width:0}.machine{flex-shrink:0}
@media(max-width:700px){.machine{transform-origin:left center;transform:rotate(6deg) scale(.57)}.machine-label{font-size:8px;letter-spacing:1px;text-align:left}.sticker{right:-90px}}

#custom-avoid{width:100%;font:inherit;color:#4e4d45;border:1px solid #e2ded2;border-radius:9px;background:#fdfcf8;padding:13px}#custom-avoid:focus-visible{outline:3px solid #a6b1f1;outline-offset:3px}.avoid-status{font-size:11px;color:#987348;line-height:1.8;margin-bottom:12px;overflow-wrap:anywhere}.avoid-status:empty{display:none}

#custom-budget-area{margin-top:20px}#custom-budget-area label{margin-bottom:9px}.budget-input{display:flex;align-items:center;gap:10px;border:1px solid #ded9cb;background:#fdfcf8;border-radius:9px;padding:0 13px;max-width:320px}.budget-input span{color:#a18e71}.budget-input input{width:100%;min-width:0;font:inherit;color:inherit;padding:13px 0;border:0;background:transparent;outline:none}.budget-input:focus-within{outline:3px solid #a6b1f1;outline-offset:3px}

.shuffle-result{background:#eee9f8;border-radius:12px;padding:14px;margin-top:18px;color:#7c6894}.shuffle-result b{font-size:11px}.shuffle-result p{font-size:12px;line-height:1.8;overflow-wrap:anywhere;margin:8px 0}.shuffle-result small{font-size:10px;line-height:1.6}

.meal-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.meal-tabs button{white-space:nowrap;padding:11px 8px}.meal-tabs button.active{background:#fce5dc;color:#a84f33;border-color:#f3b59c}@media(max-width:380px){.meal-tabs button{padding:10px 5px;font-size:10px}}

.dining-inputs{margin-top:18px}.dining-inputs label{margin-bottom:9px}.diners-input{display:flex;align-items:center;gap:8px;border:1px solid #e2ded2;border-radius:9px;background:#fdfcf8;padding-right:13px}.diners-input input{width:100%;min-width:0;background:transparent;border:0;padding:13px;font:inherit;color:inherit}.diners-input span{font-size:11px;color:#a29784}.diners-input:focus-within{outline:3px solid #a6b1f1}.diners-input input:focus{outline:none}.meal-plan{background:#f2efe4;border-radius:12px;padding:16px;margin-top:20px}.meal-plan h3{font-size:13px;margin:0 0 14px}.meal-plan-details{font-size:12px}#meal-plan-details>div{margin:13px 0}#meal-plan-details b{font-size:10px;color:#a18b6d;font-weight:normal}#meal-plan-details p{font-size:12px;line-height:1.8;margin:5px 0;overflow-wrap:anywhere}.meal-plan .fine{margin-bottom:0}

#custom-budget-area #budget-basis{margin-bottom:18px}#play-plan-details>div{margin:14px 0}#play-plan-details b{font-size:10px;color:#a18b6d;font-weight:normal}#play-plan-details p{font-size:12px;line-height:1.9;margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}#play-summary{margin-top:10px}.budget-input input:disabled,.diners-input input:disabled{color:#a69b8a}

.local-explore{margin:24px 0;padding:22px;border:1px solid #ded5c6;border-radius:20px;background:#faf7ef}.local-explore h3{margin:12px 0}.local-explore input{width:100%;box-sizing:border-box}.local-explore .duo{margin:14px 0;align-items:end}.location-actions{display:flex;flex-wrap:wrap;gap:8px}.map-link{display:inline-block;background:#373c32;color:#fff;padding:13px 20px;border-radius:14px;text-decoration:none;margin-top:12px}.map-link[aria-disabled="true"]{opacity:.5;cursor:not-allowed}.local-explore .chips{margin-top:12px}.local-explore .fine{line-height:1.7}

.batch-title{margin:18px 0 8px!important;font-size:25px!important}.result-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 24px}.result-options button{display:flex;flex-direction:column;gap:10px;text-align:left;padding:16px 12px;border:2px solid #e6decf;border-radius:18px;background:#fffaf0;min-width:0;overflow-wrap:anywhere}.result-options strong{font-size:17px}.result-options span{font-size:13px;line-height:1.6;color:#756c5e}.result-options small{margin-top:auto;color:#8e5940;line-height:1.5}.result-options button[aria-pressed="true"]{border-color:#ed7955;background:#fff0e5;box-shadow:0 0 0 2px #f9d2bc}.result-options button[aria-pressed="true"] strong:after{content:' ✓'}#selected-detail{border-top:1px dashed #dccfbc;padding-top:22px}button:disabled{cursor:default;opacity:.55}@media(max-width:580px){.result-options{grid-template-columns:1fr}.result-options button{padding:14px 16px;gap:6px}.result-options span{font-size:14px}}

#friends-dialog{width:min(640px,calc(100vw - 32px));box-sizing:border-box;text-align:left}#friends-dialog h2{font-size:30px}#friends-dialog input,#friends-dialog textarea{width:100%;box-sizing:border-box}#friends-dialog details{border-top:1px solid #e7decd;padding:15px 0}#friends-dialog summary{cursor:pointer;font-weight:700}.friend-status{padding:12px;background:#f0ebfc;border-radius:12px;font-size:14px;line-height:1.7}.friend-identity{padding:18px;background:#f6edda;border-radius:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.friend-identity strong{width:100%}.friend-identity code{font-size:19px;letter-spacing:2px;user-select:all}.friend-add-row{display:flex;align-items:center;gap:10px;margin:12px 0}.friend-add-row input{min-width:0;flex:1}.friend-add-row button{flex-shrink:0}.friend-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0;border-bottom:1px dashed #e0d6c4}.friend-row span{flex:1;min-width:150px;overflow-wrap:anywhere}.friend-row small{color:#817361}.chat-messages{height:300px;overflow:auto;background:#f5f1e8;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px}.chat-message{max-width:85%;align-self:flex-start;background:#fff;padding:10px 14px;border-radius:14px}.chat-message.mine{align-self:flex-end;background:#ffe0ce}.chat-message small{color:#7f735e;font-size:11px}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:5px 0}#private-chat{margin:18px 0;padding-top:12px;border-top:2px solid #e8d9c4}#friend-setup button{margin:12px 0}header{gap:12px}header .logo{margin-right:auto}@media(max-width:580px){header{flex-wrap:wrap}header .logo{width:100%}.friend-add-row{flex-wrap:wrap}.friend-add-row input{flex-basis:100%}.chat-message{max-width:90%}}

#auth-dialog{text-align:left;width:min(460px,calc(100vw - 32px));box-sizing:border-box}#auth-dialog input{width:100%;box-sizing:border-box;margin:8px 0 18px}#auth-dialog .primary,#friends-dialog .primary{background:#ef7c58;color:#fff;border-color:#ef7c58}#auth-switch{display:block;margin-top:16px}#account-status{margin:0 0 10px}header .plain{font-size:13px;padding:10px}#auth-dialog h2{font-size:28px}
#auth-dialog input,#friends-dialog input{padding:13px 14px;border:1px solid #ddd3c3;border-radius:12px;background:#fffdf8;font:inherit;font-size:15px;line-height:1.5}#auth-dialog label{display:block;font-size:14px;font-weight:600}

.life-kit{margin:22px 28px 0;padding:24px;border-radius:20px;background:#f1f0e6;border:1px solid #dedfcf}.kit-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.kit-heading h3{font-size:22px;margin:10px 0}.kit-stamp{font-size:11px;color:#6f7f57;white-space:nowrap}.scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.scene-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 14px;background:#fffdf6;border-color:#d9dcca;text-align:left}.scene-grid button>span{font-size:26px}.scene-grid strong{font-size:14px}.scene-grid small{font-size:10px;line-height:1.7;color:#7d806b}.scene-grid button[aria-pressed="true"]{border-color:#73865d;background:#e4ecd9;box-shadow:0 0 0 1px #73865d}.kit-details{border-top:1px dashed #cdd1bd;margin-top:18px;padding-top:15px;font-size:12px}.kit-details summary{cursor:pointer;color:#66734f}.kit-row{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:10px 0}.kit-row span{overflow-wrap:anywhere}.kit-row button{font-size:11px;padding:7px 10px;flex-shrink:0}.day-planner{margin-top:32px;border:1px solid #e4d7c3;background:#fffaf0;padding:30px;border-radius:24px}.day-planner h2{font-size:25px;margin:12px 0}.day-planner h2 span{font-size:14px;color:#a37c5b;background:#f3e4cc;border-radius:20px;padding:4px 10px}.day-planner label{display:block;margin:18px 0 10px;font-size:12px}.plan-total{font-size:15px;line-height:1.9;color:#7c6342;font-weight:600}.day-planner ol{list-style:none;padding:0;margin:20px 0}.plan-item{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px dashed #dfd2bd}.plan-item>div{flex:1;min-width:0}.plan-item strong{font-size:15px;overflow-wrap:anywhere}.plan-item p{font-size:11px;line-height:1.8;color:#8b7d66;margin:6px 0}.plan-check{border-radius:50%;width:36px;height:36px;padding:0;flex-shrink:0}.plan-check[aria-pressed="true"]{background:#dae7ca;color:#547039;border-color:#a6bf8c}.kit-tools,.kit-result-actions{display:flex;flex-wrap:wrap;gap:10px}.kit-result-actions{margin:20px 0}.kit-result-actions button{font-size:12px}.kit-result-actions button:first-child{background:#e4ecd9;border-color:#bccaab;color:#596c43}.day-planner textarea{width:100%;min-height:150px;margin-top:12px}.day-planner .fine{line-height:1.8}@media(max-width:700px){.life-kit{margin:18px 15px 0;padding:18px}.kit-stamp{display:none}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.day-planner{padding:22px 18px}.plan-item{gap:8px}.kit-heading .tag{font-size:9px}.scene-grid button{padding:16px 12px}.kit-tools button{font-size:12px}}
/* 2026-10 usability and visual refresh */
:root{--ink:#292e29;--muted:#687166;--line:#e1e4d9;--paper:#f6f5ee;--accent:#db613d;--sage:#e8eddf}body{background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI','Microsoft YaHei',sans-serif;line-height:1.65}header{max-width:1180px;padding:24px 30px;border-bottom:1px solid var(--line)}header .plain{font-size:13px;background:#fffdf8;border:1px solid var(--line);padding:10px 15px;border-radius:24px}.logo{font-size:21px}.logo span{color:var(--muted)}main{max-width:1120px}.hero{min-height:340px;padding:38px 34px 38px 12px}.hero h1{font-size:55px;letter-spacing:-2px;line-height:1.2}.hero p{font-size:16px;color:var(--muted)}.hero h1 span{color:var(--accent)}.hero .tag{color:#57664e;font-weight:600;letter-spacing:1px}.hero-label{font-size:12px;border-color:#d7decd;color:#607253;background:#edf1e6}.machine{scale:.85;margin-right:5px}.playground{border:1px solid #dce2d4;border-radius:28px;box-shadow:0 16px 60px #28382108}.topline{font-size:12px;letter-spacing:0;color:#6b7566;background:#fcfdf9;border-bottom:1px solid #e9ece4;padding:17px 28px}.tabs{gap:10px;padding:22px 28px 0}.tabs button{font-size:17px;border-radius:16px;padding:17px 12px;border:1px solid var(--line);background:#f5f6f1}.tabs button[aria-selected="true"]{background:#303d32;color:#fff;border-color:#303d32;box-shadow:0 4px 12px #303d3218}.life-kit{background:#f0f3e9;border-color:#dde5d1;border-radius:20px;margin-top:22px}.life-kit .tag{font-size:10px;color:#718165;letter-spacing:1.5px}.kit-heading h3{font-size:23px;letter-spacing:-.4px}.scene-grid button{border-radius:15px;background:#fffef9;padding:16px}.scene-grid strong{font-size:15px}.scene-grid small{font-size:12px;color:#69725d}.scene-grid button>span{font-size:25px}.scene-grid button[aria-pressed="true"]{background:#e0e9d3;border-color:#819565}.config{padding:28px}.field{margin-bottom:24px}label,.field>label{font-size:14px!important;color:#384036;font-weight:650;margin-bottom:10px;display:block}label small{font-size:12px;color:var(--muted);font-weight:400}input,select,textarea{font:inherit!important;font-size:15px!important;color:var(--ink)!important;line-height:1.5}input:not([type="checkbox"]),select,textarea{border:1px solid #dce1d5;border-radius:12px;background:#fcfdf9;padding:12px 14px;max-width:100%}select{width:100%;min-height:48px}input:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #859b6e;outline-offset:3px}.budget-input,.diners-input{background:#fcfdf9;border:1px solid #dce1d5;border-radius:12px}.budget-input input,.diners-input input{border:0!important;padding:12px 8px!important;background:transparent!important;min-height:46px}.chips button{min-height:43px;padding:10px 15px;font-size:13px}.chips button.active{background:#344438;color:#fff;border-color:#344438}.restrictions button.active{background:#fce7de;color:#9c4427;border-color:#e7b49c}.fine,.avoid-status{font-size:12px!important;line-height:1.85!important;color:#687060}#message{font-size:13px;color:#5c6c51;line-height:1.8;padding:4px 0}#food-budget-area{margin-top:20px}.local-explore{padding:18px 20px;margin:10px 0 24px;border:1px solid #dce3d3;background:#f7f9f2;border-radius:16px}.local-explore summary{cursor:pointer;font-weight:650;font-size:14px;color:#495d3e}.local-explore summary small{font-size:12px;font-weight:400;display:block;margin:4px 0 0 18px;color:#748166}.local-explore input{width:100%}.local-explore[open] summary{margin-bottom:22px}.local-explore>h3{font-size:18px}button{transition:background .15s,border-color .15s,transform .15s}button:hover{background:#edf1e5}button:disabled{cursor:default;transform:none}.draw{background:var(--accent)!important;color:#fff!important;border:0!important;font-size:18px!important;min-height:62px;border-radius:17px!important;box-shadow:0 6px 0 #b94a2b;margin-top:10px}.draw:hover{background:#c85432!important}.day-planner{background:#fffdf6;border-color:#e1dfce;padding:28px;border-radius:24px}.plan-total{background:#edf2e5;border-radius:12px;padding:14px 16px;color:#4e633f;font-size:15px}.day-planner h2{font-size:25px}.plan-item p{font-size:13px;color:#6c745f}.plan-item strong{font-size:16px}.kit-tools button,.kit-result-actions button{font-size:13px;min-height:44px}.how{padding:32px 10px;gap:32px}.how p{font-size:13px;color:#6d7467;line-height:1.8}.how h3{font-size:15px}footer{font-size:12px;color:#6c7466;border-color:var(--line);line-height:1.8}footer span{font-size:11px}dialog{width:min(780px,calc(100vw - 32px));border:1px solid #d9dfd0;border-radius:25px;background:#fffcf5;padding:30px;max-height:88dvh;box-shadow:0 30px 120px #20291f40}dialog::backdrop{background:#1d2b2466;backdrop-filter:blur(5px)}dialog h2{color:#303d32}.close{width:40px;height:40px;border-radius:50%;background:#edf0e6;font-size:25px;line-height:1;z-index:2}.result-head{font-size:12px;color:#788c66;letter-spacing:1px}.result-options{gap:12px}.result-options button{background:white;border:1px solid #dde3d4;border-radius:17px;padding:18px 14px}.result-options strong{font-size:18px;line-height:1.5}.result-options span{font-size:13px;color:#67725f}.result-options small{font-size:12px;color:#926244}.result-options button[aria-pressed="true"]{border:2px solid #6f8958;background:#eff5e7;box-shadow:none}#result-desc{font-size:15px!important;color:#68735f;line-height:1.85}.facts span{font-size:12px;padding:8px 12px;background:#eaf0e1}#play-plan-details b,#meal-plan-details b{font-size:12px;color:#718263}#play-plan-details p,#meal-plan-details p{font-size:14px;line-height:1.9}.meal-plan{background:#f0f3e9;padding:20px}.meal-plan h3{font-size:16px}.mission b{font-size:12px}.mission p{font-size:14px}#result-status{font-size:13px;line-height:1.8;color:#687e50}.actions button{font-size:14px;min-height:45px}.actions .primary{font-size:16px;background:var(--accent);border-color:var(--accent)}.saved-item h3{font-size:17px}.saved-item p,.saved-item button{font-size:13px}.friend-status{background:#ecf1e4;color:#4c6240}.chat-message p{font-size:14px}#friends-dialog input,#friends-dialog textarea,#auth-dialog input{width:100%}.kit-details{font-size:13px}.kit-row button{font-size:12px}.tabs button{min-width:0}.duo>*{min-width:0}#normal>.field{padding-right:25px}
@media(min-width:850px){#normal{grid-template-columns:minmax(210px,.8fr) minmax(0,1.4fr);gap:34px}#normal>.field{position:sticky;top:24px;align-self:start}.result-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){header{padding:18px 18px;gap:8px;flex-wrap:wrap}header .logo{width:100%;margin-bottom:8px;font-size:21px}header .plain{font-size:12px;padding:9px 12px;min-height:40px}main{padding:0 14px}.hero{min-height:265px;padding:28px 3px;gap:4px}.hero h1{font-size:36px;letter-spacing:-1px}.hero p{font-size:13px}.hero .tag{font-size:10px;letter-spacing:0}.machine{scale:1;transform:rotate(6deg) scale(.49);width:120px;margin:0;height:200px;transform-origin:left center}.hero>div:first-child{flex:1}.tabs{padding:16px 15px 0;gap:6px}.tabs button{font-size:15px;padding:14px 5px;border-radius:12px}.topline{padding:14px 18px;font-size:11px}.life-kit{padding:17px;margin:16px 15px 0}.scene-grid{gap:8px}.scene-grid button{padding:14px 12px;gap:6px}.scene-grid small{font-size:11px}.scene-grid strong{font-size:14px}.kit-heading h3{font-size:21px}.config{padding:24px 18px}#normal>.field{padding-right:0}.duo{gap:12px}.fine{font-size:12px!important}.chips{gap:7px}.chips button{font-size:12px;padding:9px 11px}.day-planner{padding:22px 18px}.day-planner h2{font-size:23px}.how{gap:16px;display:grid;grid-template-columns:1fr;padding:28px 10px}.how>div{border-bottom:1px solid #e1e4d8;padding-bottom:12px}.how p{margin:5px 0}.how h3{margin:8px 0}.how>div>span{font-size:20px}dialog{padding:24px 18px;width:calc(100vw - 22px);max-height:92dvh;border-radius:20px}.result-options{grid-template-columns:1fr;gap:9px}.result-options button{padding:15px}.result-options span{font-size:13px}.kit-result-actions{display:grid;grid-template-columns:1fr}.plan-item{gap:8px}.plan-item strong{font-size:14px}.plan-item p{font-size:12px}.local-explore{padding:16px}.kit-heading .tag{font-size:10px;letter-spacing:0}footer span{font-size:11px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

@media(max-width:700px){.hero h1{font-size:32px;letter-spacing:-1px}.hero{min-height:250px}.hero p{font-size:12px}.machine{width:112px;transform:rotate(6deg) scale(.46)}}

.tabs{grid-template-columns:1fr!important;display:grid!important}.tabs [data-mode="choose"]{width:100%}

.preference-box{border:1px solid #dce4d2;background:#f3f6ed;border-radius:18px;padding:22px;margin-bottom:26px}.preference-box h3{font-size:22px;margin:9px 0}.preference-box input{width:100%;margin-bottom:14px}.preference-box .kit-tools{margin-top:14px}.preference-reason{font-size:13px;line-height:1.8;padding:14px;background:#e9f0df;border-radius:12px;color:#4b6539}.preference-box label{margin-top:10px}

body{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.app-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding:10px max(12px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));background:#fffdf4f5;border-top:1px solid #dce2d3;backdrop-filter:blur(15px);z-index:20;gap:8px}.app-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;font-size:23px;padding:5px;color:#738369}.app-nav button span{font-size:12px}.app-nav button[aria-current=page]{background:#e5edda;color:#344c27;border-radius:14px}.connection-banner{background:#fff0d3;color:#75572b;padding:12px 20px;font-size:13px;line-height:1.8;text-align:center}.day-planner,.playground{scroll-margin-top:18px}#app-help p,#app-help li{font-size:14px;line-height:1.9}#app-help li{margin:12px 0}#app-help button:not(.close){margin:8px 6px 8px 0}#apply-app-update{background:#344c27;color:white}@media(min-width:850px){.app-nav{max-width:600px;left:50%;right:auto;width:calc(100% - 32px);transform:translateX(-50%);border:1px solid #dce2d3;border-radius:22px 22px 0 0}}

.plan-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plan-controls label{font-size:11px!important;margin:8px 0!important;font-weight:400}.plan-controls input{width:95px!important;display:block;padding:8px!important;font-size:13px!important}.plan-controls button{padding:8px 10px;font-size:12px}.plan-time{font-weight:650;color:#4c683d!important}#plan-start{max-width:200px}.plan-item{align-items:flex-start}.plan-item>.plan-check{margin-top:4px}

.icp-link{display:block;font-size:12px;color:#65725e;margin-top:12px;text-decoration:underline;text-underline-offset:3px}
