:root{--ink: #16120d;--cream: #f5efe5;--paper: #fbf8f3;--warm: #e7dacc;--line: rgba(22, 18, 13, .14);--accent: #b85631;--accent-soft: rgba(184, 86, 49, .14);--shadow: 0 24px 60px rgba(22, 18, 13, .08)}*{box-sizing:border-box}html{background:var(--cream);color:var(--ink);font-family:Courier New,Courier,monospace}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,rgba(184,86,49,.12),transparent 30%),linear-gradient(180deg,#f7f2ea 0%,var(--cream) 100%)}img{display:block;width:100%}button,input,select{font:inherit}a{color:inherit}.app-shell{max-width:1280px;margin:0 auto;padding:2rem clamp(1.2rem,3vw,3rem) 4rem}.app-header{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;padding-bottom:2rem;border-bottom:1px solid var(--line)}.eyebrow,.status-label{margin:0 0 .75rem;color:var(--accent);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase}.app-header h1,.page-intro h2,.empty-state h2,.loading-state h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,5vw,4.8rem);font-style:italic;font-weight:700;letter-spacing:-.04em;line-height:.98}.headline-copy,.section-copy,.empty-state p,.status-strip p{max-width:42rem;margin:1rem 0 0;color:#16120db8;font-size:.95rem;line-height:1.8}.top-nav{display:flex;gap:1rem;flex-wrap:wrap}.top-nav a,.button-primary,.button-secondary{padding:.9rem 1.2rem;border:1px solid var(--line);text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;transition:transform .18s ease,background .18s ease,color .18s ease}.top-nav a.active,.button-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.button-primary:hover,.button-secondary:hover,.top-nav a:hover{transform:translateY(-1px)}.button-secondary{background:transparent}.button-secondary.danger{color:var(--accent)}.status-strip,.global-error,.status-banner{margin-top:1.5rem;padding:1rem 1.2rem;border:1px solid var(--line);background:#ffffff8a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-strip{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.status-strip strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:1.2rem}.status-strip-copy{min-width:220px;flex:1}.status-strip-plan{max-width:24rem}.status-strip-plan .button-secondary{margin-top:1rem}.global-error{color:#8f2319;background:#be403614}.upload-error{margin-top:0;color:#8f2319;background:#be403614}.plan-limit-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#8f2319;background:#be403614}.plan-limit-banner strong{display:block;margin-bottom:.35rem}.plan-limit-banner p{margin:0}.app-main{padding-top:2rem}.page{display:flex;flex-direction:column;gap:2rem}.layout-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1.5rem}.auth-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem}.auth-overlay-backdrop{position:absolute;inset:0;background:#16120d6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-overlay-panel{position:relative;width:min(1080px,calc(100vw - 2rem))}.auth-dialog{position:relative;display:flex;flex-direction:column;gap:2rem;padding:clamp(1.2rem,3vw,2rem);background:#fbf8f3f5;border:1px solid var(--line);box-shadow:0 30px 90px #16120d38}.auth-layout{align-items:start}.editorial-form,.ritual-panel,.ai-assistant-panel,.ai-review-card,.wardrobe-item,.recommendation,.empty-state,.loading-state{background:#ffffffa8;border:1px solid var(--line);box-shadow:var(--shadow)}.editorial-form,.ritual-panel,.ai-assistant-panel,.ai-review-card,.empty-state,.loading-state{padding:clamp(1.2rem,3vw,2rem)}.editorial-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.4rem}.field span{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#16120da6}.field input,.field select{border:1px solid var(--line);background:var(--paper);min-height:3.2rem;padding:.9rem 1rem}.field input:focus,.field select:focus,.button-primary:focus,.button-secondary:focus,.top-nav a:focus{outline:2px solid var(--accent);outline-offset:2px}.auth-actions{align-items:center;display:flex;gap:.75rem;justify-content:flex-start}.top-nav-button{padding:.9rem 1.2rem}.field-checkbox{flex-direction:row;align-items:center;gap:.8rem}.field-checkbox input{min-height:1rem;width:1rem}.preview-frame,.preview-placeholder,.wardrobe-visual,.outfit-piece img,.missing-image{aspect-ratio:4 / 5;background:linear-gradient(160deg,#b856311f,#e7dacce6);border:1px solid var(--line)}.preview-frame img,.wardrobe-visual img,.outfit-piece img{height:100%;object-fit:cover}.preview-placeholder,.missing-image{display:grid;place-items:center;padding:1rem;color:#16120d99;text-align:center;line-height:1.6}.form-grid,.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.form-actions,.wardrobe-actions,.recommendation-actions{display:flex;gap:.85rem;flex-wrap:wrap}.guest-save-note{align-self:center;color:#16120dad;font-size:.82rem;line-height:1.5}.ritual-panel{display:flex;flex-direction:column;gap:1.4rem}.billing-panel{display:flex;flex-direction:column;gap:1rem;padding-top:.25rem;border-top:1px solid var(--line)}.progress-list,.recent-items ul,.recommendation-copy ul{list-style:none;margin:0;padding:0}.progress-list li,.recent-items li{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-top:1px solid var(--line)}.recent-items li{align-items:center}.recent-items strong,.outfit-piece strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:1rem}.recent-items span,.outfit-piece span,.recommendation-rank p{color:#16120da6;font-size:.8rem}.wardrobe-grid,.recommendations{display:grid;gap:1rem}.wardrobe-item,.recommendation{display:grid;grid-template-columns:200px minmax(0,1fr);gap:1rem;padding:1rem}.recommendation{grid-template-columns:120px minmax(0,1fr);position:relative}.recommendation.is-picked:after{content:"Picked";position:absolute;top:1rem;right:1rem;padding:.35rem .55rem;background:var(--accent-soft);color:var(--accent);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.recommendation-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:1rem}.ai-assistant-panel{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.ai-assistant-panel h3,.ai-review-card h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.8rem;line-height:1.05}.ai-assistant-panel p,.ai-review-card pre{margin:.75rem 0 0;color:#16120db8;line-height:1.7}.ai-review-card pre{white-space:pre-wrap;font-family:Courier New,Courier,monospace;font-size:.9rem}.recommendation-rank{display:flex;flex-direction:column;justify-content:space-between;padding-right:1rem;border-right:1px solid var(--line)}.recommendation-rank span{font-family:Georgia,Times New Roman,serif;font-size:3rem;font-style:italic;line-height:1}.outfit-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.8rem}.outfit-piece{display:flex;flex-direction:column;gap:.55rem}.recommendation-copy{display:flex;flex-direction:column;justify-content:space-between}.recommendation-copy h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.8rem;line-height:1.05}.recommendation-copy li{padding:.6rem 0;border-top:1px solid var(--line);color:#16120db8;line-height:1.6}.empty-state,.loading-state{max-width:56rem}@media(max-width:960px){.app-header,.status-strip,.layout-split,.recommendation-body,.recommendation,.wardrobe-item{grid-template-columns:1fr;flex-direction:column}.app-header,.status-strip{display:flex;align-items:flex-start}.recommendation-rank{border-right:0;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:.5rem}}@media(max-width:720px){.app-shell{padding:1rem 1rem 3rem}.auth-overlay{align-items:start;overflow-y:auto}.auth-overlay-panel{width:100%;margin:1rem 0 3rem}.form-grid,.mini-grid{grid-template-columns:1fr}.top-nav,.form-actions,.wardrobe-actions,.recommendation-actions,.plan-limit-banner{width:100%}.top-nav a,.button-primary,.button-secondary{width:100%;text-align:center}}
