:root{--color-primary: #cccccc;--color-secondary: #333333;--color-accent: #999999;--color-text-on-primary: #ffffff;--color-background: #f0f0f0;--font-sans: "Segoe UI", system-ui, -apple-system, sans-serif;--radius: 8px;--shadow: 0 2px 12px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-secondary)}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;background:var(--color-background)}.spinner{width:48px;height:48px;border:4px solid rgba(0,0,0,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.splash-text{font-size:1rem;color:var(--color-secondary);opacity:.7}.error-icon{font-size:3rem;color:#e53e3e}.btn-retry{margin-top:8px;padding:10px 24px;background:var(--color-primary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius);font-size:1rem;cursor:pointer;transition:opacity .2s}.btn-retry:hover{opacity:.85}.app-root{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow)}.app-logo{height:40px;object-fit:contain}.app-logo-text{font-size:1.3rem;font-weight:700;letter-spacing:.5px}.app-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:#0003;padding:4px 12px;border-radius:999px}.app-main{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 16px}.theme-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:40px;max-width:520px;width:100%;text-align:center}.theme-card h2{font-size:1.4rem;margin-bottom:12px;color:var(--color-secondary)}.theme-card p{font-size:.95rem;color:#666;margin-bottom:28px;line-height:1.5}.color-swatches{display:flex;justify-content:center;gap:20px;margin-bottom:28px;flex-wrap:wrap}.swatch{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.78rem;color:#555}.swatch-box{width:56px;height:56px;border-radius:var(--radius);box-shadow:0 1px 4px #00000026}.store-info{font-size:.88rem;color:#555;line-height:1.8;text-align:left;background:var(--color-background);border-radius:var(--radius);padding:16px 20px;margin-bottom:0}.store-info strong{color:var(--color-secondary)}