@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{color:#26332c;font-synthesis:none;text-rendering:optimizelegibility;--ink:#26332c;--forest:#345d4b;--sage:#8ea48f;--cream:#f7f3ed;--paper:#fffdf9;--peach:#e8b7a2;--line:#ded9d0;background:#f7f3ed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.landing-page{background:var(--cream);grid-template-rows:auto 1fr auto;min-height:100vh;display:grid;position:relative;overflow:hidden}.landing-glow{pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.landing-glow-top{background:#e8b7a247;width:min(55vw,800px);height:min(55vw,800px);top:-45%;right:-17%}.landing-header,.landing-footer{width:min(1240px,100%);margin:0 auto;padding-inline:clamp(22px,5vw,68px)}.landing-header{z-index:1;justify-content:space-between;align-items:center;min-height:98px;display:flex;position:relative}.coming-soon{color:var(--forest);letter-spacing:.08em;text-transform:uppercase;background:#e4eee5;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:700}.landing-hero{z-index:1;grid-template-columns:minmax(280px,.82fr) minmax(360px,1.18fr);align-items:center;gap:clamp(36px,8vw,120px);width:min(1240px,100%);margin:0 auto;padding:clamp(28px,6vw,92px) clamp(22px,5vw,68px) clamp(56px,8vw,110px);display:grid;position:relative}.landing-copy{max-width:520px}.landing-kicker{color:var(--forest);letter-spacing:.19em;text-transform:uppercase;margin:0 0 18px;font-size:.72rem;font-weight:700}.landing-copy h1{letter-spacing:-.065em;max-width:510px;margin:0;font-size:clamp(3.5rem,6.8vw,6.5rem);line-height:.94}.landing-copy h1 em{color:var(--forest)}.landing-intro{color:#66736b;max-width:390px;margin:30px 0 0;font-size:1.05rem;line-height:1.7}.landing-image-frame{background:#e5ddd1;border:1px solid #345d4b29;border-radius:180px 180px 20px 20px;justify-self:end;width:100%;max-width:650px;margin:0;position:relative;overflow:hidden;box-shadow:20px 24px #345d4b14,0 28px 65px #2d2f2829}.landing-image-frame img{aspect-ratio:.9;object-fit:cover;object-position:center;width:100%;display:block}.landing-image-frame figcaption{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#26332cc7;border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:700;position:absolute;bottom:14px;right:16px}.landing-footer{z-index:1;color:#7b857f;letter-spacing:.04em;border-top:1px solid #8ea48f59;gap:12px;padding-top:22px;padding-bottom:26px;font-size:.75rem;display:flex;position:relative}@media (width<=760px){.landing-header{min-height:78px}.landing-hero{grid-template-columns:1fr;gap:44px;padding-top:34px}.landing-copy{text-align:center;margin-inline:auto}.landing-intro{margin-inline:auto}.landing-image-frame{border-radius:130px 130px 16px 16px;justify-self:center;max-width:570px}.landing-footer{justify-content:center}}.app-shell{min-height:100vh}.topbar{justify-content:space-between;align-items:center;max-width:1180px;height:76px;margin:0 auto;padding:0 32px;display:flex}.brand{color:var(--ink);letter-spacing:-.5px;align-items:center;gap:10px;font-size:21px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--forest);border-radius:50% 50% 42% 58%;place-items:center;width:34px;height:34px;font-family:Fraunces,serif;font-size:23px;display:grid}.beta-badge{color:var(--forest);letter-spacing:.7px;text-transform:uppercase;background:#e4eee5;border-radius:999px;margin-left:-3px;padding:3px 7px;font-size:9px;font-weight:700}.privacy-note{color:#66736b;align-items:center;gap:7px;font-size:12px;display:flex}.topbar-actions{align-items:center;gap:20px;display:flex}.mock-signout{color:var(--forest);border:1px solid var(--line);background:0 0;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700}.access-shell{background:radial-gradient(circle at 12% 18%, #e8b7a24d, transparent 27%), radial-gradient(circle at 86% 70%, #8ea48f3d, transparent 30%), var(--cream);grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.access-topbar{width:100%}.invite-status{color:#66736b;align-items:center;gap:8px;font-size:12px;display:flex}.invite-status span{color:var(--forest);font-size:16px}.access-main{grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);align-items:center;gap:clamp(48px,8vw,110px);width:min(1180px,100%);margin:0 auto;padding:58px 32px 78px;display:grid}.access-intro h1{max-width:710px;margin:16px 0 22px;font-size:clamp(50px,6.2vw,76px)}.access-intro>p{color:#68716c;max-width:580px;margin:0;font-size:16px;line-height:1.7}.access-promise{border-top:1px solid #8ea48f59;grid-template-columns:repeat(3,1fr);gap:18px;max-width:620px;margin-top:44px;padding-top:24px;display:grid}.access-promise div{gap:5px;display:grid}.access-promise span{color:var(--peach);font-family:Fraunces,serif;font-size:17px}.access-promise strong{color:#56645c;font-size:11px}.access-card{background:#fffdf9f2;border:1px solid #ded9d0e6;border-radius:22px;padding:34px;box-shadow:0 24px 70px #3f3f341f}.access-card-kicker{color:var(--forest);text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700}.access-card h2{margin:10px 0 8px;font-size:32px;line-height:1.1}.access-card>p{color:#747d77;margin:0;font-size:12px;line-height:1.6}.access-form{margin-top:26px}.access-form label:not(:first-child){margin-top:16px}.passcode-field{position:relative}.passcode-field span{z-index:1;color:var(--forest);position:absolute;top:50%;left:15px;transform:translateY(-50%)}.passcode-field input{padding-left:42px}.access-submit{width:100%;margin-top:18px}.access-link{color:var(--forest);font-size:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.access-back{width:100%;margin-top:17px;font-size:11px;text-decoration:none}.existing-account{text-align:center;margin-top:18px!important}.access-privacy{border-top:1px solid #ebe6df;justify-content:center;gap:7px;padding-top:18px;display:flex;color:#8a8f8b!important;margin-top:24px!important;font-size:10px!important}.access-intro h1:focus{outline:none}.hero{text-align:center;background:radial-gradient(circle at 18% 18%,#e8b7a240,#0000 25%),radial-gradient(circle at 82% 42%,#8ea48f33,#0000 28%);padding:70px 24px 62px}.eyebrow,.section-kicker{color:var(--forest);text-transform:uppercase;letter-spacing:2.2px;font-size:11px;font-weight:700}h1,h2{font-family:Fraunces,serif;font-weight:500}h1{letter-spacing:-3px;max-width:680px;margin:14px auto 12px;font-size:clamp(46px,7vw,76px);line-height:.98}h1 em{color:var(--forest);font-weight:500}.hero-copy{color:#68716c;max-width:600px;margin:0 auto 34px;font-size:16px;line-height:1.65}.planner-card{text-align:left;background:#fffdf9f0;border:1px solid #ded9d0cc;border-radius:20px;max-width:820px;margin:0 auto;padding:26px;position:relative;box-shadow:0 22px 60px #3f3f341a}label{color:#3d4942;margin:0 0 8px;font-size:12px;font-weight:700;display:block}.input-row{gap:10px;display:flex}.input-wrap{flex:1;position:relative}.input-icon{color:var(--forest);position:absolute;top:50%;left:15px;transform:translateY(-50%)}input{width:100%;min-height:48px;color:var(--ink);border:1px solid var(--line);background:#fbfaf7;border-radius:10px;outline:none;padding:0 14px}.input-wrap input{padding-left:42px}input:focus{border-color:var(--sage);box-shadow:0 0 0 3px #8ea48f26}textarea{resize:vertical;width:100%;color:var(--ink);border:1px solid var(--line);background:#fbfaf7;border-radius:10px;outline:none;padding:12px 14px;line-height:1.45}textarea:focus{border-color:var(--sage);box-shadow:0 0 0 3px #8ea48f26}.secondary-button,.primary-button{border:0;border-radius:10px;font-weight:700;transition:transform .15s,opacity .15s}.secondary-button{color:var(--forest);background:#e5ece5;padding:0 20px}.primary-button{color:#fff;background:var(--forest);justify-content:center;align-items:center;gap:20px;min-height:48px;padding:0 22px;display:flex}button:not(:disabled):hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.5}.location-results{z-index:5;border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:6px;position:absolute;left:26px;right:26px;overflow:hidden;box-shadow:0 14px 32px #26332c1f}.location-results button{width:100%;color:var(--ink);text-align:left;background:#fff;border:0;border-bottom:1px solid #eeeae4;justify-content:space-between;padding:12px 15px;display:flex}.location-results button:last-child{border:0}.location-results button:hover{background:#f3f6f1}.location-results small{color:#7b817d}.forecast-form{border-top:1px solid #ebe6df;grid-template-columns:1fr auto;align-items:end;gap:20px;margin-top:20px;padding-top:20px;display:grid}.forecast-form small{color:#8a8e8b;margin-top:5px;font-size:10px;display:block}.error-message{color:#8b3e33;background:#f9e8e4;border-radius:8px;margin:16px 0 0;padding:10px 13px;font-size:13px}.result-section{grid-template-columns:340px 1fr;align-items:start;gap:24px;max-width:1180px;margin:0 auto;padding:64px 32px 80px;display:grid}.forecast-card,.recommendation-card{background:var(--paper);border:1px solid var(--line);border-radius:18px}.forecast-card{padding:28px}.forecast-card h2{margin:8px 0 4px;font-size:28px;line-height:1.1}.forecast-card p{color:#798078;margin:0;font-size:12px}.temperature-block{border-block:1px solid #ebe6df;align-items:center;margin:30px 0;padding:22px 0;display:flex}.weather-icon{margin-right:8px;font-size:32px}.temperature-block>strong{letter-spacing:-3px;font-family:Fraunces,serif;font-size:58px;font-weight:500}.temperature-block div{text-align:right;margin-left:auto;font-size:12px;display:grid}.temperature-block div span{color:#7d847f;margin-top:4px}.weather-facts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.weather-facts div{text-align:center;background:#f2f4ef;border-radius:8px;gap:4px;padding:10px 6px;display:grid}.weather-facts span{color:#788078;text-transform:uppercase;letter-spacing:.8px;font-size:9px}.weather-facts strong{font-size:12px}.recommendation-card{padding:32px}.recommendation-heading{justify-content:space-between;gap:20px;display:flex}.recommendation-heading h2{margin:8px 0 6px;font-size:34px}.recommendation-heading p{color:#777f79;margin:0;font-size:13px}.personalized-badge{color:#3d664e;letter-spacing:.2px;text-transform:none;background:#e4eee5;border-radius:999px;margin:0 0 0 10px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-block}.warmth-meter{text-align:right;color:#788078;text-transform:uppercase;letter-spacing:1px;align-self:center;font-size:9px}.warmth-meter div{gap:3px;margin-top:8px;display:flex}.warmth-meter i{background:#e1e4df;border-radius:4px;width:7px;height:18px}.warmth-meter i.active{background:var(--peach)}.outfit-grid{grid-template-columns:1fr 1fr;gap:10px;margin:28px 0;display:grid}.outfit-grid article{background:#f5f3ee;border-radius:11px;align-items:center;gap:14px;min-height:92px;padding:16px;display:flex}.item-icon{width:36px;height:36px;color:var(--forest);background:#e1e8df;border-radius:50%;flex:0 0 36px;place-items:center;font-size:18px;display:grid}.outfit-grid h3{margin:0 0 4px;font-size:13px}.outfit-grid p{color:#7b827d;margin:0;font-size:10px;line-height:1.4}.why-box{color:#445249;border-left:3px solid var(--sage);background:#edf1ea;border-radius:7px;padding:15px 17px;font-size:11px}.why-box strong{margin-bottom:6px;display:block}.why-box ul{margin:0;padding-left:18px;line-height:1.6}.feedback-card{background:#fffaf5;border:1px solid #e7d9cf;border-radius:18px;grid-column:1/-1;grid-template-columns:.8fr 1.2fr;gap:46px;margin-top:8px;padding:30px;display:grid}.feedback-intro h2{margin:8px 0;font-size:30px}.feedback-intro p{color:#777f79;max-width:360px;margin:0;font-size:12px;line-height:1.6}.comfort-options{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px;display:grid}.comfort-options button{color:#57625b;border:1px solid var(--line);background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:55px;font-size:11px;font-weight:700;display:flex}.comfort-options button span{font-size:15px}.comfort-options button.selected{color:var(--forest);border-color:var(--sage);background:#e7efe6;box-shadow:0 0 0 2px #8ea48f24}.save-feedback{width:100%;margin-top:12px}.saved-message{color:#3b694f;margin:10px 0 0;font-size:11px;font-weight:700}.history-section{max-width:940px;margin:0 auto 80px;padding:0 32px}.history-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.history-heading h2{margin:7px 0 4px;font-size:32px}.history-heading p{color:#7b827d;margin:0;font-size:12px}.text-button{background:0 0;border:0;padding:5px;font-size:11px;font-weight:700}.text-button.danger{color:#915249}.history-list{gap:10px;display:grid}.history-list article{background:var(--paper);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.comfort-symbol{border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.comfort-symbol.cold{color:#47708a;background:#e4eff4}.comfort-symbol.comfortable{color:#46704f;background:#e3eee3}.comfort-symbol.hot{color:#a25a3f;background:#f5e5dc}.history-title{align-items:center;gap:9px;display:flex}.history-title h3{margin:0;font-size:13px}.history-title span{color:#68736c;text-transform:uppercase;letter-spacing:.5px;background:#f0f1ed;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:700}.history-content p{color:#5d6861;margin:5px 0;font-size:11px}.history-content small{color:#919691;font-size:9px}.remove-entry{color:#9b9c98;background:0 0;border:0;border-radius:50%;width:28px;height:28px;font-size:18px}.remove-entry:hover{color:#8b3e33;background:#f7e9e5}.local-data-note{color:#939793;text-align:center;margin:14px 0 0;font-size:9px}.promise-strip{grid-template-columns:repeat(3,1fr);gap:40px;max-width:1000px;margin:0 auto;padding:42px 32px 76px;display:grid}.promise-strip div{padding-left:42px;position:relative}.promise-strip span{color:var(--peach);font-family:Fraunces,serif;font-size:22px;position:absolute;left:0}.promise-strip strong{margin-bottom:7px;font-family:Fraunces,serif;font-size:17px;display:block}.promise-strip p{color:#7a817c;margin:0;font-size:11px;line-height:1.55}footer{color:#8a8f8b;border-top:1px solid var(--line);text-align:center;padding:28px;font-size:10px}footer span{padding:0 10px}@media (width<=780px){.topbar{height:64px;padding:0 18px}.privacy-note{display:none}.topbar-actions{gap:8px}.access-main{grid-template-columns:1fr;gap:36px;padding:42px 18px 58px}.access-intro{text-align:center}.access-intro h1{margin-inline:auto;font-size:clamp(43px,13vw,62px)}.access-intro>p{margin-inline:auto}.access-promise{text-align:left;margin-top:30px}.access-card{width:min(100%,500px);margin:0 auto;padding:27px 20px}.hero{padding:48px 16px 42px}h1{letter-spacing:-2px}.planner-card{padding:18px}.input-row{display:grid}.secondary-button{min-height:44px}.forecast-form{grid-template-columns:1fr}.result-section{grid-template-columns:1fr;padding:40px 16px 60px}.recommendation-card{padding:24px 18px}.recommendation-heading{display:block}.warmth-meter{text-align:left;margin-top:18px}.outfit-grid{grid-template-columns:1fr}.feedback-card{grid-template-columns:1fr;gap:22px;padding:24px 18px}.comfort-options{grid-template-columns:1fr}.history-section{padding:0 16px}.history-heading,.history-list article{align-items:start}.history-title{flex-direction:column;align-items:start;gap:4px}.history-content small{line-height:1.45;display:block}.promise-strip{grid-template-columns:1fr;gap:26px;padding:30px 26px 60px}}@media (width<=480px){.invite-status{font-size:0}.invite-status span{font-size:16px}.access-main{padding-inline:14px}.access-promise{grid-template-columns:1fr;gap:12px}.access-promise div{grid-template-columns:30px 1fr;align-items:center}}.brand-button{background:0 0;border:0;padding:0}.dashboard-page,.flow-page{min-height:calc(100vh - 130px)}.dashboard-page{width:min(1100px,100%);margin:0 auto;padding:62px 32px 90px}.dashboard-hero{text-align:center;max-width:760px;margin:0 auto 42px}.dashboard-hero h1,.flow-heading h1{margin-block:14px 18px}.dashboard-hero p,.flow-heading p,.flow-card>p{color:#6d7771;line-height:1.65}.action-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.action-card{min-height:300px;color:var(--ink);border:1px solid var(--line);text-align:left;border-radius:22px;flex-direction:column;align-items:flex-start;padding:34px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #3f3f3414}.action-card.record-action{background:linear-gradient(145deg,#fffdf9,#f0e6de)}.action-card.suggestion-action{background:linear-gradient(145deg,#f8fbf5,#dce8dd)}.action-number{color:#859087;font-family:Fraunces,serif;font-size:14px}.action-icon{color:#fff;background:var(--forest);border-radius:50%;place-items:center;width:64px;height:64px;margin:34px 0 20px;font-size:28px;display:grid}.action-card>strong{font-family:Fraunces,serif;font-size:30px;font-weight:500}.action-card>span:not(.action-number):not(.action-icon){color:#68736c;max-width:390px;margin-top:10px;font-size:13px;line-height:1.55}.action-card>b{color:var(--forest);margin-top:auto;padding-top:24px;font-size:12px}.recent-activity{margin-top:58px}.recent-activity h2{margin:7px 0 20px;font-size:34px}.empty-state{color:#778078;background:var(--paper);border:1px dashed var(--line);text-align:center;border-radius:14px;gap:6px;padding:28px;display:grid}.empty-state strong{color:var(--ink)}.activity-list{gap:9px;display:grid}.activity-list>button{width:100%;color:var(--ink);background:var(--paper);border:1px solid var(--line);text-align:left;border-radius:12px;grid-template-columns:100px 1fr auto;align-items:center;gap:16px;padding:16px;display:grid}.activity-list>button>span:nth-child(2){gap:4px;display:grid}.activity-list small{color:#7d857f}.activity-kind{color:var(--forest);text-align:center;text-transform:uppercase;background:#e5ede4;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700}.activity-kind.suggestion{color:#8c5e49;background:#f6e9e0}.flow-page{width:min(960px,100%);margin:0 auto;padding:34px 32px 90px}.back-link{color:var(--forest);background:0 0;border:0;padding:8px 0;font-weight:700}.flow-heading{text-align:center;max-width:760px;margin:36px auto 40px}.flow-heading h1{font-size:clamp(44px,7vw,68px)}.flow-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,5vw,42px);box-shadow:0 18px 50px #3f3f3414}.flow-card h2{margin:8px 0 7px;font-size:34px}.choice-row,.flow-actions{align-items:center;gap:14px;margin-top:24px;display:flex}.manual-weather-form{grid-template-columns:.7fr 1.3fr auto;align-items:end;gap:14px;margin-top:26px;display:grid}select{width:100%;min-height:48px;color:var(--ink);border:1px solid var(--line);background:#fbfaf7;border-radius:10px;padding:0 12px}.weather-confirmation{background:#f3f6f1;border-radius:14px;margin-top:28px;padding:24px}.weather-confirmation h3{margin:4px 0;font-size:22px}.weather-confirmation p,.weather-confirmation small{color:#778078;font-size:11px}.weather-temperature{align-items:baseline;gap:12px;margin:20px 0;display:flex}.weather-temperature strong{font-family:Fraunces,serif;font-size:44px}.weather-confirmation dl{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.weather-confirmation dl div{background:#fff;border-radius:8px;gap:5px;padding:11px;display:grid}.weather-confirmation dt{color:#7a837c;text-transform:uppercase;font-size:9px}.weather-confirmation dd{margin:0;font-size:12px;font-weight:700}.clothing-select-grid{grid-template-columns:1fr 1fr;gap:16px;margin:26px 0;display:grid}.character-count{color:#868d88;text-align:right;margin-top:5px;display:block}.comfort-scale{border:0;margin:28px 0 0;padding:0}.comfort-scale legend{margin-bottom:10px;font-size:12px;font-weight:700}.comfort-scale>div{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.comfort-scale button{color:#66716a;border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;gap:4px;min-height:78px;padding:10px 5px;display:grid}.comfort-scale button strong{font-family:Fraunces,serif;font-size:23px}.comfort-scale button span{font-size:9px}.comfort-scale button.selected{color:var(--forest);border-color:var(--sage);background:#e7efe6;box-shadow:0 0 0 2px #8ea48f26}.flow-actions{justify-content:flex-end}.flow-actions .secondary-button{min-height:48px}.review-card dl{gap:12px;margin:26px 0;display:grid}.review-card dl div{border-bottom:1px solid #ece8e1;grid-template-columns:120px 1fr;padding-bottom:12px;display:grid}.review-card dt{color:#778078;font-size:11px;font-weight:700}.review-card dd{margin:0}.loading-card{text-align:center}.loading-card .action-icon{margin-inline:auto}.suggestion-weather{background:#f3f6f1;border-radius:10px;gap:5px;margin:24px 0;padding:16px;display:grid}.suggestion-weather span{color:#727c75;font-size:11px}.suggested-items{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;display:grid}.suggested-items article{background:#f7f4ef;border-radius:11px;padding:18px}.suggested-items article>span{color:var(--forest);letter-spacing:1px;text-transform:uppercase;font-size:8px;font-weight:700}.suggested-items h3{margin:7px 0 5px;font-size:14px}.suggested-items p{color:#747d77;margin:0;font-size:10px;line-height:1.5}.comparison-box{background:#f1f5ef;border:1px solid #dce6db;border-radius:11px;margin:26px 0;padding:18px}.comparison-box h3{margin:5px 0;font-size:19px}.comparison-heading>p{color:#69766e;margin:0;font-size:11px}.comparison-days{gap:12px;margin-top:16px;display:grid}.comparison-day{background:#fff;border:1px solid #e3e8e0;border-radius:9px;overflow:hidden}.comparison-day header{color:#405247;background:#e6eee4;justify-content:space-between;padding:10px 12px;font-size:11px;display:flex}.comparison-day header span{color:#6e796f}.comparison-row{border-top:1px solid #edf0eb;grid-template-columns:48px minmax(120px,.8fr) minmax(180px,1.2fr);align-items:start;gap:10px;padding:12px;display:grid}.comparison-row time{color:var(--forest);font-size:10px;font-weight:700}.comparison-weather,.comparison-outfit{gap:3px;display:grid}.comparison-weather strong,.comparison-outfit strong{font-size:11px}.comparison-weather span,.comparison-outfit span,.comparison-outfit small{color:#6f7973;font-size:10px;line-height:1.35}.comparison-outfit.empty strong{color:#7b827d}.comparison-unavailable{color:#606b63;background:#f7f6f2;border-color:#e5e0d8}.comparison-unavailable p{margin:5px 0 0;font-size:11px}.personalization-box{color:#445249;border-left:3px solid var(--sage);background:#eaf0e7;border-radius:8px;padding:18px}.personalization-box p{margin:7px 0;font-size:12px}.personalization-box small{color:#778078}.feedback-choice{align-items:center;gap:9px;margin-top:26px;display:flex}.feedback-choice>span{margin-right:auto;font-size:12px;font-weight:700}.feedback-choice button{min-height:42px;color:var(--forest);border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 14px;font-weight:700}.feedback-choice button.selected{color:#fff;background:var(--forest);border-color:var(--forest)}.detail-card dl{gap:10px;display:grid}.detail-card dl div{border-bottom:1px solid #ebe6df;grid-template-columns:100px 1fr;padding-block:10px;display:grid}.detail-card dt{color:#778078;font-size:11px;font-weight:700}.detail-card dd{margin:0}@media (width<=700px){.dashboard-page,.flow-page{padding-inline:16px}.action-grid,.clothing-select-grid,.manual-weather-form{grid-template-columns:1fr}.weather-confirmation dl{grid-template-columns:1fr 1fr}.comfort-scale>div{grid-template-columns:1fr}.comfort-scale button{justify-content:center;min-height:52px;display:flex}.activity-list>button{grid-template-columns:82px 1fr auto}.suggested-items{grid-template-columns:1fr}.comparison-row{grid-template-columns:44px 1fr}.comparison-outfit{grid-column:2}.feedback-choice{flex-direction:column;align-items:stretch}.feedback-choice>span{margin:0 0 3px}}