:root{--ink: #2b2118;--paper: #faf6f0;--paper-2: #f5f1ea;--graphite: #8a7d6d;--hairline: #e7ded1;--mist: #f1eadf;--signal: #c4552d;--signal-ink: #faf6f0;--signal-soft: #e08a68;--danger: #a83a2a;--danger-soft: #fbeeea;--surface: #ffffff;--tint-clay: #f4e4da;--tint-olive: #e9ecdd;--tint-plum: #ece2ef;--tint-sand: #f4ecdc;--display: "Fraunces", Georgia, "Times New Roman", serif;--text: "Inter", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(43, 33, 24, .04), 0 8px 24px rgba(43, 33, 24, .06);--shadow-lift: 0 3px 8px rgba(43, 33, 24, .08), 0 16px 36px rgba(43, 33, 24, .12);--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s6: 1.5rem;--s8: 2rem;--s12: 3rem;--s16: 4rem;--edge: clamp(1.25rem, 5vw, 5rem);--maxw: 1180px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--text);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.08;letter-spacing:-.02em}h1{font-size:clamp(2.25rem,5vw,3.25rem)}h2{font-size:clamp(1.6rem,3.5vw,2.25rem)}h3{font-size:1.3rem}a{color:var(--signal);text-underline-offset:2px}.eyebrow{font-family:var(--text);font-weight:600;font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;color:var(--graphite)}.muted{color:var(--graphite)}.rule{border:0;border-top:1px solid var(--hairline)}.wordmark{font-family:var(--display);font-weight:600;letter-spacing:.02em}.app-main{max-width:var(--maxw);margin:0 auto;padding:var(--s8) var(--edge) var(--s16)}.page{display:flex;flex-direction:column;gap:var(--s6)}.page-head{display:flex;gap:var(--s4);align-items:baseline;flex-wrap:wrap;padding-bottom:var(--s4);border-bottom:1px solid var(--hairline)}.page-head h1,.page-head h2{font-weight:600}.page-head .actions{margin-left:auto;display:flex;gap:var(--s3);flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--s4)}.row{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center}.app-nav{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;padding:var(--s4) var(--edge);border-bottom:1px solid var(--hairline);max-width:var(--maxw);margin:0 auto}.app-nav .brand{font-family:var(--display);font-weight:600;font-size:1.6rem;letter-spacing:-.01em;margin-right:var(--s3);color:var(--ink)}.nav-btn{font-family:var(--text);font-weight:500;font-size:.9rem;letter-spacing:0;text-transform:none;background:transparent;color:var(--graphite);border:0;border-bottom:2px solid transparent;padding:var(--s2) var(--s1);cursor:pointer;transition:color .15s ease}.nav-btn:hover{color:var(--ink)}.nav-btn[aria-current=page]{color:var(--signal);border-bottom-color:var(--signal);font-weight:600}.app-nav .spacer{margin-left:auto}.account{position:relative}.account-btn{width:34px;height:34px;border-radius:999px;border:1px solid var(--hairline);background:var(--mist);color:var(--ink);font-family:var(--text);font-weight:600;font-size:.85rem;cursor:pointer;display:grid;place-items:center;transition:background .14s ease,color .14s ease}.account-btn:hover{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}.account-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.account-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:50;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-lift);padding:var(--s3);min-width:210px;display:flex;flex-direction:column;gap:var(--s3);align-items:flex-start}.account-email{font-size:.8125rem;color:var(--graphite);word-break:break-all}.btn{font-family:var(--text);font-weight:600;font-size:.8125rem;letter-spacing:.02em;padding:.8em 1.5em;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;border-radius:var(--radius-sm);transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:hover{background:var(--signal);border-color:var(--signal);box-shadow:var(--shadow)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;background:var(--ink);border-color:var(--ink)}.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--paper)}.btn.ghost:disabled{background:transparent;color:var(--graphite)}.btn.sig{background:var(--signal);border-color:var(--signal)}.btn.sig:hover{background:var(--ink);border-color:var(--ink)}.btn.small{padding:.5em 1em;font-size:.75rem}.chip-row{display:flex;gap:var(--s2);flex-wrap:wrap}.uichip{font-size:.75rem;letter-spacing:.02em;padding:.45em 1em;border:1px solid var(--hairline);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;font-family:var(--text);font-weight:500;transition:background .14s ease,color .14s ease,border-color .14s ease}.uichip:hover{background:var(--mist)}.uichip.on{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}.field{display:flex;flex-direction:column;gap:var(--s2)}.field label,.field-label{font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--graphite)}.field input,.field select,.field textarea,input.input,select.input,textarea.input{font-family:var(--text);font-size:.95rem;padding:.7em .9em;border:1px solid var(--hairline);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);width:100%}.field input::placeholder,.input::placeholder{color:var(--graphite)}.field input:focus-visible,.input:focus-visible{outline:2px solid var(--signal);outline-offset:1px}.card{border:1px solid var(--hairline);background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}.card .ph{aspect-ratio:4 / 5;position:relative;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,var(--mist) 0 14px,var(--paper) 14px 28px);overflow:hidden}.card .ph img{width:100%;height:100%;object-fit:cover}.card .ph .ico{font-family:var(--display);font-style:italic;color:var(--graphite);font-size:1.5rem}.card .body{padding:var(--s4)}.card .body .k{font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--graphite)}.card .body .t{font-family:var(--display);font-weight:500;font-size:1.15rem;margin-top:2px}.card .body .m{font-size:.8125rem;color:var(--graphite);margin-top:var(--s2)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s4)}.ai-mark{color:var(--signal);font-family:var(--display);font-style:normal;font-weight:600}.ai-mark.soft{color:var(--signal-soft)}.ai-tag{display:inline-flex;align-items:center;gap:.4em;background:var(--signal);color:var(--signal-ink);font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.35em .7em;border-radius:999px}.ai-tag.overlay{position:absolute;top:var(--s3);left:var(--s3)}.ai-tag .mk{font-family:var(--display);font-style:normal}.ai-panel{border:1px solid var(--hairline);background:var(--tint-clay);border-radius:var(--radius);padding:var(--s4)}.ai-panel .ai-head{display:flex;align-items:center;gap:.5em;margin-bottom:var(--s3)}.ai-panel .ai-head .label{font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--signal)}.alert{color:var(--danger);margin:var(--s2) 0;padding:var(--s3) var(--s4);border:1px solid var(--danger);background:var(--danger-soft);font-size:.9rem;border-radius:var(--radius-sm)}.notice{color:var(--graphite);font-size:.9rem;padding:var(--s8) 0;text-align:center}.status{color:var(--graphite);padding:var(--s2) 0}.center-shell{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:var(--edge)}.auth-card{width:100%;max-width:380px}.auth-card .wordmark{font-size:clamp(2.5rem,8vw,3.5rem);line-height:.95}.progress-track{height:6px;background:var(--mist);border:1px solid var(--hairline);overflow:hidden;border-radius:999px}.progress-fill{height:100%;background:var(--signal);transition:width .2s ease}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1212108c;display:flex;align-items:flex-start;justify-content:center;padding:var(--s8) var(--s4);overflow-y:auto}.modal{background:var(--paper);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-lift);overflow:hidden;width:100%;max-width:560px;margin-top:var(--s8)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s6);border-bottom:1px solid var(--hairline)}.modal-head h2{font-size:1.5rem}.modal-body{padding:var(--s6)}.modal-body .page-head{display:none}.home-greeting h1{font-size:clamp(1.9rem,4vw,2.6rem)}.home-greeting p{margin-top:var(--s1)}.stat-grid{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s4);border-radius:var(--radius);border:1px solid var(--hairline)}.stat-ico{font-size:1.25rem}.stat-value{font-family:var(--display);font-weight:600;font-size:2rem;line-height:1.05}.stat-label{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--graphite)}.action-list{list-style:none}.action-row{display:flex;gap:var(--s3);align-items:center;justify-content:space-between;padding:var(--s3) var(--s4);border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface)}.empty-hero{text-align:center;padding:var(--s12) var(--s4);border:1px solid var(--hairline);border-radius:var(--radius);background:var(--paper-2)}.empty-illo{font-size:3rem}.empty-hero h2{font-size:clamp(1.6rem,4vw,2.2rem);margin-top:var(--s3)}.empty-hero p{max-width:42ch;margin:var(--s2) auto 0}.entry-cards{display:grid;gap:var(--s4);margin:var(--s8) auto 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:520px}.entry-card{display:flex;flex-direction:column;gap:var(--s1);text-align:left;padding:var(--s6);border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);cursor:pointer;box-shadow:var(--shadow);font-family:var(--text);transition:transform .15s ease,box-shadow .15s ease}.entry-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}.entry-ico{font-size:1.75rem}.entry-t{font-family:var(--display);font-weight:600;font-size:1.15rem;margin-top:var(--s2);color:var(--ink)}.entry-m{font-size:.85rem;color:var(--graphite)}.color-dots{display:flex;gap:5px;margin-top:var(--s2)}.color-dot{width:14px;height:14px;border-radius:999px;border:1px solid rgba(43,33,24,.18)}@keyframes hanger-swing{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}.celebrate{font-size:3rem;display:inline-block;transform-origin:50% 12%;animation:hanger-swing 1.1s ease-in-out 3}.planner-grid{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.day-card{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.day-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3)}.day-top{font-family:var(--display);font-weight:600;font-size:1.15rem}.day-sub{font-size:.8rem}.day-weather{display:flex;align-items:center;gap:var(--s2)}.day-emoji{font-size:1.5rem}.day-temp{font-size:.95rem;font-weight:600;white-space:nowrap}.day-meta{font-size:.8rem}.day-plan{display:flex;flex-direction:column;gap:var(--s3);margin-top:auto;padding-top:var(--s3);border-top:1px solid var(--hairline)}.day-plan .btn{align-self:flex-start}.outfit-preview{display:flex;flex-direction:column;gap:var(--s3)}.outfit-why{font-size:.85rem}.outfit-items{display:flex;gap:var(--s2);flex-wrap:wrap}.outfit-item{display:flex;flex-direction:column;align-items:center;gap:4px;width:66px}.outfit-item img,.outfit-item-ph{width:60px;height:72px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--hairline);background:var(--mist);display:grid;place-items:center;font-family:var(--display);color:var(--graphite)}.outfit-item-label{font-size:.65rem;text-align:center;line-height:1.2;max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outfit-occasion{font-size:.8rem}.cal-bar{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.day-events{list-style:none;display:flex;flex-direction:column;gap:2px;font-size:.78rem;color:var(--ink)}.day-events li{display:flex;gap:6px}.ev-time{color:var(--graphite);font-variant-numeric:tabular-nums}.app-footer{max-width:var(--maxw);margin:0 auto;padding:var(--s6) var(--edge) var(--s8);border-top:1px solid var(--hairline);display:flex;gap:var(--s4);flex-wrap:wrap;align-items:center;font-size:.85rem}.app-footer a{color:var(--graphite);text-decoration:none}.app-footer a:hover{color:var(--signal)}@media (prefers-reduced-motion: reduce){*{transition:none!important}.celebrate{animation:none}}