:root{color:#16212f;background:#e9eef6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#e9eef6;-webkit-text-size-adjust:100%}button,input,select{font:inherit}button{border:0;cursor:pointer;transition:transform .15s var(--ease-out),background-color .18s ease,opacity .18s ease}button:active{transform:scale(.97)}button:disabled{cursor:wait;opacity:.6}h1,h2,h3,p{margin:0;letter-spacing:0}.setup-shell,.app-shell{width:min(100%,440px);min-height:100vh;min-height:100dvh;margin:0 auto}.setup-shell{display:grid;align-content:start;gap:18px;padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom))}.setup-header h1{font-size:38px;line-height:1}.setup-header p{margin-top:10px;color:#607086;font-size:16px}.setup-card,.advice-sheet,.schedule-modal{border:1px solid rgba(255,255,255,.7);border-radius:8px;background:#ffffffe0;box-shadow:0 24px 70px #2538582e;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.setup-card{display:grid;gap:18px;max-height:calc(100dvh - 132px);overflow-y:auto;padding:18px 18px 96px;scrollbar-width:thin}.setup-card.garment-step{gap:12px}.setup-title{display:flex;gap:10px;align-items:center}.row-title{justify-content:space-between}.row-title>div{display:flex;gap:10px;align-items:center}.setup-title span{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;color:#fff;background:#2d6df6;font-size:14px;font-weight:800}.setup-title h2,.modal-header h2{font-size:22px}label{display:grid;gap:7px;color:#66758b;font-size:12px;font-weight:760;min-width:0;white-space:nowrap}input,select{width:100%;min-height:46px;border:1px solid rgba(22,33,47,.12);border-radius:8px;padding:0 12px;color:#16212f;background:#f9fbff;font-size:16px;outline:none}input:focus-visible{border-color:#2d6df6;box-shadow:0 0 0 4px #2d6df624}.time-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.manual-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.manual-row button,.primary-action,.quiet-button,.add-segment-button,.add-garment-button,.weather-topbar button,.weather-now button,.advice-header button,.modal-header button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;border-radius:8px;padding:0 14px;font-size:14px;font-weight:780}.primary-action{width:100%;min-height:50px;color:#fff;background:#16212f}.quiet-button,.add-segment-button,.add-garment-button,.modal-header button,.advice-header button{width:fit-content;color:#334155;background:#edf2f8}.segment-editor{display:grid;gap:10px}.segment-actions{display:flex;flex-wrap:wrap;gap:8px}.segment-card{display:grid;grid-template-columns:minmax(58px,.78fr) minmax(78px,1fr) minmax(78px,1fr) 44px 40px;gap:6px;align-items:end;border-radius:8px;padding:10px;background:#f4f7fb}.segment-card input{height:46px;min-width:0;min-height:46px;padding:0 8px;text-align:center;font-size:16px;font-weight:780;line-height:46px}.segment-card input[type=time]{appearance:none;-webkit-appearance:none}.segment-card label:first-child input{font-size:15px}.segment-card button{min-height:46px;border-radius:8px;padding:0;color:#6b778a;background:#e8edf5}.segment-toggle.active,.add-segment-button.now{color:#174f36;background:#dff4e8}.garment-picker{display:grid;gap:10px}.garment-group h3,.thermal-zone h3{margin-bottom:6px;color:#536176;font-size:12px}.garment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.garment-card{position:relative;display:grid;min-height:78px;grid-template-rows:42px auto;justify-items:center;align-items:center;gap:4px;border:1px solid rgba(22,33,47,.1);border-radius:8px;padding:6px 4px;color:#26364d;background:#f8fbff;text-align:center}.garment-card.selected{border-color:#2d6df66b;background:#eaf1ff}.garment-card>span{font-size:11px;font-weight:780;line-height:1.15}.garment-art{width:46px;height:46px;object-fit:contain}.garment-card>.garment-art+span+svg{position:absolute;top:5px;right:5px;color:#2d6df6}.thermal-zone{display:grid;gap:8px;margin-top:2px;padding-top:10px;border-top:1px solid rgba(22,33,47,.1)}.thermal-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sticky-actions{position:sticky;bottom:-96px;margin:0 -18px -96px;padding:32px 18px 18px;background:linear-gradient(180deg,#fff0,#fffffff5 32%)}.thermal-toggle{display:flex;gap:6px;align-items:center;color:#7c8798;font-size:11px;white-space:nowrap}.thermal-toggle input{position:relative;display:grid;width:18px;height:18px;min-height:18px;place-items:center;appearance:none;border:1px solid rgba(22,33,47,.28);border-radius:5px;padding:0;background:#f9fbff}.thermal-toggle input:checked{border-color:#16212f;background:#16212f}.thermal-toggle input:checked:after{color:#fff;content:"×";font-size:15px;font-weight:760;line-height:1}.app-shell{display:grid;grid-template-rows:35vh 1fr;background:#101a2b}.weather-hero{position:relative;min-height:300px;overflow:hidden;padding:16px;color:#fff;background-size:cover;background-position:center;isolation:isolate}.weather-hero.sunny{background-image:url(/weather/sunny-mobile.webp)}.weather-hero.cloudy{background-image:url(/weather/cloudy-mobile.webp)}.weather-hero.rainy{background-image:url(/weather/rainy-mobile.webp)}.weather-hero:after{position:absolute;inset:0;z-index:0;content:"";background:linear-gradient(180deg,#050d1a24,#050d1a0a 42%,#050d1a75),radial-gradient(circle at 50% 26%,rgba(255,255,255,.12),transparent 38%)}.weather-topbar,.weather-now,.advice-header,.modal-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}.weather-topbar span{display:inline-flex;gap:5px;align-items:center;font-size:14px;font-weight:730;text-shadow:0 1px 12px rgba(0,0,0,.18)}.weather-topbar button,.weather-now button{color:#fffffff0;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff38}.weather-topbar .location-button{min-height:0;justify-content:flex-start;padding:0;background:transparent;box-shadow:none;text-shadow:0 1px 12px rgba(0,0,0,.18)}.segment-summary{display:grid;gap:4px;text-align:left;font-size:12px;font-weight:260;line-height:1.16;opacity:.62}.segment-summary i{display:block;font-style:normal;line-height:1.16}.scene{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.sun{position:absolute;top:-18%;right:-12%;width:68%;height:48%;border-radius:50%;background:radial-gradient(circle,rgba(255,244,190,.5),rgba(255,244,190,.14) 46%,transparent 70%);mix-blend-mode:screen}.cloud{position:absolute;border-radius:999px;background:#ffffff29;filter:blur(16px);animation:drift 14s var(--ease-out) infinite alternate}.cloud:before,.cloud:after{position:absolute;content:"";border-radius:50%;background:inherit}.cloud-one{left:-28px;top:92px;width:210px;height:58px}.cloud-one:before{left:24px;bottom:18px;width:72px;height:72px}.cloud-one:after{left:86px;bottom:11px;width:86px;height:86px}.cloud-two{right:-52px;top:145px;width:185px;height:54px;opacity:.55;animation-duration:18s}.cloud-two:before{left:28px;bottom:12px;width:58px;height:58px}.cloud-two:after{left:74px;bottom:10px;width:62px;height:62px}.sunny .cloud-two,.sunny .cloud-one{opacity:.32}.cloudy .sun{opacity:.18}.rainy .sun{opacity:0}.rain{position:absolute;inset:-20px 0 0;display:block;opacity:.45;background-image:repeating-linear-gradient(108deg,rgba(230,242,255,.62) 0 1px,transparent 1px 18px);animation:rain-shift .52s linear infinite}.rain i{display:none}.weather-now{position:relative;z-index:2;margin-top:58px;text-shadow:0 2px 22px rgba(0,0,0,.32)}.weather-now strong{display:block;margin-top:2px;font-size:64px;line-height:.9;font-weight:760}.weather-now span{display:block;margin-top:8px;font-size:15px;font-weight:680;opacity:.9}.weather-now .current-line{margin:0 0 8px;font-size:13px;opacity:.94}.weather-now .forecast-label{margin:0 0 4px;font-size:13px;font-weight:760;opacity:.95}.weather-now .forecast-meta{margin-top:7px}.hourly-strip{position:relative;z-index:2;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(52px,1fr);gap:8px;margin-top:12px;padding:10px 8px;overflow-x:auto;border-radius:8px;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.swap-row{display:flex;align-items:center;margin-top:12px}.swap-row button{display:inline-flex;min-height:36px;align-items:center;gap:6px;border-radius:8px;padding:0 12px;color:#334155;background:#edf2f8;font-size:13px;font-weight:760}.swap-row span{color:#8a96a8;font-size:13px}.swap-toast{position:fixed;top:50%;left:50%;z-index:20;border-radius:999px;padding:10px 16px;color:#fff;background:#1c222bc7;font-size:14px;font-weight:760;transform:translate(-50%,-50%);animation:swap-toast 1.5s var(--ease-out) forwards;pointer-events:none}@keyframes swap-toast{0%{opacity:0;transform:translate(-50%,-46%) scale(.98)}18%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-54%) scale(.98)}}@keyframes drift{0%{transform:translate(-10px)}to{transform:translate(18px)}}@keyframes rain-shift{0%{background-position:0 0}to{background-position:0 28px}}.hour-tick{display:grid;justify-items:center;align-items:center;gap:7px;min-height:72px;color:#fff;font-size:11px}.weather-hour-icon{color:#ffffffeb;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.hour-tick strong{font-size:13px}.advice-sheet{z-index:3;margin-top:-8px;border-radius:8px 8px 0 0;padding:18px 16px 28px}.advice-header h1{font-size:30px;line-height:1}.advice-list{display:grid;gap:10px;margin-top:18px}.advice-row{display:grid;grid-template-columns:72px 1fr;align-items:center;min-height:56px;border-radius:8px;padding:0 14px;background:#f4f7fb}.advice-row span{color:#66758b;font-size:13px;font-weight:780}.advice-row strong{font-size:22px;line-height:1.1}.tag-row{display:flex;flex-wrap:nowrap;gap:8px;margin-top:14px;overflow-x:auto;scrollbar-width:none}.tag-row::-webkit-scrollbar{display:none}.tag-row span{flex:0 0 auto;border-radius:999px;padding:7px 10px;color:#435067;background:#eef3fa;font-size:12px;font-weight:730}.tag-row span:not(:first-child){color:#a24a25;background:#fff0e7}.status-line{margin-top:14px;color:#8a96a8;font-size:12px}.modal-layer{position:fixed;inset:0;z-index:10;display:grid;align-items:end}.modal-backdrop{position:absolute;inset:0;border-radius:0;background:#080d166b}.schedule-modal{position:relative;display:grid;gap:16px;width:min(100%,440px);margin:0 auto;border-radius:8px 8px 0 0;padding:18px 16px 22px;animation:drawer-in .26s var(--ease-drawer)}@keyframes drawer-in{0%{opacity:0;transform:translateY(18%)}to{opacity:1;transform:translateY(0)}}@media(min-width:860px){.setup-shell,.app-shell{width:min(100%,860px)}.app-shell{grid-template-columns:1fr 1fr;grid-template-rows:minmax(100vh,auto)}.weather-hero{min-height:100vh}.weather-hero.sunny{background-image:url(/weather/sunny.png)}.weather-hero.cloudy{background-image:url(/weather/cloudy.png)}.weather-hero.rainy{background-image:url(/weather/rainy.png)}.advice-sheet{margin-top:0;border-radius:0;align-self:stretch}}@media(max-width:390px){.setup-shell{gap:14px;padding-right:12px;padding-left:12px}.setup-header h1{font-size:34px}.setup-header p{font-size:15px}.setup-card{gap:14px;padding:14px 14px 88px}.setup-title h2,.modal-header h2{font-size:20px}.segment-card input{font-size:15px}.manual-row{grid-template-columns:1fr 92px}.manual-row button{padding:0 10px}}@media(max-width:859px){.segment-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.segment-card label{grid-row:1}.segment-card button{min-height:42px}.segment-card .segment-toggle{grid-column:1 / 3;grid-row:2}.segment-card button:last-child{grid-column:3;grid-row:2}.app-shell{grid-template-rows:278px 1fr}.weather-hero{min-height:278px;background-position:center top;transform:translateZ(0)}.scene,.hourly-strip{display:none}.weather-hero:after{background:linear-gradient(180deg,#050d1a1f,#050d1a0a 44%,#050d1a80)}.weather-now{margin-top:58px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}