:root{color-scheme:light;--bg: #f7f2ec;--bg-soft: #efe3d7;--card: rgba(255, 255, 255, .94);--ink: #201b16;--ink-muted: #6f655d;--brand: #203a5c;--accent: #ff7a1a;--accent-strong: #e85d04;--border: #e2d6c7;--danger: #c62828;--shadow: 0 18px 48px rgba(32, 27, 22, .08);--radius: 24px;--font: "Space Grotesk", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);background:radial-gradient(circle at top right,rgba(255,199,153,.52),transparent 22rem),radial-gradient(circle at bottom left,rgba(32,58,92,.1),transparent 20rem),var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.app-shell{display:grid;grid-template-columns:18rem minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:1.5rem;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem;background:linear-gradient(180deg,#fff8f0,#f5ebde);border-right:1px solid var(--border)}.sidebar-head{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1rem;align-items:center}.brand-logo,.auth-logo{width:4rem;height:4rem;object-fit:cover;border-radius:1rem;border:1px solid var(--border);background:#fff}.brand-title,.topbar-title,.section-head h2,.hero-card h1,.detail-copy h1,.auth-card h1{margin:0}.brand-subtitle,.section-head p,.hero-copy,.detail-copy p,.auth-card p,.entity-body p,.card span,.muted{color:var(--ink-muted)}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--accent-strong);font-weight:700}.sidebar-nav{display:grid;gap:.55rem;overflow-y:auto;padding-right:.25rem}.nav-link{padding:.8rem 1rem;border-radius:999px;background:#ffffffa6;border:1px solid transparent;transition:border-color .2s ease,transform .2s ease,background .2s ease}.nav-link:hover{transform:translateY(-1px);border-color:var(--border)}.nav-link.active{background:linear-gradient(135deg,#fff5e8,#fff);border-color:#ff7a1a3d;color:var(--accent-strong)}.app-main{display:flex;flex-direction:column;min-width:0}.home-shell{display:block}.home-main{max-width:28rem;width:100%;margin:0 auto}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 2rem;background:#f7f2eceb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar-actions,.detail-actions,.section-actions,.stack-sm{display:flex;gap:.75rem;flex-wrap:wrap}.content{padding:2rem}.home-main .content{padding:2rem 1rem 3rem}.page{display:grid;gap:1.5rem}.page-section{display:grid;gap:1rem}.section-head,.section-inline,.profile-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card,.entity-card,.slide-card,.action-btn{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.card{background:var(--card);padding:1.35rem}.hero-card{display:grid;gap:1.25rem}.home-page{gap:1.75rem}.home-intro{display:grid;grid-template-columns:5rem minmax(0,1fr);align-items:start;gap:1rem;padding-top:.25rem}.home-logo{width:5rem;height:5rem;object-fit:cover;border-radius:1.4rem;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow)}.home-copy h1{margin:0;font-size:clamp(1.9rem,6vw,2.6rem);line-height:1;color:var(--accent)}.home-copy p{margin:.35rem 0 0;color:var(--accent);font-size:.98rem;line-height:1.35;max-width:20rem}.home-search{margin-top:-.25rem}.search-shell{border-radius:1.4rem}.home-search .search-bar{display:block}.home-search .search-bar input{width:100%;min-width:0;padding:1rem 1.1rem;border-radius:1.2rem;border:1px solid var(--border);box-shadow:var(--shadow)}.home-search .search-bar button{display:none}.search-bar{display:flex;gap:.75rem;flex-wrap:wrap}.search-bar input{flex:1;min-width:12rem;padding:.9rem 1rem;border-radius:999px;border:1px solid var(--border);background:#fff}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.85rem}.action-btn{min-height:4.25rem;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,#fff,#fbf6f0);padding:1rem}.slide-track,.listing-grid,.gallery-grid,.stack{display:grid;gap:1rem}.slide-track{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.home-slide-track{grid-template-columns:1fr}.slide-card{padding:0;overflow:hidden;background:#fff;cursor:pointer}.slide-card img{width:100%;height:12rem;object-fit:cover}.home-slide-card img{height:13rem;border-radius:1.8rem}.listing-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.entity-card{overflow:hidden;background:#fff;display:grid}.entity-media{width:100%;height:12rem;object-fit:cover;background:var(--bg-soft)}.entity-media.placeholder,.detail-cover.placeholder{background:linear-gradient(135deg,#f5ede3,#eadaca)}.entity-body{padding:1rem;display:grid;gap:.5rem}.entity-body strong,.card strong{font-size:1rem}.tag{width:fit-content;padding:.35rem .75rem;border-radius:999px;background:#ff7a1a1f;color:var(--accent-strong);font-size:.78rem;font-weight:700}.install-card{gap:.5rem}.home-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.home-action-btn{min-height:5.75rem;display:grid;place-items:center;text-align:center;padding:1rem .75rem;border-radius:1.35rem;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#fbf6f0);box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease}.home-action-btn:hover{transform:translateY(-1px);border-color:#ff7a1a3d}.home-action-btn strong{font-size:.98rem}.home-install-card{display:grid;gap:1rem}.page-mobile{gap:1.1rem}.screen-hero{margin:-2rem -1rem 0;padding:1.25rem 1rem 1rem;background:linear-gradient(180deg,#ffe9d2,#fce1c6);border-bottom-left-radius:1.75rem;border-bottom-right-radius:1.75rem}.screen-hero-head{display:flex;align-items:flex-start;gap:.9rem}.screen-hero-copy h1{margin:0;font-size:2rem;line-height:1}.screen-hero-copy p{margin:.4rem 0 0;color:var(--ink-muted)}.screen-hero-body{margin-top:1rem}.back-button{width:2.2rem;height:2.2rem;padding:0;display:grid;place-items:center;border:0;border-radius:999px;background:var(--accent);color:#fff;font-size:1rem;font-weight:700;box-shadow:0 10px 24px #ff7a1a42}.search-bar.compact{display:block}.search-bar.compact input{width:100%;min-width:0;padding:1rem 1.05rem;border-radius:1.2rem;border:1px solid rgba(226,214,199,.9);background:#fffffff5}.compact-section{gap:.85rem}.compact-section h2{margin:0;font-size:1.15rem}.pill-row{display:flex;flex-wrap:wrap;gap:.65rem}.pill-button{padding:.6rem .95rem;border-radius:999px;border:1px solid var(--border);background:#fffffff5;color:var(--ink);white-space:nowrap}.pill-button.active{background:var(--accent);border-color:var(--accent);color:#23160a;font-weight:700}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.compact-card{overflow:hidden;background:#fff;box-shadow:none;border-radius:1.35rem}.compact-card .entity-media{height:8.8rem}.compact-card-body{gap:.4rem;align-content:start}.compact-card-body p{margin:0;font-size:.95rem}.compact-card-meta{color:var(--brand);font-size:.98rem;font-weight:700}.compact-card.wide{grid-template-columns:8.75rem minmax(0,1fr)}.compact-card.wide .entity-media{height:100%;min-height:8.75rem}.detail-page{gap:0}.detail-backbar{margin:-2rem -1rem 0;padding:1rem 1rem 1.15rem;background:linear-gradient(180deg,#ffe9d2,#fce1c6)}.detail-cover-button,.gallery-thumb-button{padding:0;border:0;background:transparent;cursor:pointer}.detail-cover-button{width:100%}.detail-sheet{position:relative;z-index:1;width:calc(100% + 2rem);margin-left:-1rem;margin-right:-1rem;margin-top:-1.4rem;border-radius:1.75rem;box-shadow:none}.detail-sheet .detail-copy h1{margin:0;font-size:1.95rem;line-height:1.04}.detail-sheet .detail-actions{margin-top:.35rem}.review-sheet{margin-top:1rem;box-shadow:none}.review-toggle{width:100%;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between}.review-form{margin-top:1rem}.btn-inline{padding:.55rem .8rem}.detail-hero{display:grid;grid-template-columns:minmax(0,24rem) minmax(0,1fr);gap:1.25rem;align-items:start}.detail-cover{width:100%;min-height:18rem;height:100%;object-fit:cover;border-radius:1.4rem;background:var(--bg-soft)}.detail-cover.detail-cover-mobile{width:calc(100% + 2rem);max-width:none;margin:0 -1rem;min-height:15rem;border-radius:0}.detail-copy{display:grid;gap:.75rem}.detail-meta{margin:0;font-weight:500}.detail-price{font-size:1.35rem;color:var(--brand)}.detail-rating{margin:0;color:var(--accent-strong);font-weight:600}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.gallery-thumb{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:1rem;border:1px solid var(--border)}.gallery-thumb-button .gallery-thumb{display:block}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:1rem;background:#120f0ce0}.image-lightbox-close{position:absolute;top:1rem;right:1rem;border:0;border-radius:999px;padding:.7rem 1rem;background:#fffffff5;color:var(--ink);font-weight:700}.image-lightbox-media{max-width:min(100%,48rem);max-height:calc(100vh - 5rem);border-radius:1rem;object-fit:contain;box-shadow:0 18px 48px #00000047}.review-card p{margin:0}.profile-card{display:grid;gap:1rem}.profile-avatar{width:4.5rem;height:4.5rem;border-radius:1.2rem;object-fit:cover;background:var(--bg-soft)}.form-grid{display:grid;gap:1rem}.form-field{display:grid;gap:.45rem;color:var(--ink-muted)}.form-field input,.form-field select,.form-field textarea{padding:.85rem 1rem;border:1px solid var(--border);border-radius:1rem;background:#fff;color:var(--ink)}.form-field textarea{min-height:8rem;resize:vertical}.field-full{grid-column:1 / -1}.btn{border:0;cursor:pointer;padding:.85rem 1.15rem;border-radius:999px;transition:transform .2s ease,opacity .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#1d1207;font-weight:700}.btn-secondary{background:#fff;color:var(--ink);border:1px solid var(--border)}.btn-ghost{background:transparent;color:var(--ink-muted)}.btn-danger{background:#c628281f;color:var(--danger)}.btn-warning{background:#ff7a1a1f;color:var(--accent-strong)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{width:min(28rem,100%);display:grid;gap:1rem;padding:2rem;background:#fffffff5;border:1px solid var(--border);border-radius:2rem;box-shadow:var(--shadow)}.auth-footer{text-align:center;color:var(--brand);font-weight:600}.empty-state,.muted{text-align:center}.error-text{color:var(--danger)}.sidebar-foot{align-self:end}.mobile-nav{display:none}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;grid-template-rows:auto auto auto}.topbar{position:relative;padding:1rem 1.25rem;flex-direction:column;align-items:flex-start}.content{padding:1.25rem}.detail-hero{grid-template-columns:1fr}}@media (max-width: 720px){.mobile-nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;padding:.6rem;background:#f7f2ecf5;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-nav-link{text-align:center;padding:.6rem .3rem;border-radius:999px;font-size:.78rem;background:#fff;border:1px solid var(--border)}.sidebar{display:none}.home-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-intro{grid-template-columns:4.8rem minmax(0,1fr);gap:.85rem}.screen-hero-copy h1,.detail-sheet .detail-copy h1{font-size:1.75rem}.pill-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.2rem}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-card.wide{grid-template-columns:7.9rem minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}