*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{color-scheme:light dark;--color-bg: #f5f4f1;--color-panel: #ffffff;--color-text: #232321;--color-text-muted: #6b6a66;--color-border: #e3e1da;--color-accent: #3a5a78;--color-accent-contrast: #ffffff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}@media(prefers-color-scheme:dark){:root{--color-bg: #1c1c1a;--color-panel: #242422;--color-text: #efeee9;--color-text-muted: #a6a49c;--color-border: #3a3a36;--color-accent: #7fa6c2;--color-accent-contrast: #1c1c1a}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text);line-height:1.4}.page{max-width:80ch;margin-inline:auto;padding:2rem}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.app-header__title{font-size:1.05rem;font-weight:500;letter-spacing:-.01em}.app-nav{display:flex;gap:1.25rem}.app-nav__link{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;font-weight:500;padding-block:.25rem;border-bottom:1px solid transparent;transition:color .12s ease,border-color .12s ease}.app-nav__link:hover{color:var(--color-text)}.app-nav__link--active{color:var(--color-text);border-color:var(--color-accent)}.home,.closet{display:flex;flex-direction:column;gap:1.5rem;max-width:640px;margin-inline:auto;padding:2rem 1.5rem 3rem;width:100%}.panel{background-color:var(--color-panel);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;animation:fade-in-up .18s ease}.panel__title{font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.button{font-size:.9rem;font-weight:500;padding:.55rem 1rem;border-radius:6px;border:1px solid var(--color-accent);background-color:var(--color-accent);color:var(--color-accent-contrast);cursor:pointer;transition:opacity .12s ease;align-self:flex-start}.button:hover{opacity:.88}.button:disabled{opacity:.5;cursor:default}.button--secondary{background-color:transparent;color:var(--color-text);border-color:var(--color-border)}.button--ghost{background-color:transparent;color:var(--color-text-muted);border-color:transparent;padding:.3rem .5rem}.button--ghost:hover{color:var(--color-text);opacity:1}.unit-toggle,.view-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:6px;overflow:hidden;align-self:flex-start}.unit-toggle__button,.view-toggle__button{font-size:.85rem;font-weight:500;padding:.4rem .85rem;border:none;background-color:transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color .12s ease,color .12s ease}.unit-toggle__button--active,.view-toggle__button--active{background-color:var(--color-accent);color:var(--color-accent-contrast)}.outfit-section__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.field-label{font-size:.8rem;font-weight:500;color:var(--color-text-muted);display:block}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field--checkbox label{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.form-row{display:flex;gap:1rem}.form-row .form-field{flex:1}.closet-form{display:flex;flex-direction:column;gap:1rem}.closet-form label{font-size:.8rem;font-weight:500;color:var(--color-text-muted)}input[type=text],input[type=search],select{border:1px solid var(--color-border);border-radius:6px;padding:.5rem .65rem;background-color:var(--color-bg);color:var(--color-text);font-size:.95rem}input[type=color]{border:1px solid var(--color-border);border-radius:6px;height:2.25rem;padding:.2rem;background-color:var(--color-bg)}.closet-form__actions{display:flex;gap:.75rem}.location-control{display:flex;flex-direction:column;gap:.75rem}.location-control__current{display:flex;flex-direction:column;gap:.2rem}.location-control__search-row{display:flex;gap:.5rem}.location-control__search-row input{flex:1}.location-control__results{list-style:none;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.location-control__results li+li{border-top:1px solid var(--color-border)}.location-control__results button{width:100%;text-align:left;padding:.5rem .75rem;background:none;border:none;color:var(--color-text);cursor:pointer;font-size:.9rem}.location-control__results button:hover{background-color:var(--color-bg)}.location-control__error{color:var(--color-accent);font-size:.85rem}.loading-state{color:var(--color-text-muted);font-size:.9rem}.weather-card{display:flex;align-items:center;gap:1rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.weather-card__icon{width:2.5rem;height:2.5rem;color:var(--color-accent);flex-shrink:0}.weather-card__temp{font-size:1.75rem;font-weight:500;line-height:1}.weather-card__condition{font-size:.9rem;margin-top:.2rem}.weather-card__meta{font-size:.8rem;color:var(--color-text-muted);margin-top:.15rem}.empty-state{color:var(--color-text-muted);font-size:.9rem}.empty-state a{color:var(--color-accent)}.outfit-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.outfit-list__item{display:flex;align-items:center;gap:.75rem}.outfit-list__swatch{width:1.75rem;height:1.75rem;border-radius:5px;border:1px solid var(--color-border);flex-shrink:0}.outfit-list__text{display:flex;flex-direction:column}.outfit-list__category{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.outfit-list__name{font-size:.95rem}.outfit-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.85rem}.outfit-board__card{display:flex;flex-direction:column;gap:.4rem}.outfit-board__swatch{aspect-ratio:1;border-radius:8px;border:1px solid var(--color-border)}.outfit-board__name{font-size:.85rem;font-weight:500}.outfit-board__category{font-size:.75rem;color:var(--color-text-muted)}.outfit-result__missing{margin-top:1rem;font-size:.85rem;color:var(--color-text-muted)}.closet__groups{display:flex;flex-direction:column;gap:1.25rem}.closet__group-title{font-size:.8rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem}.closet-item-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.closet-item{display:flex;align-items:center;gap:.75rem;padding-block:.4rem;border-bottom:1px solid var(--color-border)}.closet-item:last-child{border-bottom:none}.closet-item__swatch{width:1.5rem;height:1.5rem;border-radius:5px;border:1px solid var(--color-border);flex-shrink:0}.closet-item__body{display:flex;flex-direction:column;flex:1;min-width:0}.closet-item__name{font-size:.9rem}.closet-item__meta{font-size:.78rem;color:var(--color-text-muted)}.closet-item__actions{display:flex;gap:.25rem}@media(prefers-reduced-motion:reduce){.panel{animation:none}}