@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#ec4899;--color-primary-hover:#db2777;--color-primary-active:#be185d;--color-primary-subtle:#ec489926;--color-primary-glow:0 0 25px #ec489973;--font-base:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--color-star:#f59e0b;--color-star-empty:#9ca3af59;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#06b6d4;--header-height:64px;--max-width:1280px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;--radius-full:9999px;--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.25s}@media (width<=639px){:root{--header-height:48px}}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#08090e;--bg-gradient:radial-gradient(circle at 50% -15%, color-mix(in srgb, var(--color-primary) 18%, #08090e) 0%, #08090e 75%);--bg-surface:#10121a;--bg-surface-elevated:#161a26;--bg-card:#10121ab8;--bg-card-hover:#161a26e0;--bg-glass:#0a0b12d6;--bg-input:#0e1018c7;--border-subtle:#ffffff12;--border-normal:#ffffff1f;--border-highlight:#ffffff38;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-inverse:#0f172a;--badge-bg:#ffffff0f;--badge-text:#e2e8f0;--shadow-card:0 10px 20px -5px #00000080, 0 4px 8px -4px #0000004d;--shadow-card-hover:0 20px 30px -10px #000000b3, 0 0 15px color-mix(in srgb, var(--color-primary) 35%, transparent);--shadow-modal:0 25px 60px -15px #000000d9;--skeleton-start:#12141f;--skeleton-end:#1e2233}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f5f6fb;--bg-gradient:radial-gradient(circle at 50% -15%, color-mix(in srgb, var(--color-primary) 12%, #f5f6fb) 0%, #f5f6fb 75%);--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-card:#ffffffe6;--bg-card-hover:#fff;--bg-glass:#ffffffe0;--bg-input:#fff;--border-subtle:#0000000f;--border-normal:#0000001a;--border-highlight:#0003;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--badge-bg:#e2e8f0;--badge-text:#1e293b;--shadow-card:0 4px 12px -2px #0000000f, 0 2px 4px -2px #0000000a;--shadow-card-hover:0 15px 25px -5px #0000001a, 0 0 15px color-mix(in srgb, var(--color-primary) 25%, transparent);--shadow-modal:0 20px 45px -10px #00000040;--skeleton-start:#e2e8f0;--skeleton-end:#cbd5e1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-base);background-color:var(--bg-app);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--duration-normal) var(--ease-smooth), color var(--duration-normal) var(--ease-smooth);background-attachment:fixed;line-height:1.5;overflow-x:hidden}img,svg,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-normal);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 .85rem}@media (width>=640px){.container{padding:0 1.25rem}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header{z-index:50;height:var(--header-height);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);transition:all var(--duration-normal) var(--ease-smooth);position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;height:100%;display:flex}.header-brand{letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.header-logo{border-radius:var(--radius-sm);width:34px;height:34px;box-shadow:0 2px 8px #0003}.header-nav{align-items:center;gap:.75rem;display:flex}.header-link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--duration-fast);padding:.4rem .8rem;font-size:.9rem;font-weight:500}.header-link:hover{color:var(--text-primary);background:var(--badge-bg)}.btn-icon{border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-secondary);background:var(--badge-bg);border:1px solid var(--border-subtle);transition:all var(--duration-fast);justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-subtle);transform:translateY(-1px)}.btn-icon svg{width:19px;height:19px}@media (width<=639px){.header-brand{gap:.45rem;font-size:.95rem}.header-logo{width:26px;height:26px}.header-nav{gap:.35rem}.header-link{padding:.25rem .5rem;font-size:.78rem}.btn-icon{width:32px;height:32px}.btn-icon svg{width:16px;height:16px}}@media (width<=440px){.header-brand{font-size:.88rem}.header-nav .header-link:nth-child(2){display:none}}.home-view{min-height:calc(100vh - var(--header-height) - 100px);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.home-hero{max-width:640px;margin:0 auto}.home-badge{border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary);border:1px solid #3b82f640;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.home-title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary) 30%, var(--color-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;line-height:1.15}.home-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:1.15rem;line-height:1.6}.home-search-box{background:var(--bg-surface);border:1px solid var(--border-normal);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-width:480px;transition:border-color var(--duration-fast), box-shadow var(--duration-fast);gap:.5rem;margin:0 auto 1.5rem;padding:.4rem;display:flex}.home-search-box:focus-within{border-color:var(--color-primary);box-shadow:var(--color-primary-glow)}.home-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.75rem 1rem;font-size:1.05rem}.home-search-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);transition:all var(--duration-fast);align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-weight:600;display:inline-flex}.home-search-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.profile-section{border-bottom:1px solid var(--border-subtle);background:linear-gradient(#3b82f614 0%,#0000 100%);margin-bottom:1.5rem;padding:2.5rem 0 1.75rem;position:relative}.profile-card{flex-direction:column;gap:1.5rem;display:flex}@media (width>=768px){.profile-card{flex-direction:row;justify-content:space-between;align-items:center}}.profile-main{align-items:center;gap:1.5rem;display:flex}.avatar-wrapper{flex-shrink:0;position:relative}.profile-avatar{border-radius:var(--radius-xl);object-fit:cover;border:3px solid var(--color-primary);width:90px;height:90px;box-shadow:var(--color-primary-glow);background:var(--bg-surface-elevated)}.avatar-online{background:var(--color-success);border:3px solid var(--bg-app);border-radius:var(--radius-full);width:18px;height:18px;position:absolute;bottom:2px;right:2px}.profile-details{flex-direction:column;gap:.35rem;display:flex}.profile-badge-owner{color:var(--color-primary);align-items:center;gap:.35rem;font-size:.88rem;font-weight:600;display:inline-flex}.profile-nick{letter-spacing:-.02em;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;line-height:1.2}.profile-stats-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.stat-chip{border-radius:var(--radius-full);background:var(--badge-bg);border:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.85rem;font-weight:600;display:inline-flex}.stat-chip strong{color:var(--text-primary)}.btn-share-chip{cursor:pointer;background:var(--color-primary-subtle);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-full);width:32px;height:32px;transition:all var(--duration-fast);justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-share-chip:hover{background:var(--color-primary);color:#fff;box-shadow:var(--color-primary-glow);transform:translateY(-1px)}.btn-share-chip:active{transform:translateY(0)}.btn-share-chip svg{width:16px;height:16px}.profile-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);transition:all var(--duration-fast);align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #3b82f640}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--color-primary-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--border-normal);transition:all var(--duration-fast);align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--badge-bg);border-color:var(--color-primary);color:var(--color-primary)}@media (width<=639px){.profile-section{margin-bottom:.5rem;padding:.85rem 0 .65rem}.profile-card{gap:0}.profile-main{align-items:center;gap:.85rem}.profile-avatar{border-radius:var(--radius-lg);border-width:2.5px;width:62px;height:62px}.avatar-online{border-width:2px;width:14px;height:14px;bottom:0;right:0}.profile-details{flex:1;gap:.35rem;min-width:0}.profile-nick{white-space:nowrap;text-overflow:ellipsis;font-size:1.55rem;font-weight:800;line-height:1.15;overflow:hidden}.profile-stats-row{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:0;display:flex}.stat-chip{white-space:nowrap;flex-shrink:0;gap:.35rem;height:32px;padding:.3rem .65rem;font-size:.88rem;line-height:1}.stat-chip strong{font-size:.95rem;font-weight:700}.stat-chip svg{width:14px;height:14px}.btn-share-chip{flex-shrink:0;width:32px;height:32px;padding:0}}.toolbar-section{top:var(--header-height);z-index:40;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);margin-bottom:2rem;padding:.85rem 0;position:sticky}.toolbar-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.toolbar-search-wrapper{flex:240px;min-width:200px;position:relative}.search-input{background:var(--bg-input);border:1px solid var(--border-normal);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--duration-fast);padding:.6rem 1rem .6rem 2.4rem;font-size:.9rem}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}.search-icon{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.toolbar-filters{flex-wrap:wrap;flex:2 auto;align-items:center;gap:.6rem;display:flex}.custom-select-wrapper{flex:160px;min-width:140px;position:relative}.custom-select{appearance:none;background:var(--bg-input);border:1px solid var(--border-normal);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast);padding:.6rem 2.2rem .6rem .85rem;font-size:.88rem}.custom-select:focus{border-color:var(--color-primary);outline:none}.select-arrow{width:14px;height:14px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.view-mode-group{background:var(--bg-input);border:1px solid var(--border-normal);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.view-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);transition:all var(--duration-fast);justify-content:center;align-items:center;display:inline-flex}.view-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 6px #0003}.view-btn:hover:not(.active){color:var(--text-primary)}@media (width<=639px){.toolbar-section{margin-bottom:.85rem;padding:.65rem 0}.toolbar-grid{grid-template-columns:1fr auto;align-items:center;gap:.65rem;display:grid}.toolbar-filters{display:contents}.select-plat-wrap,.select-filtro-wrap{grid-column:1/-1;width:100%;min-width:0}.select-orden-wrap{grid-column:1;width:100%;min-width:0}.custom-select{border-radius:var(--radius-md);height:50px;padding:.7rem 2.6rem .7rem 1.1rem;font-size:1.05rem;font-weight:600;line-height:1.3}.custom-select option{padding:.6rem;font-size:1.05rem}.select-arrow{width:18px;height:18px;right:.95rem}.view-mode-group{border-radius:var(--radius-md);grid-column:2;align-items:center;gap:4px;height:50px;padding:4px}.view-btn{border-radius:var(--radius-sm);width:42px;height:42px}.view-btn svg{width:20px;height:20px}}.games-container{padding-bottom:4rem}.games-results-count{color:var(--text-muted);margin-bottom:1.25rem;font-size:.9rem;font-weight:500}@media (width<=639px){.games-results-count{margin-bottom:.75rem;font-size:.95rem;font-weight:600}}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=480px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}}@media (width>=640px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:1.25rem}}@media (width>=1024px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.5rem}}.games-grid.grid-size-medium{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}@media (width>=480px){.games-grid.grid-size-medium{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:.85rem}}@media (width>=640px){.games-grid.grid-size-medium{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:1rem}}@media (width>=1024px){.games-grid.grid-size-medium{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1.15rem}}.grid-size-medium .card-body{padding:.65rem}.grid-size-medium .card-title{min-height:2.2rem;font-size:.88rem}.grid-size-medium .card-rating-stars .star-icon{width:13px;height:13px}.games-grid.grid-size-small{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}@media (width>=480px){.games-grid.grid-size-small{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:.6rem}}@media (width>=640px){.games-grid.grid-size-small{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}}@media (width>=1024px){.games-grid.grid-size-small{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:.85rem}}.grid-size-small .game-card,.grid-size-small .skeleton-card{border-radius:var(--radius-md)}.grid-size-small .card-body{gap:.25rem;padding:.45rem .5rem}.grid-size-small .card-title{min-height:1.9rem;font-size:.76rem;line-height:1.25}.grid-size-small .card-platform-badge{padding:.1rem .35rem;font-size:.58rem;top:.35rem;left:.35rem}.grid-size-small .card-status-badge{padding:.1rem .35rem;font-size:.58rem;bottom:.35rem;right:.35rem}.grid-size-small .card-rating-stars .star-icon{width:11px;height:11px}.game-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--duration-normal) var(--ease-spring), border-color var(--duration-fast), box-shadow var(--duration-normal);cursor:pointer;box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:relative;overflow:hidden}.game-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.card-cover-wrapper{aspect-ratio:3/4;background:var(--bg-surface-elevated);width:100%;position:relative;overflow:hidden}.card-cover{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--ease-smooth)}.game-card:hover .card-cover{transform:scale(1.05)}.card-platform-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.03em;border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;background:#0f172ad9;border:1px solid #ffffff26;max-width:calc(100% - 1.2rem);padding:.2rem .55rem;font-size:.72rem;font-weight:700;position:absolute;top:.6rem;left:.6rem;overflow:hidden}.card-status-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-primary);border-radius:var(--radius-sm);border:1px solid var(--color-primary-subtle);background:#0f172ad9;padding:.2rem .55rem;font-size:.72rem;font-weight:700;position:absolute;bottom:.6rem;right:.6rem}.card-body{flex-direction:column;flex:1;gap:.4rem;padding:.85rem;display:flex}.card-title{color:var(--text-primary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:2.5rem;font-size:.95rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.card-rating-stars{align-items:center;gap:2px;margin-top:auto;display:flex}@media (width<=479px){.game-card,.skeleton-card{border-radius:var(--radius-md)}.card-body{gap:.35rem;padding:.6rem .65rem .7rem}.card-title{min-height:2.2rem;font-size:.85rem}.card-platform-badge{padding:.15rem .45rem;font-size:.65rem;top:.45rem;left:.45rem}.card-status-badge{padding:.15rem .45rem;font-size:.65rem;bottom:.45rem;right:.45rem}.card-rating-stars .star-icon{width:13px;height:13px}}.games-list{flex-direction:column;gap:.75rem;display:flex}.game-list-row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--duration-fast);cursor:pointer;align-items:center;gap:1.25rem;padding:.6rem 1rem;display:flex}.game-list-row:hover{background:var(--bg-card-hover);border-color:var(--color-primary);transform:translate(4px)}.list-cover{border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-surface-elevated);flex-shrink:0;width:52px;height:68px}.list-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.list-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.list-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.82rem;display:flex}.list-platform{color:var(--color-primary);font-weight:600}.list-rating{flex-shrink:0;margin-left:auto}.star-icon{width:15px;height:15px;fill:var(--color-star);stroke:var(--color-star);stroke-width:1.5px}.star-icon.empty{fill:var(--color-star-empty);stroke:var(--color-star-empty)}.skeleton-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);overflow:hidden}.skeleton-cover{aspect-ratio:3/4;background:linear-gradient(90deg, var(--skeleton-start) 0%, var(--skeleton-end) 50%, var(--skeleton-start) 100%);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-body{flex-direction:column;gap:.6rem;padding:.85rem;display:flex}.skeleton-line{border-radius:var(--radius-xs);background:linear-gradient(90deg, var(--skeleton-start) 0%, var(--skeleton-end) 50%, var(--skeleton-start) 100%);background-size:200% 100%;height:14px;animation:1.5s infinite shimmer}.skeleton-line.short{width:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-smooth);background:#000000bf;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal-backdrop.open{opacity:1;visibility:visible}.modal-card{background:var(--bg-surface);border:1px solid var(--border-normal);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-modal);transition:transform var(--duration-normal) var(--ease-spring);position:relative;overflow-y:auto;transform:scale(.94)translateY(10px)}.modal-backdrop.open .modal-card{transform:scale(1)translateY(0)}.modal-close-btn{z-index:10;border-radius:var(--radius-full);color:#fff;width:36px;height:36px;transition:background var(--duration-fast);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;top:1rem;right:1rem}.modal-close-btn:hover{background:#000c}.modal-content{flex-direction:column;display:flex}@media (width>=640px){.modal-content{flex-direction:row}}.modal-cover-wrap{background:#000;flex:240px}.modal-cover{object-fit:cover;width:100%;height:100%;max-height:340px}.modal-info{flex-direction:column;flex:300px;gap:1rem;padding:1.75rem;display:flex}.modal-title{font-size:1.4rem;font-weight:800;line-height:1.2}.modal-meta-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.modal-meta-item{flex-direction:column;gap:.15rem;display:flex}.modal-meta-label{text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.modal-meta-value{color:var(--text-primary);font-size:.95rem;font-weight:600}.scroll-sentinel{justify-content:center;align-items:center;width:100%;height:40px;margin-top:1rem;display:flex}.spinner{border:3px solid var(--border-normal);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{z-index:200;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{background:var(--bg-surface-elevated);border:1px solid var(--border-normal);color:var(--text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);animation:toastIn .3s var(--ease-spring);align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;display:inline-flex}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;max-width:440px;margin:0 auto;padding:4rem 1rem}.empty-icon{width:64px;height:64px;color:var(--text-muted);opacity:.5;margin:0 auto 1.25rem}.empty-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.empty-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.private-icon-wrapper{border-radius:var(--radius-full);background:var(--color-primary-subtle);border:1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);width:84px;height:84px;box-shadow:0 0 35px var(--color-primary-subtle);justify-content:center;align-items:center;margin-bottom:.5rem;display:inline-flex}