:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:3rem 2rem 2rem;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.06)}.header-content{max-width:42rem;margin:0 auto}.app-title{font-size:2.2rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#fafafa,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.app-subtitle{color:#ffffff80;font-size:1rem;max-width:30rem;margin:0 auto}.filters{padding:1.5rem 2rem;max-width:64rem;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:1rem}.filter-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff59;min-width:3rem;font-weight:600}.filter-pills{display:flex;gap:.4rem;flex-wrap:wrap}.pill{font-family:inherit;font-size:.8rem;padding:.35rem .75rem;border-radius:2rem;border:1px solid rgba(255,255,255,.1);background:transparent;color:#fff9;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pill:hover{border-color:#ffffff40;color:#ffffffd9;background:#ffffff0a}.pill.active{background:#ffffff1f;border-color:#ffffff40;color:#fafafa}.ideas-grid{flex:1;max-width:64rem;margin:0 auto;width:100%;padding:1rem 2rem 2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1.25rem;align-content:start}.idea-card{background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.5rem;cursor:pointer;transition:all .25s ease}.idea-card:hover{border-color:#ffffff26;background:#ffffff0a;transform:translateY(-2px)}.idea-card.expanded{border-color:#ffffff2e;background:#ffffff0d}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.card-meta{display:flex;gap:.4rem;flex-wrap:wrap}.room-badge,.style-badge{font-size:.65rem;padding:.2rem .5rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.room-badge{background:#ffffff14;color:#ffffffa6}.style-badge{background:#ffffff0d;color:#ffffff80;border:1px solid rgba(255,255,255,.08)}.mood-tag{font-size:.7rem;color:#fff6;font-style:italic}.card-title{font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.5rem;color:#fafafa}.card-desc{font-size:.875rem;color:#ffffff8c;line-height:1.6;margin-bottom:1rem}.color-palette{display:flex;gap:.4rem;margin-bottom:.75rem}.color-swatch-wrapper{display:flex;flex-direction:column;align-items:center;gap:.3rem}.color-swatch{width:2.5rem;height:2.5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);transition:transform .2s ease}.color-swatch:hover{transform:scale(1.15)}.color-hex{font-size:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffff4d;text-transform:uppercase}.card-details{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.card-details h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6;margin-bottom:.75rem}.tips-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.tips-list li{font-size:.85rem;color:#ffffffa6;padding-left:1rem;position:relative;line-height:1.5}.tips-list li:before{content:"→";position:absolute;left:0;color:#ffffff40}.expand-hint{font-size:.7rem;color:#ffffff40;text-align:right;margin-top:.75rem}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#ffffff59;font-size:.95rem}.app-footer{padding:1.5rem 2rem;text-align:center;border-top:1px solid rgba(255,255,255,.06);color:#ffffff40;font-size:.75rem}