@import"https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";@layer components;/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@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;--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,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;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 utilities{.\@container\/card-header{container:card-header/inline-size}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.mx-4{margin-inline:calc(var(--spacing)*4)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.h-4{height:calc(var(--spacing)*4)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-16{height:calc(var(--spacing)*16)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-16{width:calc(var(--spacing)*16)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-lg{max-width:var(--container-lg)}.flex-shrink-0,.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.auto-rows-min{grid-auto-rows:min-content}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-6{gap:calc(var(--spacing)*6)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.bg-blue-600{background-color:var(--color-blue-600)}.bg-red-100{background-color:var(--color-red-100)}.bg-transparent{background-color:#0000}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-100{--tw-gradient-to:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.text-center{text-align:center}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-break-spaces{white-space:break-spaces}.whitespace-nowrap{white-space:nowrap}.text-red-500{color:var(--color-red-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}}.dark\:bg-transparent:is(.dark *){background-color:#0000}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--canopy:#123c36;--canopy-deep:#0b2824;--canopy-soft:#dfe9e3;--paper:#f4f1e9;--paper-deep:#e9e4d9;--ink:#182321;--muted:#6c746e;--line:#cecbbf;--coral:#c8614d;--coral-soft:#f5ded7;--serif:"Newsreader","Noto Serif KR",serif;--sans:"Noto Sans KR",sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.weather-fit-app{background:radial-gradient(circle at 85% 5%,#c9e0d175,transparent 20rem),var(--paper);min-height:100vh;overflow:hidden}.app-header{z-index:10;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1340px,100% - 48px);min-height:110px;margin:0 auto;display:flex;position:relative}.brand-lockup{color:var(--canopy);align-items:center;gap:13px;text-decoration:none;display:inline-flex}.brand-mark{object-fit:contain;width:42px;height:42px;display:block}.brand-lockup span{gap:1px;display:grid}.brand-lockup strong{font-family:var(--serif);letter-spacing:-.055em;font-size:25px;font-weight:600;line-height:1}.brand-lockup small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.header-meta{align-items:center;gap:10px;display:flex}.today-date{color:var(--muted);margin-right:8px;font-size:12px}.city-trigger,.icon-button{border:1px solid var(--line);color:var(--ink);min-height:38px;transition:background .16s var(--ease-out,ease-out),transform .16s var(--ease-out,ease-out);background:#ffffff57;align-items:center;gap:6px;display:inline-flex}.city-trigger{padding:0 12px;font-size:13px;font-weight:600}.icon-button{justify-content:center;width:38px}.city-trigger:hover,.icon-button:hover{background:#fffdf8}.city-trigger:active,.icon-button:active,.filter-pill:active,.tone-button:active,.primary-action:active,.text-action:active{transform:scale(.97)}.city-menu{border:1px solid var(--canopy);background:#fffdf8;width:310px;padding:12px;position:absolute;top:84px;right:0;box-shadow:14px 14px #123c361f}.city-menu-head{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:8px 8px 11px;font-size:12px;display:flex}.city-menu-head>div{align-items:center;gap:10px;display:flex}.city-menu-head button{color:var(--canopy);text-underline-offset:3px;background:0 0;border:0;font-size:12px;font-weight:700;text-decoration:underline}.city-menu-head .city-favorite-toggle{color:var(--coral);align-items:center;gap:4px;display:inline-flex}.city-option{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #e6e0d3;justify-content:space-between;align-items:center;padding:12px 8px;display:flex}.city-option:last-child{border-bottom:0}.city-option:hover,.city-option.is-active{background:var(--canopy-soft)}.city-option span{gap:2px;display:grid}.city-option strong{font-size:14px}.city-option small{color:var(--muted);font-size:11px}.notice{z-index:20;background:var(--canopy);color:#fffdf8;align-items:center;gap:26px;padding:12px 15px;font-size:13px;animation:.22s cubic-bezier(.23,1,.32,1) notice-in;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0b28242e}.notice>span{color:#fffdf8}.notice button{color:#b7d3c7;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.content-shell{width:min(1340px,100% - 48px);margin:0 auto;padding:32px 0 76px}.favorite-rail{border-top:1px solid var(--canopy);border-bottom:1px solid var(--line);min-height:54px;color:var(--muted);align-items:center;gap:14px;padding:8px 0;display:flex}.favorite-rail>span{letter-spacing:.1em;text-transform:uppercase;flex:none;font-size:10px;font-weight:700}.favorite-rail>div{scrollbar-width:thin;flex:1;gap:6px;display:flex;overflow-x:auto}.favorite-city{color:#4c6359;min-height:30px;transition:transform .16s var(--ease-out,ease-out),background .16s var(--ease-out,ease-out),color .16s var(--ease-out,ease-out);background:#fffdf899;border:1px solid #c9d5ce;flex:none;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.favorite-city:hover,.favorite-city.is-active{border-color:var(--canopy);background:var(--canopy);color:#fffdf8}.favorite-city:active{transform:scale(.97)}.favorite-manage{color:var(--canopy);text-underline-offset:3px;background:0 0;border:0;flex:none;font-size:11px;font-weight:700;text-decoration:underline}.weather-alerts{background:#fff6f1;border:1px solid #c8614d;grid-template-columns:220px 1fr;align-items:stretch;margin-bottom:20px;display:grid}.weather-alerts-title{color:#8e3e31;border-right:1px solid #c8614d6b;align-items:flex-start;gap:10px;padding:20px;display:flex}.weather-alerts-title>svg{margin-top:2px}.weather-alerts-title div{gap:4px;display:grid}.weather-alerts-title span{color:#a95b4a;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.weather-alerts-title strong{font-family:var(--serif);letter-spacing:-.045em;font-size:25px;font-weight:600}.weather-alerts ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.weather-alert{border-left:1px solid #c8614d47;align-content:start;gap:4px;min-height:105px;padding:17px 20px;display:grid}.weather-alert:first-child{border-left:0}.weather-alert.is-critical{background:#f7ded5}.weather-alert strong{color:#853a2e;font-size:13px}.weather-alert p,.weather-alert small{color:#77594f;margin:0;font-size:11px;line-height:1.55}.weather-alert small{color:#9a4a3a;font-weight:700}.connection-note{background:var(--coral-soft);border-left:3px solid var(--coral);align-items:center;gap:8px;min-height:43px;margin-bottom:14px;padding:0 14px;font-size:13px;display:flex}.connection-note button{color:var(--canopy);text-underline-offset:3px;background:0 0;border:0;margin-left:auto;font-weight:700;text-decoration:underline}.weather-hero{border-bottom:1px solid var(--canopy);background:#e5ebe3;flex-direction:column;justify-content:space-between;min-height:366px;display:flex;position:relative;overflow:hidden}.hero-image{background-image:linear-gradient(90deg,#edefe5f5,#edefe5db 39%,#edefe530 71%,#edefe50d),var(--hero-image);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-copy{z-index:1;max-width:640px;padding:40px 44px 12px;position:relative}.eyebrow{color:#50645d;letter-spacing:.135em;text-transform:uppercase;margin:0 0 12px;font-size:10px;font-weight:700}.temperature-monolith{color:var(--canopy);align-items:center;gap:3px;line-height:.8;display:flex}.temperature-monolith>span{font-family:var(--serif);letter-spacing:-.1em;font-size:clamp(84px,10.4vw,154px);font-weight:500}.temperature-monolith sup{font-family:var(--serif);align-self:flex-start;margin-top:18px;font-size:40px}.temperature-monolith div{align-self:flex-end;gap:5px;margin:0 0 16px 18px;line-height:1.2;display:grid}.temperature-monolith strong{font-size:15px}.hero-summary{color:#40534c;max-width:360px;margin:20px 0 0;font-size:14px;line-height:1.7}.hero-summary strong{color:var(--canopy)}.weather-as-of{color:#687971;align-items:center;gap:5px;margin:9px 0 0;font-size:10px;display:inline-flex}.weather-as-of.is-cached{color:#9a6253}.pwa-install-cue{width:min(100% - 40px,1180px);color:var(--canopy);background:#e7eee8;border:1px solid #123c3638;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:14px auto 0;padding:13px 16px;display:grid}.pwa-install-cue>div{gap:3px;display:grid}.pwa-install-cue strong{font-size:13px}.pwa-install-cue span{color:#52615a;font-size:11px}.pwa-install-cue button{border:1px solid var(--canopy);background:var(--canopy);color:#f8f5ec;padding:8px 11px;font-size:11px;font-weight:700}.weather-facts{z-index:1;background:#f4f1e98f;border-top:1px solid #123c3640;grid-template-columns:repeat(5,max-content);gap:clamp(20px,3.2vw,55px);margin:0;padding:20px 44px;display:grid;position:relative}.weather-facts div{gap:5px;display:grid}.weather-facts dt{color:#61736c;font-size:10px}.weather-facts dd{color:var(--canopy);font-family:var(--serif);margin:0;font-size:24px;font-weight:600}.weather-facts small{font-family:var(--sans);margin-left:2px;font-size:10px}.hero-loading{gap:13px;margin-top:44px;display:grid}.loading-line{background:linear-gradient(90deg,#123c361f,#ffffffb3,#123c361f) 0 0/200% 100%;height:16px;animation:1.4s linear infinite shimmer;display:block}.loading-line.long{width:240px;height:110px}.loading-line.short{width:185px}.hero-empty{margin-top:48px}.hero-empty p{font-family:var(--serif);font-size:32px}.hero-empty button{border:1px solid var(--canopy);color:var(--canopy);background:0 0;padding:9px 13px;font-size:13px;font-weight:700}.temperature-strip{border-bottom:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:280px 1fr;padding:17px 0 27px;display:grid}.strip-label{color:var(--canopy);grid-row:span 2;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.strip-label strong{font-family:var(--serif);margin-left:auto;font-size:20px}.strip-label i{border-top:1px solid var(--coral);vertical-align:middle;width:24px;display:inline-block}.temperature-line{height:44px;position:relative}.temperature-line svg{width:100%;height:44px;overflow:visible}.temperature-line polyline{fill:none;stroke:var(--canopy);stroke-width:1.1px;vector-effect:non-scaling-stroke}.temp-dot{background:var(--coral);width:8px;height:8px;box-shadow:0 0 0 1px var(--canopy);border:2px solid #fffdf8;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.time-legend{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.time-legend span{gap:2px;display:grid}.time-legend b{color:#5e6f66;font-size:10px}.time-legend strong{color:var(--canopy);font-family:var(--serif);font-size:15px}.time-legend small{color:#8a6a5c;font-size:9px}.timeline-empty{color:var(--muted);align-items:center;font-size:11px;display:flex}.departure-cue{border-left:3px solid var(--canopy);color:var(--canopy);background:#e8efe9;align-items:flex-start;gap:12px;margin-top:18px;padding:16px 18px;display:flex}.departure-cue>svg{margin-top:3px}.departure-cue div{gap:3px;display:grid}.departure-cue span{color:#60736a;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.departure-cue strong{font-family:var(--serif);letter-spacing:-.045em;font-size:25px;font-weight:600}.departure-cue p{color:#50645a;margin:0;font-size:12px;line-height:1.6}.departure-cue.is-rain{border-left-color:var(--coral);color:#8d4031;background:#fbede8}.departure-cue.is-rain span,.departure-cue.is-rain p{color:#865b50}.departure-cue.is-heat{color:#7b5725;background:#f8f0df;border-left-color:#c68139}.departure-cue.is-heat span,.departure-cue.is-heat p{color:#7b6646}.decision-intro{grid-template-columns:1fr 300px;align-items:end;gap:40px;padding:72px 0 46px;display:grid}.decision-copy h1{color:var(--canopy);font-family:var(--serif);letter-spacing:-.07em;margin:0;font-size:clamp(42px,5.1vw,70px);font-weight:500;line-height:.94}.decision-copy>p{color:#536059;max-width:560px;margin:20px 0 0;font-size:15px;line-height:1.85}.preparedness{background:var(--canopy);color:#f3f0e8;align-items:flex-start;gap:14px;min-height:132px;padding:20px;display:flex}.preparedness>svg{color:#b9d5c8;margin-top:4px}.preparedness div{gap:3px;display:grid}.preparedness span{color:#adc5ba;letter-spacing:.08em;font-size:10px}.preparedness strong{font-family:var(--serif);font-size:28px;font-weight:500}.preparedness small{color:#d6e5dc;font-size:11px}.filter-deck{border-top:1px solid var(--canopy);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 24px;padding:17px 0;display:grid}.filter-group{align-items:center;gap:16px;display:flex}.filter-group>span{min-width:42px;color:var(--muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.filter-group>div{gap:4px;display:flex}.filter-pill,.tone-button,.comfort-button,.occasion-button{color:#64736a;background:0 0;border:0;padding:8px 10px;font-size:12px;transition:background .16s ease-out,color .16s ease-out,transform .16s ease-out}.filter-pill.is-active{color:#fffdf8;background:var(--canopy)}.tone-button{border:1px solid #0000}.tone-button.is-active{color:var(--canopy);border-color:var(--canopy);background:#fdfbf4}.comfort-button,.occasion-button{border-bottom:1px solid #0000}.comfort-button.is-active,.occasion-button.is-active{color:var(--coral);border-bottom-color:var(--coral);font-weight:700}.outfit-spread{grid-template-columns:minmax(260px,.75fr) minmax(430px,1.25fr);padding:48px 0 68px;display:grid;position:relative}.outfit-visual{background:var(--canopy-soft);min-height:560px;margin-right:-1px;position:relative;overflow:hidden}.outfit-visual img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.outfit-visual.has-look-image{background:linear-gradient(150deg,#e5e0d5,#cfd9d4)}.outfit-visual.has-look-image img{object-position:center center}.image-pending-note{z-index:2;color:#d5e6dd;letter-spacing:.07em;background:#0b2824d6;padding:7px 9px;font-size:10px;font-weight:700;position:absolute;top:16px;left:16px}.visual-caption{color:#fffdf8;letter-spacing:.1em;background:linear-gradient(#0000,#0b2824bf);justify-content:space-between;padding:16px 18px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.outfit-card{border:1px solid var(--canopy);background:#fffdf8;flex-direction:column;min-height:560px;padding:48px clamp(30px,5vw,75px);display:flex}.outfit-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.outfit-title-row h2{color:var(--canopy);font-family:var(--serif);letter-spacing:-.065em;margin:0;font-size:clamp(36px,4vw,56px);font-weight:500;line-height:.94}.round-action{border:1px solid var(--line);width:38px;height:38px;color:var(--canopy);background:0 0;border-radius:50%;place-items:center;transition:transform .16s ease-out,background .16s ease-out;display:grid}.round-action:hover,.round-action.is-active{background:var(--canopy);color:#fffdf8}.round-action:active{transform:scale(.94)}.outfit-note{color:#536059;max-width:490px;margin:25px 0 20px;font-size:14px;line-height:1.75}.fit-reasons{border-left:2px solid var(--canopy);background:#f1f4ef;margin:0 0 20px;padding:12px 14px}.fit-reasons-head{align-items:baseline;gap:10px;display:flex}.fit-reasons-head span{color:#5d6f66;letter-spacing:.1em;font-size:9px;font-weight:700}.fit-reasons-head strong{color:var(--canopy);font-size:12px}.signal-list{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:11px;display:grid}.signal-item{gap:2px;min-width:0;display:grid}.signal-item>span,.signal-item small{color:#66776e;font-size:9px;line-height:1.45}.signal-item strong{color:var(--canopy);font-family:var(--serif);font-size:18px;font-weight:600}.outfit-pieces{border-top:1px solid var(--line);margin:0}.outfit-pieces>div{border-bottom:1px solid #e8e3d9;grid-template-columns:66px 1fr auto;align-items:baseline;gap:8px;min-height:46px;display:grid}.outfit-pieces dt{color:var(--muted);font-size:11px}.outfit-pieces dd{color:#24332e;margin:0;font-size:13px;font-weight:600}.outfit-pieces dd small{color:var(--coral);margin-top:2px;font-size:10px;font-weight:500;display:block}.outfit-pieces button{color:#7d867f;text-underline-offset:2px;background:0 0;border:0;padding:4px 0;font-size:10px;text-decoration:underline}.outfit-actions{align-items:center;gap:16px;margin-top:24px;display:flex}.primary-action{border:1px solid var(--canopy);background:var(--canopy);color:#fffdf8;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:12px;font-weight:700;transition:transform .16s ease-out,background .16s ease-out;display:inline-flex}.primary-action.is-done{color:var(--canopy);background:#e5efe8}.text-action{color:var(--canopy);background:0 0;border:0;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.leave-checklist{border-top:1px dashed var(--line);margin-top:24px;padding-top:18px}.leave-checklist>div:first-child{align-items:baseline;gap:9px;display:flex}.leave-checklist>div:first-child span{color:var(--muted);letter-spacing:.09em;font-size:9px;font-weight:700}.leave-checklist>div:first-child strong{color:var(--canopy);font-size:13px}.check-steps{gap:6px;margin-top:10px;display:grid}.check-step{width:100%;color:var(--canopy);text-align:left;background:0 0;border:0;border-bottom:1px solid #ece7dc;grid-template-columns:17px 1fr 17px;align-items:center;gap:9px;padding:7px 0;display:grid}.check-step>span:nth-child(2){gap:1px;display:grid}.check-step b{font-size:11px}.check-step small{color:#6d7d75;font-size:10px;line-height:1.35}.check-step.is-done{color:#779286}.check-step.is-done b,.check-step.is-done small{text-decoration:line-through}.step-marker{border:1px solid #9fa9a3;border-radius:50%;width:13px;height:13px}.alternate-note{grid-column:2;max-width:610px;padding:20px 0 0 clamp(30px,5vw,75px)}.alternate-note p{font-family:var(--serif);color:var(--canopy);margin:0;font-size:23px;line-height:1.25}.alternate-note strong{text-decoration:underline;-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-underline-offset:5px}.alternate-rule{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.6;display:inline-block}.wardrobe-swaps{border-left:2px solid var(--coral);background:#fbf1ec;margin-top:18px;padding:14px}.wardrobe-swaps>div{gap:3px;display:grid}.wardrobe-swaps>div span{color:#a65b4b;letter-spacing:.1em;font-size:9px;font-weight:700}.wardrobe-swaps>div strong{color:#70483e;font-size:12px}.wardrobe-swaps ul{gap:8px;margin:11px 0 0;padding:0;list-style:none;display:grid}.wardrobe-swaps li{grid-template-columns:78px 1fr;gap:4px 9px;display:grid}.wardrobe-swaps li>span{color:#8a665c;font-size:10px}.wardrobe-swaps li>strong{color:#7e3f32;font-size:11px}.wardrobe-swaps li>small{color:#806b64;grid-column:2;font-size:10px;line-height:1.45}.lower-grid{grid-template-columns:.78fr 1.22fr;gap:20px;display:grid}.tomorrow-card,.week-card{border-top:1px solid var(--canopy);background:#e7eee8;min-height:292px;padding:28px}.week-card{border:1px solid var(--line);background:#fdfbf6}.card-topline{color:var(--canopy);justify-content:space-between;align-items:center;display:flex}.card-topline .eyebrow{margin:0}.tomorrow-card h2{max-width:300px;font-family:var(--serif);color:var(--canopy);letter-spacing:-.05em;margin:36px 0 12px;font-size:34px;font-weight:500;line-height:1}.tomorrow-card>p{color:#52615a;font-size:13px}.tomorrow-rule{color:#456157;border-top:1px solid #123c364d;margin-top:24px;padding-top:12px;font-size:12px;line-height:1.6}.tomorrow-action{border:1px solid var(--canopy);color:var(--canopy);background:0 0;align-items:center;gap:7px;margin-top:13px;padding:8px 10px;font-size:11px;font-weight:700;display:inline-flex}.tomorrow-action.is-done{color:#315846;background:#dbe9df;border-color:#6f9381}.week-content{grid-template-columns:.9fr 1.1fr;align-items:end;gap:22px;margin-top:23px;display:grid}.week-content img{object-fit:cover;filter:saturate(.78);width:100%;height:183px}.week-list{gap:0;display:grid}.week-day{min-height:35px;color:var(--muted);border-bottom:1px solid #ebe6db;grid-template-columns:44px 12px 38px 1fr;align-items:center;gap:5px;font-size:11px;display:grid}.week-day strong{color:var(--canopy);font-family:var(--serif);font-size:18px}.week-day small{font-size:10px}.weather-dot{background:#e3b264;border-radius:50%;width:7px;height:7px}.weather-dot.rain{background:var(--coral)}.saved-rail{border-top:1px solid var(--canopy);border-bottom:1px solid var(--canopy);grid-template-columns:1.45fr .6fr .6fr 1.35fr;align-items:center;gap:18px;margin-top:68px;padding:28px 0;display:grid}.saved-rail h2{color:var(--canopy);font-family:var(--serif);letter-spacing:-.05em;margin:0;font-size:35px;font-weight:500;line-height:.98}.archive-stat{color:var(--canopy);grid-template-columns:24px auto;align-items:center;column-gap:9px;display:grid}.archive-stat strong{font-family:var(--serif);font-size:42px;font-weight:500;line-height:1}.archive-stat span{color:var(--muted);grid-column:2;font-size:10px}.archive-detail{border-left:1px solid var(--line);color:#58645e;flex-wrap:wrap;gap:10px;padding-left:22px;display:flex}.archive-detail p{flex-basis:100%;margin:0;font-size:12px;line-height:1.65}.archive-privacy{color:#728077;flex-basis:100%;font-size:10px;line-height:1.45}.app-footer{color:#78817a;letter-spacing:.055em;justify-content:space-between;width:min(1340px,100% - 48px);margin:0 auto;padding:22px 0 35px;font-size:10px;display:flex}.history-ledger{border-left:3px solid var(--canopy);background:#e7eee8;grid-template-columns:.72fr 1.28fr;gap:28px;margin-top:20px;padding:26px 28px;display:grid}.history-ledger-title .eyebrow{margin-bottom:8px}.history-ledger h2{color:var(--canopy);font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:34px;font-weight:500;line-height:.96}.history-ledger ul{border-top:1px solid #123c3647;margin:0;padding:0;list-style:none}.history-ledger li{border-bottom:1px solid #123c362e;justify-content:space-between;align-items:center;gap:18px;min-height:62px;display:flex}.history-ledger li>div:first-child{gap:3px;display:grid}.history-ledger li strong{color:var(--canopy);font-size:13px}.history-ledger li>div:first-child span{color:#65766c;font-size:11px}.history-meta{flex:none;justify-items:end;gap:3px;display:grid}.history-meta span{color:#fffdf8;background:var(--canopy);padding:3px 6px;font-size:9px;font-weight:700}.history-meta small{color:var(--muted);font-size:10px}.history-meta button{color:#8b6359;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:9px;text-decoration:underline}@keyframes shimmer{to{background-position:-200% 0}}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:no-preference){.weather-hero,.decision-intro,.outfit-spread,.lower-grid{animation:.36s cubic-bezier(.23,1,.32,1) both rise-in}.decision-intro{animation-delay:55ms}.outfit-spread{animation-delay:95ms}.lower-grid{animation-delay:.14s}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.week-prep{border-left:3px solid var(--coral);background:#f2efe6;grid-template-columns:.8fr 1.2fr;align-items:end;gap:26px;margin-top:20px;padding:28px;display:grid}.week-prep .eyebrow{margin-bottom:8px}.week-prep h2{color:var(--canopy);font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(29px,3.1vw,43px);font-weight:500;line-height:.96}.week-prep ul{grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.week-prep li{min-height:86px;color:var(--canopy);background:#fffdf880;border-top:1px solid #123c3659;align-content:space-between;padding:14px;display:grid}.week-prep strong{font-size:13px}.week-prep small{color:#607068;font-size:11px;line-height:1.55}.archive-export,.archive-import,.archive-reset{width:fit-content;color:var(--canopy);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:2px;font-size:11px;font-weight:700;text-decoration:underline;display:inline-flex}.archive-reset{color:#985342}.archive-import input{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:850px){.week-prep{grid-template-columns:1fr}.week-prep ul{grid-template-columns:repeat(3,1fr)}}@media (max-width:520px){.week-prep{padding:22px}.week-prep ul{grid-template-columns:1fr}.week-prep li{min-height:64px}}@media (max-width:850px){.app-header,.content-shell,.app-footer{width:min(100% - 32px,680px)}.app-header{min-height:86px}.today-date{display:none}.weather-hero{min-height:335px}.hero-copy{padding:31px 28px 8px}.weather-facts{grid-template-columns:repeat(5,1fr);gap:16px;padding:15px 28px}.weather-facts dd{font-size:20px}.temperature-strip{grid-template-columns:1fr;gap:8px}.strip-label{grid-row:auto}.strip-label strong{margin-left:8px}.decision-intro{grid-template-columns:1fr;gap:28px;padding:56px 0 36px}.preparedness{max-width:360px}.filter-deck{grid-template-columns:1fr;gap:10px}.outfit-spread{grid-template-columns:1fr}.outfit-visual{min-height:300px;margin:0}.outfit-card{min-height:500px;padding:36px 30px}.alternate-note{grid-column:auto;padding:18px 8px 0}.lower-grid{grid-template-columns:1fr}.saved-rail{grid-template-columns:1fr 1fr;gap:22px}.archive-detail{border-left:0;border-top:1px solid var(--line);grid-column:span 2;padding:16px 0 0}.history-ledger{grid-template-columns:1fr;gap:20px}.weather-alerts{grid-template-columns:1fr}.weather-alerts-title{border-bottom:1px solid #c8614d6b;border-right:0}.city-menu{top:70px;right:0}}@media (max-width:520px){.app-header,.content-shell,.app-footer{width:min(100% - 28px,680px)}.brand-mark{width:34px;height:34px}.brand-lockup strong{font-size:21px}.brand-lockup small{display:none}.city-trigger{padding:0 9px}.city-menu{width:min(310px,100vw - 28px)}.city-menu-head{align-items:flex-start;gap:10px}.city-menu-head>div{flex-direction:column;align-items:flex-end;gap:3px}.favorite-rail{flex-wrap:wrap;align-items:flex-start;gap:7px 10px;padding:11px 0}.favorite-rail>div{flex-basis:calc(100% - 92px)}.favorite-manage{margin-left:auto}.weather-alerts{margin-bottom:14px}.weather-alerts-title{padding:16px}.weather-alerts-title strong{font-size:22px}.weather-alerts ul{grid-template-columns:1fr}.weather-alert{border-top:1px solid #c8614d47;border-left:0;min-height:auto;padding:14px 16px}.weather-alert:first-child{border-top:0}.weather-hero{min-height:330px}.hero-image{background-image:linear-gradient(90deg,#edefe5f7,#edefe5ad),var(--hero-image);background-position:62%}.temperature-monolith>span{font-size:108px}.temperature-monolith sup{font-size:31px}.temperature-monolith div{margin-left:10px}.weather-facts{grid-template-columns:repeat(3,1fr);row-gap:12px}.weather-facts div:nth-child(n+4){display:none}.hero-summary{font-size:13px}.strip-label{flex-wrap:wrap}.strip-label strong{margin-left:0}.departure-cue{margin-top:14px;padding:15px}.departure-cue strong{font-size:22px}.filter-group{flex-direction:column;align-items:flex-start;gap:7px}.filter-group>div{flex-wrap:wrap}.outfit-card{padding:30px 20px}.outfit-title-row h2{font-size:43px}.signal-list{grid-template-columns:1fr;gap:8px}.signal-item{grid-template-columns:74px 48px 1fr;align-items:center;gap:7px}.outfit-pieces>div{grid-template-columns:47px 1fr auto}.outfit-actions{flex-direction:column;align-items:flex-start;gap:14px}.tomorrow-card,.week-card{padding:22px}.week-content{grid-template-columns:1fr}.week-content img{height:150px}.saved-rail{grid-template-columns:1fr 1fr}.saved-rail>div:first-child{grid-column:span 2}.history-ledger{padding:22px}.history-ledger li{flex-direction:column;align-items:flex-start;gap:7px;padding:12px 0}.history-meta{justify-content:space-between;align-items:center;width:100%;display:flex}.app-footer{flex-direction:column;align-items:flex-start;gap:6px}.connection-note{flex-wrap:wrap;align-items:flex-start;padding:10px}.connection-note button{margin-left:24px}}.city-search{border:1px solid var(--line);background:var(--paper);width:100%;color:inherit;border-radius:8px;margin:10px 0 6px;padding:10px 12px;font-size:14px}.city-search:focus-visible{outline:2px solid var(--canopy);outline-offset:1px}.city-option-list{overscroll-behavior:contain;max-height:320px;overflow-y:auto}.city-empty{color:var(--muted);text-align:center;padding:18px 4px;font-size:13px}.outfit-visual .silhouette{width:100%;height:100%;color:var(--ink);padding:34px 24px 58px;position:absolute;inset:0}.outfit-palette{z-index:2;gap:5px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:16px;left:16px}.outfit-palette li{border:1px solid #0b282438;border-radius:50%;width:17px;height:17px}.outfit-point{color:var(--muted);align-items:baseline;gap:9px;margin:-6px 0 18px;font-size:13px;line-height:1.6;display:flex}.outfit-point span{color:var(--paper);background:var(--canopy);letter-spacing:.09em;flex:none;padding:2px 6px;font-size:9px;font-weight:700}@media (max-width:850px){.outfit-visual .silhouette{padding:22px 18px 46px}.city-option-list{max-height:260px}}.round-action{min-width:24px}.outfit-pieces button,.text-action,.archive-export,.archive-reset,.archive-import button,.history-meta button,.favorite-manage,.connection-note button{min-height:24px;padding-block:3px}.outfit-pieces button{min-width:24px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}