:root{--paper: #f4efe6;--ink: #1f2a44;--tan: #b08d57;--claret: #7a2233;--muted: #6b6459;--display: "Cormorant Garamond", Georgia, serif;--body: "Libre Franklin", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}.brand{font-family:var(--display);font-weight:600;letter-spacing:.04em;margin:0}.center{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem}.muted{color:var(--muted)}.error{color:var(--claret);font-size:.9rem}.login{display:flex;flex-direction:column;gap:.9rem;width:min(340px,100%);text-align:center}.login h1{font-size:2.4rem}input,button{font:inherit;padding:.7rem .9rem;border-radius:8px}input{border:1px solid #d8cebd;background:#fffdf8;color:var(--ink)}input:focus{outline:2px solid var(--tan);border-color:var(--tan)}button{border:none;background:var(--ink);color:var(--paper);cursor:pointer}button:disabled{opacity:.5;cursor:default}button.link{background:none;color:var(--muted);padding:.3rem}.display{font-family:var(--display);font-weight:600}.small{font-size:.8rem}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e2d9c9;position:sticky;top:0;background:var(--paper);z-index:5}.topbar .brand{font-size:1.5rem}.content{flex:1;padding:1rem 1.1rem 5.5rem;max-width:780px;width:100%;margin:0 auto}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;border-top:1px solid #e2d9c9;background:var(--paper);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{flex:1;background:none;color:var(--muted);border:none;border-radius:0;padding:.9rem 0;font-family:var(--display);font-size:1.05rem}.tabbar button.active{color:var(--ink);box-shadow:inset 0 2px 0 var(--tan)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.section-head h2{font-size:1.8rem;margin:0}.section-head button{padding:.5rem .9rem;border-radius:999px}.add-actions{display:flex;align-items:center;gap:.5rem}.analysing{align-items:stretch;text-align:center;gap:.6rem}.progress{height:6px;background:#e7ddcc;border-radius:999px;overflow:hidden}.progress .bar{height:100%;background:var(--tan);transition:width .3s ease}.centered{text-align:center}.trip-row,.day-row{display:flex;width:100%;text-align:left;cursor:pointer;background:#fffdf8;border:1px solid #e7ddcc;border-radius:12px;padding:.8rem 1rem;margin-bottom:.55rem}.trip-row{align-items:center;justify-content:space-between}.trip-name{font-family:var(--display);font-size:1.2rem}.new-trip{margin-top:1rem;gap:.7rem}.new-trip h3{margin:0 0 .2rem;font-size:1.3rem}.day-list{margin-top:.8rem}.day-row{align-items:center;justify-content:space-between;gap:.6rem}.day-main{display:flex;flex-direction:column;gap:.15rem}.day-date{font-weight:600;font-size:.9rem}.day-occasion{font-family:var(--display);font-size:1.1rem}.day-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;max-width:55%}.day-note{text-align:right}.chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;padding:.25rem .6rem;border-radius:999px;background:#efe7d8;color:var(--ink);white-space:nowrap}.chip.cond-rain{background:#dde6ee}.chip.cond-clear{background:#f3ecd4}.chip.cond-cloudy{background:#e8e6e0}.chip-badge{font-style:normal;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--tan)}.trip-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.trip-title-row h2{margin:0;font-size:1.8rem}.trip-title-row button{padding:.45rem .9rem;border-radius:999px}.day-block{margin-bottom:.55rem}.day-block .day-row{margin-bottom:0}.day-expand{padding:.6rem 0 .2rem;display:flex;flex-direction:column;gap:.5rem}.day-expand>.link{align-self:flex-start}.today-head{margin-bottom:.6rem}.today-head h2{font-size:1.9rem;margin:0}.outfit-card{gap:.7rem}.outfit-empty{text-align:center;gap:.7rem}.palette{display:flex;gap:.35rem}.palette .dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}.lookbook{display:grid;gap:.6rem}.lookbook.large{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.lookbook.small{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.slot{position:relative;display:flex;flex-direction:column;gap:.3rem;background:#fffdf8;border:1px solid #e7ddcc;border-radius:10px;padding:.35rem}.slot.is-locked{border-color:var(--tan);box-shadow:inset 0 0 0 1px var(--tan)}.slot-photo img,.swatch{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:7px;display:block}.lookbook.small .slot-photo img,.lookbook.small .swatch{aspect-ratio:1 / 1}.slot-info{display:flex;flex-direction:column}.slot-cat{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--tan)}.slot-name{font-size:.8rem;line-height:1.2}.slot-actions{position:absolute;top:.4rem;right:.4rem;display:flex;gap:.2rem}.mini{padding:.15rem .35rem;font-size:.85rem;line-height:1;border-radius:6px;background:#f4efe6e6;color:var(--ink)}.styling-notes{font-family:var(--display);font-size:1.12rem;line-height:1.45;color:var(--ink);margin:.2rem 0}.card-foot{display:flex;justify-content:flex-end}.replan{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.6rem;padding-top:.6rem;border-top:1px solid #e6dcc7}.replan input{flex:1;min-width:12rem}.replan .mini{padding:.4rem .7rem;width:auto}.replan-reply{flex-basis:100%;margin:.1rem 0 0;font-style:italic}.cat-group{margin-top:1.2rem}.cat-label{font-family:var(--body);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--tan);margin:0 0 .55rem}.grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.tile{display:flex;flex-direction:column;gap:.35rem;background:#fffdf8;border:1px solid #e7ddcc;border-radius:12px;padding:.4rem;cursor:pointer;text-align:left;overflow:hidden}.tile img,.tile-empty{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:8px;background:#efe7d8}.tile-empty{display:flex;align-items:center;justify-content:center;font-size:.8rem}.tile-name{font-size:.82rem;color:var(--ink);padding:0 .15rem .15rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f2a4459;display:flex;align-items:flex-end;justify-content:center;z-index:20}.modal{background:var(--paper);width:min(560px,100%);max-height:92dvh;overflow-y:auto;border-radius:16px 16px 0 0;padding:1.2rem 1.2rem 1.4rem;display:flex;flex-direction:column;gap:.75rem}.modal h2{margin:0 0 .3rem;font-size:1.6rem}.modal label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--muted)}.modal .row{display:flex;gap:.7rem}.modal .row label{flex:1}.photo-drop{align-items:center;justify-content:center;border:1px dashed #cdbfa6;border-radius:12px;min-height:140px;cursor:pointer;overflow:hidden;background:#fffdf8}.photo-drop img{max-height:220px;width:100%;object-fit:contain}.actions{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.actions .spacer{flex:1}.link.danger{color:var(--claret)}@media(min-width:640px){.modal-backdrop{align-items:center}.modal{border-radius:16px}}