@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Inter:wght@400;500;600;700;800&family=Lato:wght@400;700&family=Open+Sans:wght@400;600&family=Playfair+Display:wght@400;600&family=Roboto:wght@400;500;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}*,:before,:after{box-sizing:border-box}html,body{max-width:100%;margin:0;overflow-x:hidden}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex;overflow-x:hidden}:root[data-theme=dark]{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}:root[data-theme=ocean]{--text:#334155;--text-h:#0f172a;--bg:#f8fafc;--border:#cbd5e1;--code-bg:#f1f5f9;--accent:#0ea5e9;--accent-bg:#0ea5e91a;--accent-border:#0ea5e980;--social-bg:#f1f5f980;--shadow:#0ea5e926 0 10px 15px -3px, #0ea5e91a 0 4px 6px -2px}:root[data-theme=forest]{--text:#d4d4d8;--text-h:#f4f4f5;--bg:#18181b;--border:#3f3f46;--code-bg:#27272a;--accent:#22c55e;--accent-bg:#22c55e26;--accent-border:#22c55e80;--social-bg:#27272a80;--shadow:#00000080 0 10px 15px -3px, #0000004d 0 4px 6px -2px}:root[data-theme=sunset]{--text:#431407;--text-h:#2a0a03;--bg:#fff7ed;--border:#fed7aa;--code-bg:#ffedd5;--accent:#ea580c;--accent-bg:#ea580c1a;--accent-border:#ea580c80;--social-bg:#ffedd580;--shadow:#ea580c1a 0 10px 15px -3px, #ea580c0d 0 4px 6px -2px}:root[data-theme=midnight]{--text:#cbd5e1;--text-h:#f1f5f9;--bg:#020617;--border:#1e293b;--code-bg:#0f172a;--accent:#818cf8;--accent-bg:#818cf826;--accent-border:#818cf880;--social-bg:#0f172a80;--shadow:#00000080 0 10px 15px -3px, #0000004d 0 4px 6px -2px}:root[data-theme=lavender]{--text:#4c1d95;--text-h:#2e1065;--bg:#faf5ff;--border:#e9d5ff;--code-bg:#f3e8ff;--accent:#a855f7;--accent-bg:#a855f71a;--accent-border:#a855f780;--social-bg:#f3e8ff80;--shadow:#a855f71a 0 10px 15px -3px, #a855f70d 0 4px 6px -2px}:root[data-theme=ruby]{--text:#fecdd3;--text-h:#fff1f2;--bg:#4c0519;--border:#881337;--code-bg:#225;--accent:#fb7185;--accent-bg:#fb718526;--accent-border:#fb718580;--social-bg:#88133780;--shadow:#00000080 0 10px 15px -3px, #0000004d 0 4px 6px -2px}:root[data-theme=solar]{--text:#854d0e;--text-h:#422006;--bg:#fefce8;--border:#fef08a;--code-bg:#fef9c3;--accent:#eab308;--accent-bg:#eab3081a;--accent-border:#eab30880;--social-bg:#fef9c380;--shadow:#eab3081a 0 10px 15px -3px, #eab3080d 0 4px 6px -2px}:root[data-theme=cyberpunk]{--text:#fdf4ff;--text-h:#0ff;--bg:#09090b;--border:#f0f;--code-bg:#18181b;--accent:#f0f;--accent-bg:#ff00ff26;--accent-border:#ff00ff80;--social-bg:#18181b80;--shadow:#f0f3 0 10px 15px -3px, #00ffff1a 0 4px 6px -2px}[data-theme=dark] #social .button-icon,[data-theme=forest] #social .button-icon,[data-theme=midnight] #social .button-icon,[data-theme=ruby] #social .button-icon,[data-theme=cyberpunk] #social .button-icon{filter:invert()brightness(2)}:root[data-font=serif]{--sans:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--heading:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif}:root[data-font=mono]{--sans:var(--mono);--heading:var(--mono)}:root[data-font=inter]{--sans:"Inter", system-ui, sans-serif;--heading:"Inter", system-ui, sans-serif}:root[data-font=roboto]{--sans:"Roboto", system-ui, sans-serif;--heading:"Roboto", system-ui, sans-serif}:root[data-font=playfair]{--sans:"Playfair Display", Georgia, serif;--heading:"Playfair Display", Georgia, serif}:root[data-font=fira]{--sans:"Fira Code", var(--mono);--heading:"Fira Code", var(--mono)}:root[data-font=open-sans]{--sans:"Open Sans", system-ui, sans-serif;--heading:"Open Sans", system-ui, sans-serif}:root[data-font=lato]{--sans:"Lato", system-ui, sans-serif;--heading:"Lato", system-ui, sans-serif}:root[data-font=comic]{--sans:"Comic Sans MS", "Comic Sans", cursive;--heading:"Comic Sans MS", "Comic Sans", cursive}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=ocean]):not([data-theme=forest]):not([data-theme=sunset]):not([data-theme=midnight]):not([data-theme=lavender]):not([data-theme=ruby]):not([data-theme=solar]):not([data-theme=cyberpunk]){--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}:root:not([data-theme=light]):not([data-theme=ocean]):not([data-theme=forest]):not([data-theme=sunset]):not([data-theme=midnight]):not([data-theme=lavender]):not([data-theme=ruby]):not([data-theme=solar]):not([data-theme=cyberpunk]) #social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.s-button{cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:4px;justify-content:center;align-items:center;padding:12px 15px;font-weight:600;transition:all .2s;display:inline-flex}.s-button.btn-xs{padding:4px 8px;font-size:.75rem}.s-button.btn-s{padding:6px 12px;font-size:.85rem}.s-button.btn-m{padding:9px 15px;font-size:1rem}.s-button.btn-xl{padding:12px 20px;font-size:1.15rem}.s-button:hover{border-color:var(--accent-border)}.s-button:disabled,.s-button.btn-primary:disabled,.s-button.btn-secondary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}.s-button.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.s-button.btn-primary:hover{opacity:.9}input[type=checkbox]{appearance:none;border:2px solid var(--border);cursor:pointer;vertical-align:middle;background-color:#0000;border-radius:4px;width:18px;height:18px;margin:0;transition:all .2s ease-in-out;display:inline-block;position:relative}input[type=checkbox]:hover:not(:disabled){border-color:var(--accent)}input[type=checkbox]:checked{background-color:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:9px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;background-color:var(--code-bg)}.saanvi-public-page{color:#334155;box-sizing:border-box;background-color:#f8fafc;background-image:radial-gradient(at 0 0,#2563eb0d 0,#0000 50%),radial-gradient(at 100% 0,#2563eb0d 0,#0000 50%),linear-gradient(#f8fafc 0%,#f1f5f9 100%);background-attachment:fixed;flex-direction:column;width:100%;min-height:100vh;padding-top:54px;display:flex;position:relative}.saanvi-home-wrapper{color:#334155;background-color:#f8fafc;background-image:radial-gradient(at 0 0,#2563eb0d 0,#0000 50%),radial-gradient(at 100% 0,#2563eb0d 0,#0000 50%),linear-gradient(#f8fafc 0%,#f1f5f9 100%);background-attachment:fixed;flex-direction:column;width:100%;min-height:100vh;padding-top:54px;display:flex;position:relative;overflow-x:hidden}.saanvi-home-wrapper:before,.saanvi-public-page:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#0f172a0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.saanvi-home-main{z-index:1;flex-direction:column;flex:1;gap:5.5rem;width:100%;display:flex;position:relative}.home-nav-container{z-index:1000;-webkit-backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #0000000d;width:100%;transition:all .25s;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 16px -2px #0000000d}.home-nav-container.nav-scrolled{background:#fffffffa;border-bottom-color:#2563eb1a;box-shadow:0 8px 24px -4px #00000014}.home-nav-inner{justify-content:space-between;align-items:center;gap:1.25rem;width:100%;max-width:100%;margin:0 auto;padding:.45rem 1rem;display:flex}.home-nav-brand{color:#0f172a;align-items:center;gap:.65rem;text-decoration:none;display:flex}.brand-logo-wrapper{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand-logo-img{object-fit:contain;width:100%;height:100%}.brand-title{letter-spacing:-.02em;color:#0f172a;font-size:1.25rem;font-weight:700;font-family:var(--heading,system-ui, sans-serif)}.brand-dot{color:#2563eb}.home-nav-links{align-items:center;gap:.25rem;display:flex}.nav-link-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-family:inherit;font-size:.88rem;font-weight:500;transition:all .2s;display:inline-flex}.nav-link-btn:hover{color:#0f172a;background:#0000000a;border-color:#00000014}.nav-link-btn.active{color:#0f172a;background:#0000000f;border-color:#0000001a}.nav-icon{color:#3b82f6}.home-nav-auth{align-items:center;gap:.65rem;display:flex}.nav-user-controls,.nav-guest-controls{align-items:center;gap:.55rem;display:flex}.nav-user-badge{color:#1e293b;background:#2563eb14;border:1px solid #2563eb26;border-radius:9999px;align-items:center;gap:.5rem;padding:.3rem .8rem;font-size:.84rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-user-badge:hover{background:#2563eb1f;border-color:#2563eb40}.nav-avatar{object-fit:cover;border:1.5px solid #2563eb;border-radius:50%;width:22px;height:22px}.nav-avatar-fallback{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:flex}.nav-action-btn{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .95rem;font-family:inherit;font-size:.86rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.nav-action-btn.btn-ghost{color:#475569;background:0 0}.nav-action-btn.btn-ghost:hover{color:#0f172a;background:#0000000a}.nav-action-btn.btn-outline{color:#334155;background:#00000005;border:1px solid #0000001a}.nav-action-btn.btn-outline:hover{color:#0f172a;background:#0000000d;border-color:#0003}.nav-action-btn.btn-primary{color:#fff;background:#2563eb;border:1px solid #0000000d;box-shadow:0 1px 2px #0000001a}.nav-action-btn.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.home-nav-mobile-toggle{color:#334155;cursor:pointer;background:#0000000a;border:1px solid #0000001a;border-radius:8px;justify-content:center;align-items:center;padding:.45rem;display:none}.home-mobile-drawer{background:#fffffffa;border-bottom:1px solid #00000014;flex-direction:column;gap:1.25rem;padding:1.25rem 1.5rem;display:none;box-shadow:0 16px 32px #00000080}.mobile-drawer-links{flex-direction:column;gap:.5rem;display:flex}.mobile-drawer-item{color:#334155;text-align:left;cursor:pointer;background:#00000005;border:1px solid #0000000d;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.98rem;font-weight:500;display:flex}.mobile-drawer-item:hover{color:#0f172a;background:#0000000d}.mobile-drawer-auth{border-top:1px solid #00000014;padding-top:1rem}.mobile-guest-actions,.mobile-user-actions{gap:.75rem;width:100%;display:flex}.mobile-btn{cursor:pointer;color:#fff;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.mobile-btn.btn-primary{color:#fff;background:#4f46e5;border:1px solid #ffffff26;box-shadow:0 2px 6px #00000040}.home-hero-section{width:100%;padding:1.5rem 1.5rem 2rem;position:relative;overflow:hidden}.hero-glow-blob{filter:blur(120px);pointer-events:none;opacity:.2;z-index:0;border-radius:50%;max-width:100vw;position:absolute}.hero-glow-1{background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:440px;height:440px;top:-100px;right:5%}.hero-glow-2{background:radial-gradient(circle,#94a3b81a 0%,#0000 70%);width:380px;height:380px;bottom:-40px;left:-50px}.hero-glow-3{background:radial-gradient(circle,#6366f11a 0%,#0000 70%);width:280px;height:280px;top:30%;left:40%}.home-hero-inner{z-index:1;grid-template-columns:1.15fr .95fr;align-items:center;gap:3.5rem;max-width:1280px;margin:0 auto;display:grid;position:relative}.hero-content-col{flex-direction:column;gap:1.5rem;display:flex}.hero-pill-badge{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:.6rem;width:fit-content;padding:.35rem .85rem;font-size:.84rem;font-weight:500;display:inline-flex}.badge-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseDot;box-shadow:0 0 0 3px #10b98140}@keyframes pulseDot{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.badge-text{color:#334155}.badge-tag{color:#fff;letter-spacing:.02em;background:#4f46e5;border-radius:6px;padding:.18rem .5rem;font-size:.72rem;font-weight:600}.hero-headline{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:3.4rem;font-weight:800;line-height:1.1}.text-gradient-purple{background:linear-gradient(135deg,#4f46e5 0%,#9333ea 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.hero-subtext{color:#475569;max-width:580px;margin:0;font-size:1.12rem;line-height:1.65}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.hero-btn-primary{color:#fff;background:#4f46e5;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:.7rem;min-height:46px;padding:.85rem 1.65rem;font-size:.98rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000040}.hero-btn-primary:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #00000059}.hero-btn-secondary{color:#f1f5f9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:.65rem;min-height:46px;padding:.85rem 1.5rem;font-family:inherit;font-size:.96rem;font-weight:600;transition:all .2s;display:inline-flex}.hero-btn-secondary:hover{color:#fff;background:#ffffff14;border-color:#ffffff40}.hero-features-strip{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:1rem;display:flex}.hero-feat-item{color:#475569;align-items:center;gap:.65rem;font-size:.88rem;font-weight:500;display:flex}.feat-icon-bubble{color:#475569;background:#0000000a;border:1px solid #00000014;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.feat-icon-bubble.green,.feat-icon-bubble.purple,.feat-icon-bubble.blue{color:#475569;background:#0000000a;border:1px solid #00000014}.hero-visual-col{justify-content:center;display:flex}.hero-stage-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#fff 0%,#fcfcfd 100%);border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:1.35rem;width:100%;max-width:480px;padding:1.65rem;display:flex;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.stage-top-bar{color:#64748b;justify-content:space-between;align-items:center;font-size:.84rem;display:flex}.stage-live-indicator{color:#0f172a;align-items:center;gap:.5rem;font-weight:600;display:flex}.live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #22c55e}.stage-room-tag{color:#2563eb;background:#2563eb14;border:1px solid #2563eb33;border-radius:6px;padding:.25rem .65rem;font-size:.78rem;font-weight:600}.hero-cards-fan{justify-content:center;align-items:center;height:200px;margin:.85rem 0;display:flex;position:relative}.hero-uno-card{-webkit-user-select:none;user-select:none;cursor:pointer;border:3px solid #fff;border-radius:12px;flex-direction:column;justify-content:space-between;width:90px;height:136px;padding:7px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:absolute}.hero-uno-card:hover{z-index:15!important;transform:translateY(-14px)scale(1.08)!important}.uno-red{background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);box-shadow:0 10px 24px #e11d4866}.uno-blue{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);box-shadow:0 10px 24px #0284c766}.uno-yellow{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);box-shadow:0 10px 24px #d9770666}.uno-green{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 10px 24px #05966966}.uno-wild{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);box-shadow:0 10px 24px #0f172a99}.card-rotate-left{z-index:1;transform:translate(-110px)rotate(-16deg)translateY(10px)}.card-rotate-mid-left{z-index:2;transform:translate(-55px)rotate(-8deg)translateY(4px)}.card-center-hero{z-index:5;transform:translate(0)rotate(0)translateY(-8px)}.card-rotate-mid-right{z-index:3;transform:translate(55px)rotate(8deg)translateY(4px)}.card-rotate-right{z-index:2;transform:translate(110px)rotate(16deg)translateY(10px)}.uno-card-corner{color:#fff;text-shadow:0 1px 2px #0009;font-size:.74rem;font-weight:900;line-height:1}.uno-card-corner.bottom-right{align-self:flex-end;transform:rotate(180deg)}.uno-card-oval{background:#fff;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:68px;height:90px;display:flex;transform:rotate(-25deg);box-shadow:inset 0 2px 4px #0003}.uno-card-number{font-size:2.1rem;font-weight:900;font-family:var(--heading,system-ui, sans-serif);line-height:1;transform:rotate(25deg)}.uno-red .uno-card-number{color:#e11d48}.uno-blue .uno-card-number{color:#0284c7}.uno-yellow .uno-card-number{color:#d97706}.uno-green .uno-card-number{color:#059669}.wild-oval{background:#0f172a;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;padding:0;display:grid;position:relative;overflow:hidden}.wild-quarter.red{background:#ef4444}.wild-quarter.blue{background:#0ea5e9}.wild-quarter.yellow{background:#eab308}.wild-quarter.green{background:#22c55e}.wild-text{text-shadow:0 2px 4px #000c;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(25deg);color:#fff!important;font-size:1.4rem!important}.hero-floating-badges{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.micro-badge{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.45rem;padding:.35rem .8rem;font-size:.78rem;font-weight:500;display:inline-flex}.micro-badge.badge-uno{background:#ef44441a;border-color:#ef44444d}.micro-badge.badge-voice{background:#eab3081a;border-color:#eab3084d}.micro-badge.badge-finance{background:#22c55e1a;border-color:#22c55e4d}.text-red{color:#f87171}.text-yellow{color:#facc15}.text-green{color:#4ade80}.home-section{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.section-header-block{flex-direction:column;gap:.75rem;margin-bottom:2.5rem;display:flex}.section-header-block.text-center{text-align:center;align-items:center}.section-pill-tag{color:#2563eb;background:#2563eb14;border:1px solid #2563eb33;border-radius:9999px;align-items:center;gap:.5rem;width:fit-content;padding:.35rem .85rem;font-size:.84rem;font-weight:600;display:inline-flex}.section-main-heading{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:2.3rem;font-weight:800}.section-sub-heading{color:#475569;max-width:660px;margin:0;font-size:1.05rem;line-height:1.6}.category-cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.5rem;display:grid}.category-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#fff 0%,#fcfcfd 100%);border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:1.2rem;padding:1.75rem 1.5rem;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.category-card:before{content:"";background:#ffffff1f;height:2px;position:absolute;top:0;left:0;right:0}.category-card.theme-purple:before,.category-card.theme-blue:before,.category-card.theme-emerald:before,.category-card.theme-amber:before{background:#6366f180}.category-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.cat-card-top{justify-content:space-between;align-items:center;display:flex}.cat-icon-frame{color:#818cf8;background:#6366f11f;border:1px solid #6366f140;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.theme-purple .cat-icon-frame,.theme-blue .cat-icon-frame,.theme-emerald .cat-icon-frame,.theme-amber .cat-icon-frame,.theme-rose .cat-icon-frame,.theme-indigo .cat-icon-frame{color:#818cf8;background:#6366f11f;border:1px solid #6366f140}.cat-status-badge{color:#475569;background:#0000000a;border:1px solid #00000014;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.74rem;font-weight:600;display:inline-flex}.badge-active{color:#059669;background:#10b9811a;border:1px solid #10b98133}.badge-interactive{color:#2563eb;background:#2563eb14;border:1px solid #2563eb26}.badge-preview{color:#64748b;background:#00000008;border:1px solid #0000000f}.cat-card-body{flex-direction:column;flex:1;gap:.35rem;display:flex}.cat-card-title{color:#0f172a;margin:0;font-size:1.2rem;font-weight:700}.cat-card-subtitle{color:#3b82f6;font-size:.84rem;font-weight:600}.theme-purple .cat-card-subtitle,.theme-blue .cat-card-subtitle,.theme-emerald .cat-card-subtitle,.theme-amber .cat-card-subtitle{color:#3b82f6}.cat-card-desc{color:#475569;margin-top:.35rem;font-size:.88rem;line-height:1.55}.cat-tags-row{flex-wrap:wrap;gap:.45rem;display:flex}.cat-tag-pill{color:#475569;background:#00000008;border:1px solid #0000000f;border-radius:6px;padding:.2rem .55rem;font-size:.74rem;font-weight:500}.cat-action-btn{color:#0f172a;cursor:pointer;background:#00000008;border:1px solid #00000014;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.7rem 1rem;font-family:inherit;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cat-action-btn:hover{background:#ffffff1a;border-color:#ffffff38}.featured-uno-section{position:relative}.featured-uno-container{-webkit-backdrop-filter:blur(16px);color:#334155;background:linear-gradient(#fff 0%,#fcfcfd 100%);border:1px solid #e2e8f0;border-radius:20px;padding:2.75rem 2.25rem;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000000d}.uno-bg-glow{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#2563eb0d 0%,#0000 70%);width:400px;max-width:100vw;height:400px;position:absolute;top:-30%;right:-10%}.featured-uno-grid{z-index:1;grid-template-columns:1.1fr 1fr;align-items:center;gap:3rem;display:grid;position:relative}.uno-eyebrow{color:#334155;background:#0000000a;border:1px solid #00000014;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.3rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.uno-dot{background:#2563eb;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #2563eb66}.uno-heading{letter-spacing:-.025em;color:#0f172a;margin:0 0 1rem;font-size:2.5rem;font-weight:800;line-height:1.15}.text-gradient-uno{color:#0f172a;display:inline-block}.uno-lead-text{color:#475569;margin:0 0 1.75rem;font-size:1.02rem;line-height:1.65}.uno-feature-list{flex-direction:column;gap:.95rem;margin-bottom:2rem;display:flex}.uno-feature-row{align-items:flex-start;gap:.95rem;display:flex}.uno-feat-icon{color:#475569;background:#0000000a;border:1px solid #00000014;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bg-purple-tint,.bg-red-tint,.bg-yellow-tint,.bg-green-tint{color:#475569;background:#0000000a;border:1px solid #00000014}.uno-feat-text{flex-direction:column;gap:.15rem;display:flex}.uno-feat-text strong{color:#0f172a;font-size:.95rem}.uno-feat-text span{color:#475569;font-size:.85rem;line-height:1.45}.uno-play-btn{color:#fff;background:#4f46e5;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:.75rem;padding:.85rem 1.75rem;font-size:.98rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000040}.uno-play-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.uno-arena-preview-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#fff 0%,#fcfcfd 100%);border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:1.25rem;padding:1.65rem;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.arena-header-row{justify-content:space-between;align-items:center;display:flex}.arena-room-pill{background:#38bdf81f;border:1px solid #38bdf840;border-radius:6px;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.82rem;display:inline-flex}.room-code-label{color:#64748b}.room-code-val{color:#0284c7;font-weight:700;font-family:var(--mono,monospace)}.arena-audio-pill{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e33;border-radius:6px;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.arena-table-surface{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;gap:3.5rem;height:180px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00000005}.arena-discard-zone{width:75px;height:110px;position:relative}.arena-card{border:2px solid #fff;border-radius:10px;flex-direction:column;justify-content:space-between;width:70px;height:105px;padding:5px;display:flex;position:absolute}.card-under{z-index:1;transform:rotate(-14deg)translateY(4px)}.card-top{z-index:2;transform:rotate(6deg)translateY(-2px)}.card-red{background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);box-shadow:0 6px 16px #e11d4866}.card-blue{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);box-shadow:0 6px 16px #0284c766}.card-yellow{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);box-shadow:0 6px 16px #d9770666}.card-green{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 6px 16px #05966966}.card-wild-draw{background:linear-gradient(135deg,#334155 0%,#0f172a 100%);box-shadow:0 6px 16px #0003}.arena-card .corner{color:#fff;font-size:.7rem;font-weight:900;line-height:1}.arena-card .oval{background:#fff;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:50px;height:70px;font-size:1.35rem;font-weight:900;display:flex}.card-red .oval{color:#e11d48}.arena-card .oval.wild{background:#1e293b;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.oval.wild .q.r{background:#ef4444}.oval.wild .q.b{background:#0ea5e9}.oval.wild .q.y{background:#eab308}.oval.wild .q.g{background:#22c55e}.oval.wild .center-num{color:#fff;font-size:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arena-draw-pile{flex-direction:column;align-items:center;gap:.4rem;display:flex}.draw-card-back{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#fff 0%,#fcfcfd 100%);border:1.5px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;width:70px;height:105px;display:flex;box-shadow:0 4px 6px #0000000d}.draw-logo{color:#ef4444;letter-spacing:-.05em;font-size:.95rem;font-weight:900;transform:rotate(-25deg)}.draw-label{color:#64748b;font-size:.74rem;font-weight:500}.arena-direction-ring{color:#2563eb;background:#2563eb1a;border:1px solid #2563eb33;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;display:flex;position:absolute;top:12px;right:18px}.arena-hand-preview{flex-direction:column;gap:.6rem;display:flex}.hand-label{color:#64748b;justify-content:space-between;font-size:.82rem;display:flex}.card-count-badge{color:#0f172a;font-weight:600}.hand-cards-row{justify-content:center;gap:.5rem;display:flex}.mini-card{cursor:pointer;border:1.5px solid #fff;border-radius:8px;justify-content:center;align-items:center;width:46px;height:66px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 10px #00000059}.mini-card:hover{transform:translateY(-6px)scale(1.06)}.mini-card.card-wild{background:linear-gradient(135deg,#1e293b,#0f172a)}.mini-num{color:#fff;font-size:1.05rem;font-weight:900}.arena-card-footer{color:#64748b;border-top:1px solid #e2e8f0;justify-content:space-between;padding-top:.85rem;font-size:.76rem;display:flex}.arena-spec-item{align-items:center;gap:.45rem;display:flex}.games-filter-pills{background:#00000008;border:1px solid #0000000f;border-radius:9999px;gap:.4rem;margin-top:.5rem;padding:.35rem;display:inline-flex}.filter-pill{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.4rem 1rem;font-family:inherit;font-size:.86rem;font-weight:600;transition:all .2s}.filter-pill.active{color:#fff;background:#2563eb;box-shadow:0 2px 10px #2563eb4d}.games-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.5rem;display:grid}.game-catalog-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#fff 0%,#fcfcfd 100%);border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:1.2rem;padding:1.75rem 1.5rem;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.game-catalog-card:before{content:"";background:#6366f180;height:2px;position:absolute;top:0;left:0;right:0}.game-catalog-card.theme-purple:before,.game-catalog-card.theme-amber:before,.game-catalog-card.theme-rose:before,.game-catalog-card.theme-blue:before,.game-catalog-card.theme-emerald:before,.game-catalog-card.theme-indigo:before{background:#6366f180}.game-catalog-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.game-card-header{justify-content:space-between;align-items:center;display:flex}.game-icon-box{color:#475569;background:#0000000a;border:1px solid #00000014;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.theme-purple .game-icon-box,.theme-amber .game-icon-box,.theme-rose .game-icon-box,.theme-blue .game-icon-box,.theme-emerald .game-icon-box,.theme-indigo .game-icon-box{color:#475569;background:#0000000a;border:1px solid #00000014}.game-status-chip{border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.74rem;font-weight:600;display:inline-flex}.chip-live{color:#059669;background:#10b9811a;border:1px solid #10b98133}.chip-upcoming{color:#64748b;background:#00000008;border:1px solid #00000014}.game-card-body{flex-direction:column;flex:1;gap:.35rem;display:flex}.game-cat-label{color:#818cf8;font-size:.8rem;font-weight:600}.game-title{color:#0f172a;margin:0;font-size:1.2rem;font-weight:700}.game-description{color:#475569;margin-top:.25rem;font-size:.88rem;line-height:1.55}.game-meta-row{color:#475569;border-top:1px solid #00000014;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.85rem;font-size:.82rem;display:flex}.meta-players{align-items:center;gap:.4rem;font-weight:500;display:flex}.meta-highlights{gap:.4rem;display:flex}.hl-pill{color:#475569;background:#0000000a;border:1px solid #00000014;border-radius:6px;padding:.2rem .5rem;font-size:.72rem;font-weight:500}.game-card-action-bar{margin-top:.25rem}.game-play-link{color:#fff;background:#2563eb;border:1px solid #0000000d;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.7rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000040}.game-play-link:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #00000059}.game-locked-notice{color:#475569;background:#00000008;border:1px solid #00000014;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1rem;font-size:.84rem;font-weight:500;display:flex}.finance-tools-cards-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:.85rem;margin-bottom:2rem;display:grid}.finance-tab-card{-webkit-backdrop-filter:blur(16px);text-align:left;cursor:pointer;background:linear-gradient(#fff 0%,#fcfcfd 100%);border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.55rem;padding:.9rem .85rem;font-family:inherit;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.finance-tab-card:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.finance-tab-card.is-active{background:#2563eb0d;border:1.5px solid #2563eb;box-shadow:0 4px 14px #0000000d}.finance-tab-card.is-active.theme-purple,.finance-tab-card.is-active.theme-blue,.finance-tab-card.is-active.theme-emerald,.finance-tab-card.is-active.theme-amber,.finance-tab-card.is-active.theme-rose{background:#2563eb0d;border:1.5px solid #2563eb}.tab-card-icon{color:#2563eb;background:#2563eb14;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.theme-purple .tab-card-icon,.theme-blue .tab-card-icon,.theme-emerald .tab-card-icon,.theme-amber .tab-card-icon,.theme-rose .tab-card-icon{color:#2563eb;background:#2563eb14}.tab-card-title{color:#0f172a;margin:0;font-size:.92rem;font-weight:700}.tab-card-sub{color:#475569;margin:0;font-size:.78rem;line-height:1.35}.finance-calculator-stage{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#fff 0%,#fcfcfd 100%);border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem;box-shadow:0 10px 25px -5px #0000000d}.calc-panel{grid-template-columns:1.2fr .9fr;align-items:center;gap:3.5rem;display:grid}.calc-inputs-col{flex-direction:column;gap:1.75rem;display:flex}.calc-panel-header h3{color:#0f172a;margin:0 0 .35rem;font-size:1.5rem;font-weight:800}.calc-panel-header p{color:#475569;margin:0;font-size:.95rem}.calc-slider-group{flex-direction:column;gap:.65rem;display:flex}.slider-label-row{justify-content:space-between;align-items:center;display:flex}.slider-name{color:#1e293b;font-size:.92rem;font-weight:600}.slider-val-box{color:#0f172a;font-size:.95rem;font-weight:700;font-family:var(--mono,monospace);background:#00000008;border:1px solid #00000014;border-radius:8px;padding:.35rem .8rem}.calc-range-slider{-webkit-appearance:none;cursor:pointer;background:#e2e8f0;border-radius:6px;outline:none;width:100%;height:6px}.calc-range-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2563eb;border:2px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;box-shadow:0 0 10px #2563eb66}.calc-range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-scale-ends{color:#64748b;justify-content:space-between;font-size:.78rem;font-weight:500;display:flex}.calc-result-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#fff 0%,#fcfcfd 100%);border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.result-main-highlight{border-bottom:1px solid #cbd5e1;flex-direction:column;gap:.35rem;padding-bottom:1.25rem;display:flex}.res-sub{color:#475569;font-size:.88rem;font-weight:600}.res-large{letter-spacing:-.02em;font-size:2.3rem;font-weight:800;font-family:var(--heading,system-ui, sans-serif);color:#0f172a;line-height:1.1}.text-purple{color:#818cf8}.text-blue{color:#38bdf8}.text-emerald{color:#34d399}.text-amber{color:#fbbf24}.text-rose{color:#fb7185}.result-breakdown-table{flex-direction:column;gap:.8rem;display:flex}.breakdown-row{justify-content:space-between;align-items:center;font-size:.92rem;display:flex}.breakdown-row.total-row{border-top:1px dashed #cbd5e1;padding-top:.8rem;font-weight:700}.b-label{color:#475569;align-items:center;gap:.55rem;font-weight:500;display:flex}.b-val{color:#0f172a;font-weight:700;font-family:var(--mono,monospace)}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot.invested{background:#38bdf8}.legend-dot.returns{background:#34d399}.legend-dot.interest{background:#fbbf24}.ratio-bar-wrapper{background:#e2e8f0;border-radius:9999px;width:100%;height:10px;display:flex;overflow:hidden}.ratio-bar-fill.invested{background:#0284c7}.ratio-bar-fill.returns{background:#10b981}.ratio-bar-fill.interest{background:#f59e0b}.ratio-legend{color:#475569;justify-content:space-between;font-size:.78rem;font-weight:500;display:flex}.ipo-suite-grid{grid-template-columns:1fr 1.15fr;gap:2rem;display:grid}.ipo-card-box{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#fff 0%,#fcfcfd 100%);border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:1.2rem;height:100%;padding:2rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.box-top-tag{color:#2563eb;align-items:center;gap:.45rem;font-size:.84rem;font-weight:600;display:inline-flex}.box-title{color:#0f172a;margin:0;font-size:1.45rem;font-weight:800}.box-desc{color:#475569;margin:0;font-size:.94rem;line-height:1.55}.ipo-steps-vertical{flex-direction:column;gap:.85rem;margin-top:.35rem;display:flex}.ipo-step-card{background:#00000005;border:1px solid #0000000d;align-items:flex-start;gap:.95rem;padding:.9rem 1.1rem;transition:transform .2s,background .2s;display:flex}.ipo-step-card:hover{background:#0000000a;border-color:#00000014;transform:translate(3px)}.step-badge{font-family:var(--mono,monospace);color:#2563eb;background:#2563eb14;border:1px solid #2563eb33;border-radius:6px;padding:.3rem .55rem;font-size:.88rem;font-weight:700;line-height:1}.ipo-step-card:first-child .step-badge,.ipo-step-card:nth-child(2) .step-badge,.ipo-step-card:nth-child(3) .step-badge,.ipo-step-card:nth-child(4) .step-badge{color:#2563eb;background:#2563eb14;border:1px solid #2563eb33}.step-info{flex-direction:column;gap:.2rem;display:flex}.step-name{color:#0f172a;margin:0;font-size:.96rem;font-weight:700}.step-detail{color:#475569;margin:0;font-size:.84rem;line-height:1.45}.ipo-gateway-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#fff 0%,#fcfcfd 100%);border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.gateway-header{align-items:center;gap:1rem;display:flex}.gateway-icon{color:#2563eb;background:#2563eb14;border:1px solid #2563eb26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.gateway-title{color:#0f172a;margin:0;font-size:1.35rem;font-weight:800}.gateway-subtitle{color:#475569;margin:0;font-size:.88rem}.registrar-tabs-row{flex-wrap:wrap;gap:.55rem;display:flex}.reg-tab-btn{color:#475569;cursor:pointer;background:#00000008;border:1px solid #00000014;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem .9rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.reg-tab-btn.is-active{color:#fff;background:#2563eb;border-color:#0000;box-shadow:0 2px 8px #2563eb4d}.reg-info-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:1.25rem;padding:1.35rem;display:flex}.reg-panel-top{justify-content:space-between;align-items:flex-start;display:flex}.reg-entity-name{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.reg-coverage-tag{color:#2563eb;font-size:.82rem;font-weight:600}.reg-status-chip{color:#059669;background:#10b9811a;border:1px solid #10b98133;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.74rem;font-weight:600;display:inline-flex}.reg-checklist{flex-direction:column;gap:.5rem;display:flex}.check-item{color:#475569;align-items:center;gap:.55rem;font-size:.88rem;font-weight:500;display:flex}.check-dot{background:#2563eb;border-radius:50%;width:6px;height:6px}.reg-examples-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ex-label{color:#64748b;font-size:.78rem;font-weight:500}.ex-tag{color:#334155;background:#0000000a;border:1px solid #00000014;border-radius:6px;padding:.2rem .5rem;font-size:.74rem;font-weight:600}.reg-portal-btn{color:#fff;background:#2563eb;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.3rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000040}.reg-portal-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.why-cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.5rem;display:grid}.why-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#fff 0%,#fcfcfd 100%);border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:.95rem;padding:1.85rem 1.5rem;transition:all .25s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.why-card:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-3px)}.why-icon-bubble{color:#2563eb;background:#2563eb14;border:1px solid #2563eb26;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.theme-purple .why-icon-bubble,.theme-blue .why-icon-bubble,.theme-emerald .why-icon-bubble,.theme-amber .why-icon-bubble,.theme-rose .why-icon-bubble,.theme-indigo .why-icon-bubble{color:#2563eb;background:#2563eb14;border:1px solid #2563eb26}.why-card-title{color:#0f172a;margin:0;font-size:1.2rem;font-weight:700}.why-card-desc{color:#475569;margin:0;font-size:.92rem;line-height:1.6}.home-footer-container{z-index:1;background:#f8fafc;border-top:1px solid #e2e8f0;margin-top:4rem;padding:3.5rem 1.5rem 2rem;position:relative}.home-footer-inner{flex-direction:column;gap:3rem;max-width:1280px;margin:0 auto;display:flex}.footer-callout-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#fff 0%,#fcfcfd 100%);border:1px solid #cbd5e1;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:2.25rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.callout-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.75rem;font-weight:800}.callout-sub{color:#475569;max-width:580px;margin:0;font-size:.96rem}.callout-right{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.callout-btn-primary{color:#fff;background:#2563eb;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:.65rem;padding:.8rem 1.5rem;font-size:.96rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000040}.callout-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.callout-btn-secondary{color:#334155;background:#0000000a;border:1px solid #00000014;border-radius:8px;align-items:center;gap:.65rem;padding:.8rem 1.4rem;font-size:.94rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.callout-btn-secondary:hover{background:#0000000f;border-color:#00000026}.footer-main-columns{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:2.5rem;display:grid}.footer-brand-col{flex-direction:column;gap:1rem;display:flex}.footer-brand-header{align-items:center;gap:.75rem;display:flex}.footer-logo-img{border:1px solid #ffffff26;border-radius:8px;width:32px;height:32px}.footer-brand-text{color:#0f172a;letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.footer-brand-desc{color:#475569;margin:0;font-size:.88rem;line-height:1.6}.footer-system-status{color:#059669;background:#10b9811a;border:1px solid #10b98133;border-radius:9999px;align-items:center;gap:.5rem;width:fit-content;padding:.3rem .7rem;font-size:.8rem;font-weight:500;display:inline-flex}.status-indicator-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.footer-col-title{color:#0f172a;align-items:center;gap:.5rem;margin:0 0 1.1rem;font-size:.92rem;font-weight:700;display:flex}.footer-links-list{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.footer-link{color:#475569;font-size:.88rem;text-decoration:none;transition:all .2s}.footer-link:hover{color:#0f172a;display:inline-block;transform:translate(2px)}.footer-link-btn{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:.88rem;transition:all .2s}.footer-link-btn:hover{color:#0f172a;transform:translate(2px)}.footer-bottom-bar{color:#64748b;border-top:1px solid #cbd5e1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.75rem;font-size:.84rem;display:flex}.footer-bottom-left{align-items:center;gap:.6rem;display:flex}.footer-bottom-badge{color:#2563eb;background:#2563eb14;border:1px solid #2563eb33;border-radius:6px;padding:.15rem .5rem;font-size:.74rem;font-weight:600}.footer-back-to-top{color:#334155;cursor:pointer;background:#0000000a;border:1px solid #00000014;border-radius:6px;align-items:center;gap:.45rem;padding:.4rem .85rem;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.footer-back-to-top:hover{color:#0f172a;background:#0000000f}@media (width<=1200px){.home-hero-inner{grid-template-columns:1fr;gap:3rem}.featured-uno-grid{grid-template-columns:1fr}.calc-panel{grid-template-columns:1fr;gap:2.5rem}.ipo-suite-grid{grid-template-columns:1fr}}@media (width<=1024px){.home-nav-inner{padding:.45rem 1.5rem}.home-nav-links,.home-nav-auth{display:none}.home-nav-mobile-toggle,.home-mobile-drawer{display:flex}.hero-headline{font-size:2.4rem}.featured-uno-container,.finance-calculator-stage{padding:1.75rem 1.25rem}.hero-uno-card{width:74px;height:112px}.uno-card-number{font-size:1.6rem}.footer-callout-card{flex-direction:column;align-items:flex-start}}.s-text-field{flex-direction:column;display:flex}.s-text-field label{color:var(--text-h,#333);margin-bottom:.4rem;font-size:.9rem;font-weight:500}.s-text-field-input-wrapper{align-items:center;display:flex;position:relative}.s-input{background-color:var(--bg,#fff);border:1px solid var(--border,#e4e4e7);width:100%;color:var(--text,#18181b);border-radius:8px;outline:none;padding:.6rem .8rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.s-input:focus{border-color:var(--accent,#3b82f6);box-shadow:0 0 0 3px #3b82f626}.s-input::placeholder{color:#a1a1aa}.s-text-field-toggle{cursor:pointer;color:var(--text-muted,#71717a);background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:.75rem}.s-text-field-toggle:hover{color:var(--text,#18181b)}.login-page-wrapper{box-sizing:border-box;background-color:#f8fafc;background-image:radial-gradient(at 0 0,#2563eb0d 0,#0000 50%),radial-gradient(at 100% 0,#2563eb0d 0,#0000 50%),linear-gradient(#f8fafc 0%,#f1f5f9 100%);background-attachment:fixed;flex-direction:column;height:100vh;max-height:100vh;padding-top:54px;display:flex;overflow:hidden}.login-page-container{box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;padding:1rem 1.25rem;display:flex;overflow:hidden}.login-card{-webkit-backdrop-filter:blur(16px);color:#334155;box-sizing:border-box;background:linear-gradient(#fff 0%,#fcfcfd 100%);border:1px solid #e2e8f0;border-radius:14px;width:100%;max-width:420px;margin:0 auto;padding:1.75rem 2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000d}.login-title{text-align:center;color:#0f172a;letter-spacing:-.02em;margin:0 0 1.25rem;font-size:1.45rem;font-weight:700}.login-card .s-text-field{margin-bottom:.75rem}.login-card .s-text-field label{margin-bottom:.35rem;font-size:.84rem;font-weight:500;color:#475569!important}.login-card .s-input{border-radius:8px;padding:.65rem .85rem;font-size:.92rem;transition:all .2s;color:#0f172a!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}.login-card .s-input:focus{background:#fff!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb33!important}.login-card .s-input::placeholder{color:#94a3b8!important}.login-card .s-text-field-toggle{color:#64748b!important}.login-card .s-text-field-toggle:hover{color:#334155!important}.login-error{color:#dc2626;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem .85rem;font-size:.84rem;display:flex}.login-actions{margin-top:1.25rem}.login-loading{text-align:center;color:#475569;background:#0000000a;border-radius:8px;padding:.75rem;font-size:.92rem;font-weight:500}.login-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #0000000d;border-radius:8px;width:100%;padding:.75rem;font-size:.94rem;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #00000040}.login-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.login-divider{color:#64748b;align-items:center;margin:1.15rem 0;display:flex}.login-divider-line{background:#e2e8f0;flex:1;height:1px}.login-divider-text{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0 .85rem;font-size:.76rem;font-weight:600}.login-btn-google{color:#334155;cursor:pointer;background:#00000005;border:1px solid #0000001a;border-radius:8px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.7rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.login-btn-google:hover{background:#0000000d;border-color:#00000026}.login-footer{text-align:center;color:#64748b;margin-top:1.25rem;font-size:.86rem}.login-footer-link{color:#2563eb;font-weight:600;text-decoration:none;transition:color .2s}.login-footer-link:hover{color:#1d4ed8;text-decoration:underline}.s-dropdown-container{flex-direction:column;width:100%;margin-bottom:1rem;display:flex}.s-dropdown-label{color:var(--text-h);margin-bottom:.25rem;font-weight:600}.s-dropdown-wrapper{align-items:center;display:flex;position:relative}.s-dropdown-select{border:1px solid var(--border);background-color:var(--bg);width:100%;color:var(--text);appearance:none;cursor:pointer;border-radius:4px;outline:none;padding:.5rem 2.5rem .5rem .5rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.s-dropdown-select:focus{border-color:var(--accent)}.s-dropdown-icon{pointer-events:none;color:var(--text);position:absolute;right:.75rem}.auth-page-layout{background-color:#f8fafc;background-image:radial-gradient(at 0 0,#2563eb0d 0,#0000 50%),radial-gradient(at 100% 0,#2563eb0d 0,#0000 50%),linear-gradient(#f8fafc 0%,#f1f5f9 100%);background-attachment:fixed;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.signup-content-wrapper{background-color:#0000;flex:1;justify-content:center;align-items:flex-start;width:100%;display:flex;position:relative}.signup-content-area{box-sizing:border-box;z-index:1;flex:1;justify-content:center;align-items:flex-start;gap:2.5rem;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 2rem 3.5rem;display:flex;position:relative}.signup-branding{z-index:1;flex:1;align-items:stretch;min-width:0;max-width:520px;padding-top:1rem;display:flex}.signup-branding-inner{flex-direction:column;gap:0;width:100%;display:flex}.signup-branding-logo-row{align-items:center;gap:.75rem;margin-bottom:1.75rem;display:flex}.signup-branding-logo{object-fit:contain;border:1px solid #ffffff26;border-radius:8px;width:36px;height:36px}.signup-branding-name{color:#0f172a;letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.signup-branding-headline{color:#0f172a;letter-spacing:-.025em;margin:0 0 .85rem;font-size:2.6rem;font-weight:800;line-height:1.15}.signup-branding-desc{color:#475569;margin:0 0 1.75rem;font-size:1rem;line-height:1.65}.signup-stats-row{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#fff 0%,#fcfcfd 100%);border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:0;margin-bottom:1.75rem;padding:1rem 1.25rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.signup-stat{flex-direction:column;flex:1;align-items:center;gap:.2rem;display:flex}.signup-stat-value{color:#0f172a;font-size:1.35rem;font-weight:800;line-height:1}.signup-stat-label{color:#64748b;text-align:center;font-size:.75rem;font-weight:500}.signup-stat-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:2rem}.signup-feature-cards{flex-direction:column;gap:.75rem;margin-bottom:1.75rem;display:flex}.signup-feature-card{background:#00000005;border:1px solid #0000000d;border-radius:12px;align-items:flex-start;gap:.85rem;padding:.85rem 1rem;display:flex;box-shadow:0 2px 4px -1px #0000000d}.signup-feature-icon{flex-shrink:0;margin-top:2px;font-size:1.25rem;line-height:1}.signup-feature-card div{flex-direction:column;gap:.15rem;display:flex}.signup-feature-card strong{color:#0f172a;font-size:.95rem;font-weight:600}.signup-feature-card span{color:#475569;font-size:.85rem}.signup-branding-pills{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.signup-branding-pill{color:#2563eb;letter-spacing:.02em;background:#2563eb14;border:1px solid #2563eb33;border-radius:100px;padding:.3rem .8rem;font-size:.76rem;font-weight:600}.signup-steps{margin-bottom:1.75rem}.signup-steps-title{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:0 0 .75rem;font-size:.72rem;font-weight:700}.signup-steps-list{flex-direction:column;gap:.65rem;display:flex}.signup-step{align-items:flex-start;gap:.85rem;display:flex}.signup-step-num{color:#2563eb;background:#2563eb1a;border:1px solid #2563eb40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;margin-top:2px;font-size:.75rem;font-weight:700;display:flex}.signup-step-body{flex-direction:column;gap:.1rem;display:flex}.signup-step-body strong{color:#0f172a;font-size:.88rem;font-weight:600}.signup-step-body span{color:#475569;font-size:.8rem}.signup-testimonial{background:#00000005;border:1px solid #0000000d;border-left:3px solid #2563eb;border-radius:10px;margin:0 0 1.75rem;padding:1rem 1.15rem}.signup-testimonial-text{color:#334155;margin:0 0 .5rem;font-size:.88rem;font-style:italic;line-height:1.55}.signup-testimonial-author{color:#2563eb;font-size:.78rem;font-weight:600}.signup-form-col{z-index:1;flex:0 0 480px;max-width:480px}.signup-card{z-index:1;-webkit-backdrop-filter:blur(16px);box-sizing:border-box;background:linear-gradient(#fff 0%,#fcfcfd 100%);border:1px solid #e2e8f0;border-radius:16px;width:100%;padding:2.25rem 2rem 2rem;position:relative;box-shadow:0 10px 15px -3px #0000001a}.signup-card-brand{border-bottom:1px solid #e2e8f0;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.signup-card-logo{object-fit:contain;border-radius:6px;flex-shrink:0;width:32px;height:32px}.signup-card-brand-text{flex-direction:column;gap:.1rem;display:flex}.signup-card-brand-name{color:#0f172a;letter-spacing:-.02em;font-size:1.1rem;font-weight:700;line-height:1.1}.signup-card-tagline{color:#64748b;letter-spacing:.02em;font-size:.74rem}.signup-form-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 .3rem;font-size:1.4rem;font-weight:700}.signup-form-subtitle{color:#475569;margin:0 0 1.5rem;font-size:.88rem}.signup-api-error{color:#dc2626;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.88rem}.signup-field-row-2col{grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem;display:grid}.signup-card .s-text-field label,.signup-card .s-dropdown-container label{margin-bottom:.4rem;font-size:.85rem;font-weight:500;color:#475569!important}.signup-card .s-input,.signup-card .s-dropdown-btn{border-radius:8px;padding:.7rem .9rem;font-size:.92rem;transition:all .2s;color:#0f172a!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}.signup-card .s-input:focus,.signup-card .s-dropdown-btn:focus{background:#fff!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb33!important}.signup-card .s-input::placeholder{color:#94a3b8!important}.signup-card .s-text-field-toggle{color:#64748b!important}.signup-card .s-dropdown-menu{border-radius:8px;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 4px 6px -1px #0000001a!important}.signup-card .s-dropdown-item{color:#334155!important;padding:.6rem .9rem!important}.signup-card .s-dropdown-item:hover{color:#0f172a!important;background:#0000000d!important}.signup-dropdown-field{flex-direction:column;display:flex}.signup-field-error{color:#f87171;margin-top:.25rem;margin-bottom:.5rem;font-size:.78rem;font-weight:500}.signup-required-star{color:#f87171;margin-left:3px}.signup-password-section{border-top:1px dashed #cbd5e1;margin-top:1rem;padding-top:1rem}.signup-pw-requirements{background:#00000005;border:1px solid #0000000d;border-radius:8px;margin-bottom:1rem;padding:.75rem .9rem}.signup-pw-req-title{color:#475569;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .45rem;font-size:.72rem;font-weight:700}.signup-pw-req-list{grid-template-columns:1fr 1fr;gap:.25rem .5rem;margin:0;padding:0;list-style:none;display:grid}.signup-pw-req-item{align-items:center;gap:.4rem;font-size:.78rem;transition:color .2s;display:flex}.signup-pw-req-met{color:#10b981}.signup-pw-req-unmet{color:#64748b}.signup-pw-req-icon{text-align:center;flex-shrink:0;width:12px;font-size:.7rem}.signup-actions{margin-top:1.5rem}.signup-actions .s-button,.signup-actions button{cursor:pointer;border-radius:8px;justify-content:center;width:100%;padding:.8rem;font-size:.95rem;font-weight:600;color:#fff!important;background:#2563eb!important;border:1px solid #0000000d!important;transition:all .2s!important;box-shadow:0 1px 2px #0000001a!important}.signup-actions .s-button:hover:not(:disabled),.signup-actions button:hover:not(:disabled){transform:translateY(-1px);background:#1d4ed8!important;box-shadow:0 2px 6px #00000026!important}.signup-actions .s-button:disabled,.signup-actions button:disabled{opacity:.5;cursor:not-allowed}.signup-spinner{animation:.8s linear infinite signup-spin}@keyframes signup-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.signup-footer{text-align:center;color:#64748b;border-top:1px solid #cbd5e1;margin-top:1.5rem;padding-top:1rem;font-size:.88rem}.signup-footer-link{color:#2563eb;font-weight:600;text-decoration:none;transition:color .2s}.signup-footer-link:hover{color:#1d4ed8;text-decoration:underline}.signup-deco{pointer-events:none;z-index:0;filter:blur(120px);opacity:.2;border-radius:50%;position:absolute}.signup-deco--1{background:radial-gradient(circle,#2563eb0d 0%,#0000 70%);width:320px;height:320px;bottom:0;right:0}.signup-deco--2{background:radial-gradient(circle,#4755690a 0%,#0000 70%);width:240px;height:240px;top:5%;left:0}@media (width<=1024px){.signup-content-area{flex-direction:column;align-items:center;gap:2.5rem;padding:2rem 1.5rem 3rem}.signup-branding{max-width:540px;padding-top:0}.signup-form-col{width:100%;max-width:500px}}@media (width<=600px){.signup-field-row-2col{grid-template-columns:1fr;gap:0}.signup-branding-headline{font-size:2rem}.signup-card{padding:1.75rem 1.25rem}}.app-layout{background-color:var(--code-bg);flex-direction:column;flex:1;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.header-menu-btn{cursor:pointer;color:var(--text-h);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:4px;align-items:center;margin-left:0;padding:.5rem;transition:opacity .2s,background-color .2s;display:flex;box-shadow:none!important;outline:none!important}.header-menu-btn:focus,.header-menu-btn:active,.header-menu-btn:focus-visible{box-shadow:none!important;outline:none!important}.header-menu-btn svg{filter:none!important;box-shadow:none!important;drop-shadow:none!important;text-shadow:none!important}.header-menu-btn:hover{opacity:.7;background-color:var(--code-bg)}.layout-middle{flex:1;display:flex;position:relative}.layout-main{flex-direction:column;flex:1;min-width:0;height:calc(100vh - 64px);min-height:0;display:flex;overflow:hidden auto}.layout-main-full{height:100vh}.layout-overlay{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}.content-container{background:var(--bg);box-shadow:var(--shadow);-ms-overflow-style:none;scrollbar-width:none;border-radius:8px;flex-direction:column;flex:1;min-height:0;margin:.7rem;padding:1rem;display:flex;overflow-y:auto}.content-container::-webkit-scrollbar{display:none}.content-container.fit-content{flex:none;height:fit-content}.page-container{background:var(--bg);border:1px solid var(--border);box-sizing:border-box;border-radius:8px;margin:.7rem;padding:1rem;overflow-x:auto;box-shadow:0 2px 4px #0000000d}.app-header{background-color:var(--bg);border-bottom:1px solid var(--border);box-sizing:border-box;z-index:50;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 2rem 0 1rem;display:flex;position:sticky;top:0}.header-logo{color:var(--accent);align-items:center;gap:.75rem;font-size:1.2rem;font-weight:700;display:flex}.header-logo img{object-fit:contain;width:auto;height:32px}.header-user-section{align-items:center;gap:1rem;display:flex}.header-user-info{color:var(--text-h);align-items:center;gap:.5rem;display:flex}.header-avatar{border-radius:50%;width:32px;height:32px}.header-avatar-placeholder{background-color:var(--border);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.header-user-name{font-size:.9rem;font-weight:500}.header-logout-btn{color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:.5rem;font-size:.9rem;display:flex}.app-sidebar{background-color:var(--bg);border-right:1px solid var(--border);box-sizing:border-box;flex-direction:column;flex:0 0 240px;width:240px;height:calc(100vh - 64px);padding:1rem 0;transition:width .3s,flex .3s,transform .3s;display:flex;position:sticky;top:64px;overflow:hidden auto}.app-sidebar.open{flex:0 0 240px;width:240px}.app-sidebar.closed{flex:0 0 72px;width:72px}.sidebar-nav{flex:1}.sidebar-link{color:var(--text);background-color:#0000;border-radius:0;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-weight:400;text-decoration:none;transition:background-color .2s,padding .3s,gap .3s;display:flex;overflow:hidden}.app-sidebar.closed .sidebar-link{gap:0;padding-left:1.5rem;padding-right:1.5rem}.sidebar-link.active{color:var(--accent);background-color:var(--accent-bg);font-weight:500}.sidebar-link-text{white-space:nowrap;opacity:1;transition:opacity .2s,width .3s}.app-sidebar.closed .sidebar-link-text{opacity:0;pointer-events:none;width:0}.app-footer{text-align:left;color:var(--text);box-sizing:border-box;background-color:#0000;border-top:none;width:100%;margin-top:auto;padding:.25rem 1rem;font-size:.85rem}.sidebar-group-btn{text-align:left;cursor:pointer;width:100%;font-family:inherit;font-size:inherit;background:0 0;border:none}.sidebar-group-btn.active-parent{color:var(--accent)}.app-sidebar.closed .sidebar-group-btn.active-parent{background-color:var(--accent-bg)}.sidebar-group-toggle{color:var(--text-h);justify-content:center;align-items:center;display:flex}.sidebar-sub-menu{background-color:#00000005;flex-direction:column;display:flex}.app-sidebar.closed .sidebar-sub-menu{display:none}.sidebar-link.sub-link{padding-left:4rem;font-size:.9em}.app-sidebar.closed .sidebar-link.sub-link{padding-left:26px}.sub-link-dot{opacity:.5;background-color:currentColor;border-radius:50%;width:6px;height:6px;margin-left:.2rem;margin-right:.5rem}.sidebar-link.sub-link.active .sub-link-dot{opacity:1}.app-sidebar.sidebar-mobile{z-index:200;height:100vh;box-shadow:none;transition:transform .3s,box-shadow .3s;position:fixed;top:0;left:0;transform:translate(-100%);flex:none!important;width:260px!important}.app-sidebar.open.sidebar-mobile{transform:translate(0);box-shadow:4px 0 24px #00000059}.app-sidebar.closed.sidebar-mobile{transform:translate(-100%)}.app-sidebar.sidebar-mobile .sidebar-link-text{opacity:1;pointer-events:auto;width:auto}.app-sidebar.sidebar-mobile .sidebar-link{gap:.75rem;padding-left:1.5rem;padding-right:1.5rem}.app-sidebar.sidebar-mobile .sidebar-sub-menu{display:flex}.app-sidebar.sidebar-mobile .sidebar-link.sub-link{padding-left:4rem}@media (width<=768px){.layout-middle{display:block}.layout-main{width:100%;height:calc(100vh - 64px)}.app-sidebar.sidebar-mobile .sidebar-link-text{opacity:1;pointer-events:auto;width:auto}.app-sidebar.sidebar-mobile .sidebar-link{gap:.75rem;padding-left:1.5rem;padding-right:1.5rem}.app-sidebar.sidebar-mobile .sidebar-sub-menu{display:flex}.app-sidebar.sidebar-mobile .sidebar-link.sub-link{padding-left:4rem}.page-container{margin:.4rem;padding:.75rem;overflow-x:auto}.content-container{margin:.4rem;padding:.75rem}.header-user-name{display:none}}@media (width<=1024px) and (orientation:landscape){body.uno-game-active .app-header{display:none}body.uno-game-active .layout-main{height:100vh}}.dashboard-container{flex-direction:column;flex:1;display:flex}.dashboard-header{color:var(--text-h);margin-top:0;font-size:2rem}.dashboard-description{color:var(--text);margin-top:.5rem;font-size:1.1rem}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:2rem;display:grid}.dashboard-card-success{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.dashboard-card-title{color:var(--text-h);margin:0 0 .5rem}.dashboard-card-value{color:var(--accent);text-transform:capitalize;margin:0;font-size:1.5rem;font-weight:700}.dashboard-card-subtitle{color:var(--text);margin:0;font-size:.85rem}.s-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out s-modal-fade;display:flex;position:fixed;top:0;left:0}.s-modal-content{background:var(--bg);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;gap:1.5rem;width:90%;max-width:400px;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) s-modal-slide-up;display:flex}.s-modal-title{color:var(--text-h);margin:0;font-size:1.25rem}.s-modal-body{color:var(--text);font-size:1rem;line-height:1.5}.s-modal-actions{justify-content:flex-end;gap:1rem;margin-top:.5rem;display:flex}@keyframes s-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes s-modal-slide-up{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-container{box-sizing:border-box;flex-direction:column;flex:1;width:100%;display:flex}.settings-header{color:var(--text-h);border-bottom:1px solid var(--border);margin-top:0;margin-bottom:2rem;padding-bottom:1rem;font-size:2rem}.settings-layout{flex-wrap:wrap;gap:2rem;display:flex}.settings-main-col{flex-direction:column;flex:1;gap:1.5rem;min-width:300px;display:flex}.settings-section{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.settings-section:hover{box-shadow:var(--shadow), 0 4px 12px var(--accent-bg);border-color:var(--accent-border);transform:translateY(-2px)}.settings-section-title{color:var(--text-h);margin-bottom:.5rem;padding-bottom:1rem;font-size:1.1rem;font-weight:600}.settings-info-row{align-items:center;padding:.75rem 0;display:flex}.settings-info-label{width:200px;color:var(--text);opacity:.8;font-weight:500}.settings-info-value{color:var(--text-h);text-align:right;flex:1;justify-content:flex-end;align-items:center;gap:.5rem;font-weight:600;display:flex}.settings-status-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.settings-status-active{background-color:#2ecc71;box-shadow:0 0 6px #2ecc71}.settings-status-inactive{background-color:#e74c3c;box-shadow:0 0 6px #e74c3c}.settings-profile-col{flex-direction:column;align-items:center;gap:1rem;width:240px;display:flex}.settings-profile-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);box-sizing:border-box;border-radius:8px;flex-direction:column;align-items:center;width:100%;padding:1.5rem;display:flex}.settings-profile-title{color:var(--text-h);text-align:center;border-bottom:1px solid var(--border);width:100%;margin-bottom:1rem;padding-bottom:1rem;font-weight:600}.settings-profile-img{object-fit:cover;border:4px solid var(--border);width:160px;height:160px;box-shadow:var(--shadow);border-radius:50%}.settings-avatar-container{border:4px solid var(--border);width:230px;height:230px;box-shadow:var(--shadow);border-radius:50%;flex-shrink:0;position:relative;overflow:hidden}.settings-avatar-empty{background:var(--bg);cursor:pointer;border-style:dashed}.settings-avatar-empty:hover .settings-avatar-placeholder{opacity:.85}.settings-avatar-placeholder{width:100%;height:100%;color:var(--text);opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;transition:opacity .2s;display:flex}.settings-avatar-container:hover .settings-avatar-overlay{opacity:1}.settings-avatar-overlay{opacity:0;background:#00000085;justify-content:center;align-items:center;gap:.6rem;width:100%;height:42%;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0}.settings-avatar-action{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff26;border:1px solid #fff6;border-radius:20px;padding:.3rem .7rem;font-size:.75rem;font-weight:600;transition:background .2s}.settings-avatar-action:hover{background:#ffffff47}.settings-avatar-action--remove:hover{background:#e74c3cbf;border-color:#e74c3c}.settings-profile-avatar{object-fit:contain;object-position:center;background:var(--bg-secondary,#f0f0f0);border-radius:50%;width:230px;height:230px;display:block}.settings-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=768px){.settings-layout{flex-direction:column}.settings-profile-col{align-items:center;width:100%}.settings-avatar-container,.settings-profile-avatar{width:160px;height:160px}.settings-header{margin-bottom:1rem;font-size:1.5rem}.settings-info-row{flex-direction:column;align-items:flex-start;gap:.25rem}.settings-info-label{width:100%}.settings-info-value{text-align:left;justify-content:flex-start}.settings-form-grid{grid-template-columns:1fr}.settings-section{padding:1rem}}.ws-container{font-family:var(--sans);box-sizing:border-box;flex-direction:column;display:flex}.ws-menu,.ws-loading,.ws-error,.ws-result{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:3rem;display:flex}.ws-menu-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.ws-game{box-sizing:border-box;flex-direction:column;gap:2rem;display:flex}.ws-game-header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ws-action-buttons{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.ws-header{background:var(--bg);box-shadow:var(--shadow);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.ws-header-title{align-items:center;gap:1rem;display:flex}.ws-header-title h2{margin:0}.ws-difficulty{border-radius:4px;padding:.25rem .5rem;font-size:.8rem;font-weight:600}.badge-easy{background:var(--accent-bg);color:var(--accent)}.badge-medium{color:#eab308;background:#eab30826}.badge-hard{color:#ef4444;background:#ef444426}.ws-header-stats{gap:2rem;display:flex}.ws-stat{flex-direction:column;align-items:flex-end;display:flex}.ws-stat-label{color:var(--text);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.ws-stat-value{color:var(--text-h);font-size:1.25rem;font-weight:600;font-family:var(--mono)}.ws-main{flex-wrap:wrap;align-items:flex-start;gap:2rem;display:flex}.ws-grid-container{flex-direction:column;flex:1;align-items:center;gap:1rem;min-width:300px;display:flex}.ws-grid{-webkit-user-select:none;user-select:none;touch-action:none;gap:4px;display:grid}.ws-grid-8{grid-template-columns:repeat(8,1fr)}.ws-grid-10{grid-template-columns:repeat(10,1fr)}.ws-grid-12{grid-template-columns:repeat(12,1fr)}.ws-cell{background:var(--code-bg);width:40px;height:40px;color:var(--text-h);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;transition:all .1s;display:flex}@media (width<=768px){.ws-cell{width:32px;height:32px;font-size:1rem}}@media (width<=480px){.ws-cell{gap:2px;width:26px;height:26px;font-size:.9rem}}.ws-cell.selected{background:var(--accent-bg);color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.ws-cell.found{color:#22c55e;background:#22c55e26}.ws-cell.correct{color:#16a34a;background:#22c55e4d}.ws-cell.incorrect{color:#dc2626;background:#ef44444d;box-shadow:inset 0 0 0 2px #ef4444}.ws-word-list-container{width:250px}.ws-word-list-container h3{color:var(--text);letter-spacing:.05em;text-transform:uppercase;margin:0 0 1rem;font-size:.9rem}.ws-word-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.ws-word-item{color:var(--text-h);align-items:center;gap:.5rem;padding:.25rem 0;font-weight:500;transition:all .3s;display:flex}.ws-word-item.found{color:var(--text);opacity:.6;text-decoration:line-through}.ws-word-check{color:#22c55e;width:20px}.ws-controls{justify-content:flex-end;width:100%;display:flex}.ws-result-stats{gap:2rem;margin:1.5rem 0;display:flex}.ws-result-stat{flex-direction:column;display:flex}.ws-result-label{color:var(--text);text-transform:uppercase;font-size:.8rem}.ws-result-value{color:var(--accent);font-size:2rem;font-weight:700}.ws-result-actions{gap:1rem;display:flex}.ws-cell.hint{box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent);animation:1s infinite pulse-hint}@keyframes pulse-hint{0%{transform:scale(1)}50%{background:var(--accent-bg);transform:scale(1.15)}to{transform:scale(1)}}.ws-blurred{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.7;transition:filter .3s,opacity .3s}@media (width<=600px){.ws-game-header-container{flex-direction:column;align-items:flex-start}.ws-action-buttons{justify-content:flex-start;width:100%}.ws-main{flex-direction:column;gap:1rem}.ws-grid-container{width:100%;min-width:0}.ws-word-list-container{width:100%}.ws-menu,.ws-loading,.ws-error,.ws-result{padding:1.5rem 1rem}.ws-result-stats{flex-wrap:wrap;gap:1rem}}.uno-game-container{color:#f8fafc;-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;flex:1;min-height:0;font-family:inherit;display:flex;position:relative;overflow:hidden auto;background:radial-gradient(circle at 50% 20%,#17152c 0%,#0c0a17 100%)!important}.uno-game-container::-webkit-scrollbar{display:none}.saanvi-card{-webkit-user-select:none;user-select:none;cursor:default;perspective:1000px;border-radius:12px;flex-shrink:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,filter .22s;position:relative}.card-size-hand{width:68px;height:102px}.card-size-table{width:84px;height:124px}.card-size-md{width:72px;height:106px}.card-size-sm{width:56px;height:84px}.card-size-mini{width:40px;height:58px}.card-size-hand .card-outer-frame{border-width:2.5px;border-radius:9px;padding:4px}.card-size-hand .corner-val{font-size:11px}.card-size-hand .corner-pip{width:5px;height:5px}.card-size-hand .symbol-number-text{font-size:26px}.card-size-hand .symbol-action svg{width:20px;height:20px}.card-size-hand .symbol-draw-two .symbol-text{font-size:18px}.card-size-hand .symbol-wild-gem,.card-size-hand .symbol-wild-four{width:28px;height:28px}.card-size-hand .wild-four-text{font-size:12px}.card-size-hand .wild-center-star{font-size:11px}.card-size-table .card-outer-frame{border-width:3px;border-radius:11px;padding:5px}.card-size-table .corner-val{font-size:13px}.card-size-table .symbol-number-text{font-size:32px}.card-size-table .symbol-action svg{width:26px;height:26px}.card-size-table .symbol-draw-two .symbol-text{font-size:22px}.card-size-table .symbol-wild-gem,.card-size-table .symbol-wild-four{width:36px;height:36px}.card-size-sm .card-outer-frame{border-width:2px;border-radius:8px;padding:3px}.card-size-sm .corner-val{font-size:9px}.card-size-sm .corner-pip{width:4px;height:4px}.card-size-sm .symbol-number-text{font-size:20px}.card-size-sm .symbol-action svg{width:16px;height:16px}.card-size-sm .symbol-draw-two .symbol-text{font-size:14px}.card-size-sm .symbol-wild-gem,.card-size-sm .symbol-wild-four{width:20px;height:20px}.card-size-sm .wild-four-text{font-size:9px}.card-size-sm .wild-center-star{font-size:8px}.card-outer-frame{border:3.5px solid #fff;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:6px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000073,inset 0 1px 1px #fff9,inset 0 -2px 4px #00000059}.card-color-red .card-outer-frame{background:linear-gradient(145deg,#ef4444 0%,#dc2626 40%,#991b1b 100%)}.card-color-blue .card-outer-frame{background:linear-gradient(145deg,#3b82f6 0%,#2563eb 40%,#1e40af 100%)}.card-color-green .card-outer-frame{background:linear-gradient(145deg,#10b981 0%,#059669 40%,#065f46 100%)}.card-color-yellow .card-outer-frame{background:linear-gradient(145deg,#fbbf24 0%,#f59e0b 45%,#b45309 100%)}.card-color-wild .card-outer-frame{background:linear-gradient(135deg,#18142a 0%,#281a4b 50%,#0e0a1f 100%);border-color:#f1f5f9}.card-face-down .card-inner{background:linear-gradient(145deg,#1e1938 0%,#2b1f52 50%,#150f28 100%);border:3.5px solid #fff;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;padding:6px;display:flex;box-shadow:0 8px 24px #00000073}.card-back-pattern{background:radial-gradient(circle,#a855f72e 10%,#0000 10%) 0 0/8px 8px;border:1.5px dashed #a855f766;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.card-back-emblem{background:linear-gradient(135deg,#7e22ce,#ec4899);border:2px solid #fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:46px;height:68px;display:flex;transform:rotate(-16deg);box-shadow:0 4px 14px #00000080}.card-back-letter{color:#fff;text-shadow:0 2px 4px #0006;font-family:system-ui,sans-serif;font-size:26px;font-weight:900;line-height:1}.card-back-sub{letter-spacing:1px;color:#fef08a;font-size:8px;font-weight:800}.card-corner{z-index:2;flex-direction:column;align-items:center;line-height:1;display:flex}.corner-top-left{align-self:flex-start}.corner-bottom-right{align-self:flex-end;transform:rotate(180deg)}.corner-val{color:#fff;text-shadow:0 1.5px 2px #0009;font-family:system-ui,-apple-system,sans-serif;font-size:15px;font-weight:900}.corner-pip{background:#fff;border-radius:50%;width:6px;height:6px;margin-top:2px;box-shadow:0 1px 2px #0006}.wild-pip{color:#facc15;width:auto;height:auto;box-shadow:none;background:0 0;font-size:10px}.card-center-oval{background:#fff;border:1.5px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:66%;height:74%;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(-25deg);box-shadow:0 4px 12px #00000059}.card-color-wild .card-center-oval{background:#15102a;border-color:#ffffff40}.symbol-number-text{font-family:system-ui,sans-serif;font-size:40px;font-weight:900;line-height:1;transform:rotate(25deg)}.card-color-red .symbol-number-text{color:#dc2626}.card-color-blue .symbol-number-text{color:#2563eb}.card-color-green .symbol-number-text{color:#059669}.card-color-yellow .symbol-number-text{color:#d97706}.symbol-action{justify-content:center;align-items:center;display:flex;transform:rotate(25deg)}.symbol-action svg{width:32px;height:32px}.card-color-red .symbol-action{color:#dc2626}.card-color-blue .symbol-action{color:#2563eb}.card-color-green .symbol-action{color:#059669}.card-color-yellow .symbol-action{color:#d97706}.symbol-draw-two .symbol-text{font-family:system-ui,sans-serif;font-size:30px;font-weight:900}.symbol-wild-gem,.symbol-wild-four{background:#000;border-radius:50%;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;width:44px;height:44px;padding:3px;display:grid;position:relative;transform:rotate(25deg);box-shadow:0 0 10px #a855f780}.wild-quadrant{border-radius:4px}.wild-red{background:#ef4444}.wild-blue{background:#3b82f6}.wild-green{background:#10b981}.wild-yellow{background:#f59e0b}.wild-center-star{color:#fff;text-shadow:0 0 6px #000;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wild-four-text{color:#fff;text-shadow:0 0 6px #000,0 2px 4px #000;font-family:system-ui,sans-serif;font-size:20px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.saanvi-card.is-playable{cursor:pointer;filter:drop-shadow(0 0 10px #a855f7b3)}.saanvi-card.is-playable:hover{filter:drop-shadow(0 0 18px #ec4899f2)brightness(1.08);z-index:100!important;transform:translateY(-24px)scale(1.08)!important}.saanvi-card.is-unplayable{filter:brightness(.55)grayscale(.2)saturate(.65);opacity:.62;cursor:not-allowed;pointer-events:none}.saanvi-card.is-unplayable:hover{box-shadow:none!important;filter:brightness(.55)grayscale(.2)saturate(.65)!important;transform:none!important}.playable-indicator{pointer-events:none;border:2px solid #a855f7;border-radius:14px;animation:1.8s infinite playable-pulse;position:absolute;inset:-2px}@keyframes playable-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.game-table-view{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.table-stage-arena{flex:1;justify-content:center;align-items:center;padding:12px;display:flex;position:relative}.circular-table-container{flex-shrink:0;width:960px;height:520px;position:relative}.table-felt-mat{background:radial-gradient(#1b2838 0%,#0f172a 70%,#090d16 100%);border:8px solid #2e1065;border-radius:260px;width:100%;height:100%;transition:border-color .4s,box-shadow .4s;position:relative;box-shadow:0 0 60px #000c,inset 0 0 80px #000000e6,0 0 0 2px #a855f74d}.felt-inner-ring{pointer-events:none;border:2px dashed #a855f740;border-radius:220px;transition:border-color .4s,box-shadow .4s;position:absolute;inset:40px}.center-table-ring{pointer-events:none;z-index:4;border:3.5px solid #a855f766;border-radius:50%;width:250px;height:250px;transition:border-color .35s,box-shadow .35s;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #a855f740,inset 0 0 20px #a855f71a}.active-ring-red,.active-ring-RED{border-color:#ef4444!important;box-shadow:0 0 35px #ef444499,inset 0 0 25px #ef444433!important}.active-ring-yellow,.active-ring-YELLOW{border-color:#f59e0b!important;box-shadow:0 0 35px #f59e0b99,inset 0 0 25px #f59e0b33!important}.active-ring-green,.active-ring-GREEN{border-color:#10b981!important;box-shadow:0 0 35px #10b98199,inset 0 0 25px #10b98133!important}.active-ring-blue,.active-ring-BLUE{border-color:#3b82f6!important;box-shadow:0 0 35px #3b82f699,inset 0 0 25px #3b82f633!important}.active-color-red,.active-color-RED{border-color:#7f1d1d!important;box-shadow:0 0 60px #000c,inset 0 0 80px #000000e6,0 0 0 2.5px #ef444499!important}.active-color-yellow,.active-color-YELLOW{border-color:#78350f!important;box-shadow:0 0 60px #000c,inset 0 0 80px #000000e6,0 0 0 2.5px #f59e0b99!important}.active-color-green,.active-color-GREEN{border-color:#064e3b!important;box-shadow:0 0 60px #000c,inset 0 0 80px #000000e6,0 0 0 2.5px #10b98199!important}.active-color-blue,.active-color-BLUE{border-color:#1e3a8a!important;box-shadow:0 0 60px #000c,inset 0 0 80px #000000e6,0 0 0 2.5px #3b82f699!important}.center-table-zone{box-sizing:border-box;z-index:5;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;width:200px;height:170px;display:flex;position:absolute;top:48%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.discard-stack-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:170px;height:140px;display:flex;position:relative}.discard-stack-area{flex-shrink:0;width:170px;height:140px;position:relative}.discard-stacked-card{will-change:transform, opacity;width:84px;height:124px;transition:transform .24s cubic-bezier(.34,1.56,.64,1);position:absolute;top:25%;left:50%}.discard-under-card{filter:brightness(.94)drop-shadow(0 4px 10px #0000008c);pointer-events:none}.discard-top-card{filter:drop-shadow(0 8px 20px #000000bf)}.empty-discard-slot{color:#64748b;background:#0f172a80;border:2px dashed #fff3;border-radius:12px;justify-content:center;align-items:center;width:84px;height:124px;margin:auto;font-size:11px;display:flex;position:absolute;inset:0}.active-stack-badge{color:#fff;white-space:nowrap;pointer-events:none;z-index:10;background:linear-gradient(135deg,#b45309,#dc2626);border:1.5px solid #fde047;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:-36px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #dc262699}.flying-card-entity{pointer-events:none;z-index:40;will-change:transform, opacity;width:84px;height:124px;animation:.28s cubic-bezier(.2,.9,.3,1) forwards card-play-throw-in;position:absolute;bottom:6px;right:6px}.flying-card-entity.flight-from-bottom{--throw-start-y:160px;--throw-start-scale:1.15;--throw-start-rotate:8deg}.flying-card-entity.flight-from-seat{--throw-start-y:-140px;--throw-start-scale:.75;--throw-start-rotate:-12deg}@keyframes card-play-throw-in{0%{transform:translateY(var(--throw-start-y,140px)) scale(var(--throw-start-scale,1.1)) rotate(var(--throw-start-rotate,6deg));opacity:.7;filter:drop-shadow(0 16px 30px #000c)}70%{opacity:1;transform:translateY(-8px)scale(1.04)rotate(-2deg)}to{opacity:1;filter:drop-shadow(0 8px 20px #000000bf);transform:translateY(0)scale(1)rotate(0)}}.card-play-flight{left:var(--from-x);top:var(--from-y);will-change:left, top, transform, opacity;z-index:215;animation:.75s cubic-bezier(.22,1,.36,1) forwards card-play-flight-travel;position:fixed;transform:translate(-50%,-50%)}@keyframes card-play-flight-travel{0%{left:var(--from-x);top:var(--from-y);opacity:1;filter:drop-shadow(0 16px 32px #000c);transform:translate(-50%,-50%)scale(1.05)rotate(-6deg)}50%{opacity:1;filter:drop-shadow(0 24px 48px #a855f7b3);transform:translate(-50%,-50%)scale(1.15)rotate(4deg)}to{left:var(--to-x);top:var(--to-y);opacity:0;filter:drop-shadow(0 4px 12px #00000080);transform:translate(-50%,-50%)scale(.85)rotate(0)}}.draw-pile-top-left{z-index:25;-webkit-user-select:none;user-select:none;pointer-events:auto;flex-direction:column;align-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:72px;left:24px}.draw-pile-top-left.is-drawable{cursor:pointer}.draw-pile-top-left.is-drawable:hover{transform:translateY(-3px)scale(1.04)}.draw-pile-top-left.is-empty{opacity:.6;cursor:default}.draw-pile-stack-box{justify-content:center;align-items:center;width:60px;height:88px;display:flex;position:relative}.draw-pile-card-layer{border:2px solid #fff;border-radius:9px;width:54px;height:80px;transition:transform .2s;position:absolute}.draw-pile-card-layer.layer-deep{background:#110d22;border-color:#fff6;top:0;left:0;transform:rotate(-4deg);box-shadow:0 4px 10px #0009}.draw-pile-card-layer.layer-mid{background:#1a1435;border-color:#ffffffb3;top:3px;left:3px;transform:rotate(-1.5deg);box-shadow:0 6px 14px #000000a6}.draw-pile-card-layer.layer-top{background:linear-gradient(145deg,#1e1938 0%,#2b1f52 50%,#150f28 100%);border-color:#fff;top:6px;left:6px;box-shadow:0 10px 24px #000000bf}.draw-card-back{border-radius:7px;justify-content:center;align-items:center;width:100%;height:100%;padding:3px;display:flex}.draw-card-inner-pattern{background:radial-gradient(circle,#a855f733 10%,#0000 10%) 0 0/6px 6px;border:1px dashed #a855f766;border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.draw-card-emblem{background:linear-gradient(135deg,#7e22ce,#ec4899);border:1.5px solid #fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:32px;height:48px;display:flex;transform:rotate(-14deg);box-shadow:0 3px 10px #00000080}.draw-card-letter{color:#fff;text-shadow:0 2px 4px #0006;font-family:system-ui,sans-serif;font-size:18px;font-weight:900;line-height:1}.draw-card-sub{letter-spacing:.5px;color:#fef08a;font-size:6px;font-weight:800}.draw-pile-empty-slot{background:#0f172a66;border:2px dashed #fff3;border-radius:9px;justify-content:center;align-items:center;width:54px;height:80px;display:flex}.draw-pile-turn-ring{pointer-events:none;border:2px solid #ec4899;border-radius:12px;animation:1.8s infinite turn-ring-pulse;position:absolute;inset:0;box-shadow:0 0 16px #ec4899cc,inset 0 0 10px #ec48994d}@keyframes turn-ring-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.draw-pile-info-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae6;border:1px solid #ffffff29;border-radius:10px;align-items:baseline;gap:4px;margin-top:6px;padding:2px 8px;display:flex;box-shadow:0 4px 10px #0006}.draw-pile-count-number{color:#f1f5f9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:900}.draw-pile-count-label{color:#94a3b8;font-size:10px;font-weight:600}.draw-pile-action-hint{color:#fff;letter-spacing:.5px;pointer-events:none;z-index:5;background:linear-gradient(135deg,#ec4899,#9333ea);border:1px solid #fff;border-radius:8px;padding:2px 6px;font-size:9px;font-weight:900;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #ec489999}.draw-animation-overlay-layer{pointer-events:none;z-index:200;position:fixed;inset:0;overflow:visible}.draw-flying-card{top:var(--origin-y,64px);left:var(--origin-x,48px);will-change:transform, opacity, top, left;z-index:205;border-radius:8px;width:50px;height:75px;animation:.65s cubic-bezier(.25,1,.5,1) forwards draw-flight-travel;position:fixed}@keyframes draw-flight-travel{0%{opacity:0;filter:drop-shadow(0 2px 6px #0006);transform:translate(-50%,-50%)scale(.85)rotate(0)}15%{opacity:1;transform:translate(calc(-50% + var(--delta-x) * .15), calc(-50% + var(--delta-y) * .15)) scale(1.1) rotate(6deg);filter:drop-shadow(0 12px 24px #000000b3)brightness(1.1)}85%{opacity:.95;transform:translate(calc(-50% + var(--delta-x) * .85), calc(-50% + var(--delta-y) * .85)) scale(.9) rotate(-4deg)}to{transform:translate(calc(-50% + var(--delta-x)), calc(-50% + var(--delta-y))) scale(.7) rotate(0deg);opacity:0;filter:drop-shadow(0 2px 8px #00000080)}}.flying-card-face-down{background:linear-gradient(145deg,#1e1938 0%,#2b1f52 50%,#150f28 100%);border:2px solid #fff;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;padding:3px;display:flex;box-shadow:0 8px 20px #0009}.flying-card-pattern{background:radial-gradient(circle,#a855f733 10%,#0000 10%) 0 0/6px 6px;border:1px dashed #a855f766;border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.flying-card-emblem{background:linear-gradient(135deg,#7e22ce,#ec4899);border:1px solid #fff;border-radius:12px;justify-content:center;align-items:center;width:26px;height:38px;display:flex;transform:rotate(-14deg);box-shadow:0 2px 8px #0006}.flying-card-letter{color:#fff;font-size:14px;font-weight:900}.draw-flying-counter-badge{color:#fff;pointer-events:none;background:linear-gradient(135deg,#9333ea,#ec4899);border:1.5px solid #fff;border-radius:14px;padding:3px 10px;font-size:13px;font-weight:900;animation:1.1s cubic-bezier(.16,1,.3,1) forwards counter-badge-fade;box-shadow:0 4px 16px #ec4899b3}@keyframes counter-badge-fade{0%{opacity:0;transform:translate(-50%,-100%)scale(.6)}20%{opacity:1;transform:translate(-50%,-140%)scale(1.15)}60%{opacity:1;transform:translate(-50%,-150%)scale(1)}to{opacity:0;transform:translate(-50%,-170%)scale(.85)}}.player-seat{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;transition:transform .2s;display:flex;position:relative}.seat-avatar-wrapper{position:relative}.seat-avatar{background:#1e293b;border:3px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:all .25s;display:flex;position:relative;box-shadow:0 4px 14px #00000080}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-fallback{color:#e2e8f0;font-size:16px;font-weight:800}.player-seat.is-active-turn .seat-avatar{border-color:#ec4899;animation:1.4s infinite active-turn-pulse}@keyframes active-turn-pulse{0%{box-shadow:0 0 #ec4899cc,0 0 0 3px #a855f780}70%{box-shadow:0 0 0 14px #ec489900,0 0 0 3px #a855f700}to{box-shadow:0 0 #ec489900,0 0 0 3px #a855f700}}.seat-turn-halo{display:none}@keyframes speaking-ring{0%{box-shadow:0 0 #10b981cc}70%{box-shadow:0 0 0 14px #10b98100}to{box-shadow:0 0 #10b98100}}.host-badge{color:#000;background:#f59e0b;border:1.5px solid #fff;border-radius:50%;padding:3px;position:absolute;top:-6px;right:-4px;box-shadow:0 2px 6px #0006}.connection-dot{border:2px solid #0f172a;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;left:0}.connection-dot.status-connected{background:#10b981}.connection-dot.status-reconnecting{background:#f59e0b}.connection-dot.status-disconnected{background:#ef4444}.voice-indicator-badge{cursor:pointer;border:2px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .15s;display:flex;position:absolute;bottom:-4px;right:-4px}.voice-indicator-badge.ready{color:#fff;background:#3b82f6}.voice-indicator-badge.speaking{color:#fff;background:#10b981}.voice-indicator-badge.muted{color:#fff;background:#ef4444}.uno-called-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:1.5px solid #fff;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:900;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #dc2626b3}.uno-missed-badge{color:#000;background:#f59e0b;border-radius:8px;align-items:center;gap:3px;padding:2px 6px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.seat-info{flex-direction:column;align-items:center;max-width:110px;margin-top:6px;display:flex}.seat-name-row{align-items:center;gap:4px;display:flex}.seat-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;max-width:85px;font-size:12px;font-weight:700;overflow:hidden}.you-pill{color:#fff;background:#9333ea;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:800}.seat-cards-badge{color:#94a3b8;background:#0f172ad9;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:5px;margin-top:3px;padding:2px 8px;font-size:11px;display:flex}.mini-card-stack{width:10px;height:12px;position:relative}.mini-card-layer{background:#9333ea;border:1px solid #fff;border-radius:2px;width:8px;height:10px;position:absolute}.layer-3{top:0;left:0}.layer-2{top:1px;left:2px}.layer-1{top:2px;left:4px}.seat-turn-indicator{color:#fff;background:#ec4899;border-radius:10px;align-items:center;gap:4px;margin-top:3px;padding:2px 8px;font-size:10px;font-weight:800;display:flex}.catch-uno-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#b91c1c);border:1.5px solid #fecaca;border-radius:12px;align-items:center;gap:4px;margin-top:4px;padding:4px 8px;font-size:10px;font-weight:900;display:flex;box-shadow:0 4px 12px #dc262699}.player-seat.is-compact .seat-avatar{width:44px;height:44px}.player-seat.is-compact .avatar-fallback{font-size:13px}.player-hand-container{z-index:20;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.hand-status-bar{pointer-events:auto;align-items:center;gap:12px;margin-bottom:8px;display:flex}.hand-info-pill{color:#cbd5e1;background:#0f172ad9;border:1px solid #ffffff26;border-radius:16px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;display:flex}.hand-draw-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:700;transition:all .18s;display:flex}.hand-draw-btn.can-draw{color:#fff;background:linear-gradient(135deg,#9333ea,#ec4899);border:1px solid #f472b6;box-shadow:0 4px 12px #ec489966}.hand-draw-btn.can-draw:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ec489999}.hand-draw-btn.cannot-draw{color:#64748b;cursor:not-allowed;opacity:.6;background:#1e293b99;border:1px solid #ffffff14}.stack-warning-pill{color:#fff;background:#dc2626;border-radius:16px;padding:4px 12px;font-size:11px;font-weight:800}.uno-shield-pill{color:#fff;background:#10b981;border-radius:16px;padding:4px 10px;font-size:11px;font-weight:800}.hand-scroll-wrapper{pointer-events:auto;justify-content:center;width:100%;max-width:920px;padding-bottom:8px;display:flex;overflow:visible}.hand-cards-fan{justify-content:center;align-items:flex-end;padding:0 20px;display:flex}.fan-card-slot{flex-shrink:0;transition:transform .22s,margin .22s;position:relative}.table-top-bar{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:30;pointer-events:none;background:0 0;border-bottom:none;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:absolute;top:0;left:0;right:0}.table-bar-left,.table-bar-right{pointer-events:auto;align-items:center;gap:12px;display:flex}.table-bar-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.table-bar-btn:hover{background:#ffffff1f}.table-room-chip{color:#f1f5f9;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.table-players-count-chip{color:#d8b4fe;background:#a855f726;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:600;display:flex}.table-timer-chip{color:#fbbf24;letter-spacing:.5px;background:#0f172ae6;border:1.5px solid #f59e0b66;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 2px 10px #0000004d}.table-timer-chip .timer-icon{color:#fbbf24}.table-timer-chip.timer-warning{color:#f87171;background:#dc262633;border-color:#ef4444;animation:1s infinite pulse;box-shadow:0 0 14px #ef444466}.table-timer-chip.timer-warning .timer-icon{color:#f87171}.table-bottom-dock{pointer-events:none;z-index:25;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:120px;left:20px;right:20px}.table-bottom-dock>*{pointer-events:auto}.uno-controls-layer{position:relative}.call-uno-massive-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border:3px solid #fff;border-radius:50px;padding:12px 28px;transition:transform .15s;box-shadow:0 0 30px #ef4444cc,0 8px 24px #00000080}.call-uno-massive-btn:hover{transform:scale(1.08)!important}.btn-inner-content{flex-direction:column;align-items:center;display:flex}.uno-text-call{letter-spacing:1px;font-size:18px;font-weight:900}.uno-sub-timer{color:#fecaca;font-size:10px;font-weight:600}.catch-uno-bar{flex-direction:column;gap:6px;display:flex}.catch-uno-prompt-btn{color:#fff;cursor:pointer;background:#dc2626e6;border:1px solid #f87171;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:700;display:flex;box-shadow:0 4px 14px #dc262680}.bottom-left-voice-controls{z-index:40;pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;left:16px}.compact-voice-btn{color:#f1f5f9;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae0;border:1.5px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:flex;box-shadow:0 4px 12px #0006}.compact-voice-btn:hover{background:#1e293bf2;border-color:#a855f780;transform:translateY(-2px)}.compact-voice-btn.is-muted,.compact-voice-btn.is-deafened{color:#f87171;background:#dc262640;border-color:#ef4444}.compact-color-picker-portal{z-index:100;pointer-events:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compact-color-picker-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#120e24f5;border:1.5px solid #a855f773;border-radius:16px;min-width:220px;padding:12px 16px;box-shadow:0 12px 32px #000000bf,0 0 20px #a855f733}.compact-color-picker-title{color:#f1f5f9;letter-spacing:.3px;margin:0 0 10px;font-size:12px;font-weight:700}.compact-color-buttons-row{justify-content:center;align-items:center;gap:12px;display:flex}.compact-color-btn{cursor:pointer;border:2px solid #fff;border-radius:50%;width:38px;height:38px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;position:relative;box-shadow:0 4px 10px #0006}.compact-color-btn:hover{transform:scale(1.18);box-shadow:0 6px 16px #0009}.compact-color-btn:active{transform:scale(.96)}.rules-panel-container{z-index:95;pointer-events:auto;flex-direction:column;width:360px;max-width:calc(100vw - 40px);display:flex;position:absolute;top:24px;bottom:24px;right:20px}.rules-panel-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#120e24f7;border:1px solid #a855f759;border-radius:16px;flex-direction:column;height:100%;max-height:100%;display:flex;overflow:hidden;box-shadow:0 16px 40px #000000b3}.rules-panel-header{background:#00000040;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.rules-title-group{align-items:flex-start;gap:10px;display:flex}.rules-title-group>svg{margin-top:2px}.rules-title-group h3{color:#f8fafc;margin:0;font-size:14px;font-weight:800}.rules-subtitle{color:#c084fc;margin:2px 0 0;font-size:11px;font-weight:600}.rules-panel-close-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.rules-panel-close-btn:hover{color:#f87171;background:#ef444433;border-color:#ef444466}.rules-tabs-nav{background:#0003;border-bottom:1px solid #ffffff14;padding:0 8px;display:flex;overflow-x:auto}.rules-tab-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:10px;font-size:12px;font-weight:600;display:flex}.rules-tab-btn.active{color:#c084fc;border-bottom-color:#a855f7}.rules-tab-body{-ms-overflow-style:none;scrollbar-width:none;flex:1;padding:14px;overflow-y:auto}.rules-tab-body::-webkit-scrollbar{display:none}.rule-card-block{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;margin-bottom:12px;padding:12px}.rule-card-block h3,.rule-card-block h4{color:#f1f5f9;margin:0;font-size:13px;font-weight:700}.rule-card-block p{color:#cbd5e1;margin:4px 0 0;font-size:12px;line-height:1.45}.rule-sub-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.rule-card-block ul{color:#cbd5e1;margin:6px 0 0;padding-left:16px;font-size:11.5px;line-height:1.5}.cards-showcase-grid{grid-template-columns:1fr;gap:8px;margin-top:8px;display:grid}.card-explain-item{box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:flex-start;gap:16px;width:100%;padding:12px;flex-flow:row!important;display:flex!important}.card-explain-text{flex-direction:column;flex:1;justify-content:flex-start;min-width:0;display:flex}.card-explain-text h4{color:#f1f5f9;margin:0 0 2px;font-size:12px;font-weight:700}.card-explain-text p{color:#94a3b8;margin:0;font-size:11px;line-height:1.35}.rules-panel-footer{background:#00000040;border-top:1px solid #ffffff14;justify-content:flex-end;padding:10px 14px;display:flex}.rules-done-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea,#7e22ce);border:1px solid #ffffff26;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:700;transition:transform .15s,opacity .15s}.rules-done-btn:hover{opacity:.9;transform:translateY(-1px)}.cards-lobby-view{box-sizing:border-box;width:100%;padding:0}.lobby-hero-card{background:linear-gradient(135deg,#24194c 0%,#16122d 100%);border:1px solid #a855f74d;border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.lobby-hero-left{max-width:540px}.brand-pill{color:#d8b4fe;letter-spacing:.8px;background:#a855f726;border:1px solid #a855f74d;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.lobby-hero-title{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:40px;font-weight:900}.lobby-hero-tagline{color:#cbd5e1;margin:0 0 28px;font-size:16px}.lobby-primary-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-hero-action{align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;display:inline-flex}.btn-hero-secondary{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:700;transition:all .15s;display:inline-flex}.btn-hero-secondary:hover{background:#ffffff26}.btn-hero-quickplay{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:8px;align-items:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #10b98166}.lobby-cards-graphic{width:220px;height:180px;position:relative}.graphic-card{color:#fff;border:3px solid #fff;border-radius:10px;flex-direction:column;justify-content:space-between;width:90px;height:135px;padding:6px;font-weight:900;display:flex;position:absolute;box-shadow:0 10px 24px #00000080}.card-g-red{background:#ef4444;top:10px;left:0;transform:rotate(-18deg)}.card-g-blue{background:#3b82f6;top:0;left:40px;transform:rotate(-6deg)}.card-g-wild{background:#1e1b4b;top:5px;left:85px;transform:rotate(8deg)}.card-g-green{background:#10b981;top:15px;left:125px;transform:rotate(22deg)}.lobby-highlights-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:36px;display:grid}.highlight-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:20px;transition:all .2s}.highlight-box:hover{background:#ffffff0f;transform:translateY(-2px)}.highlight-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:flex}.highlight-box h3{color:#f8fafc;margin:0 0 6px;font-size:15px;font-weight:700}.highlight-box p{color:#94a3b8;margin:0;font-size:12px;line-height:1.5}.recent-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.recent-header h2{color:#f1f5f9;margin:0;font-size:18px;font-weight:800}.view-rules-link{color:#a855f7;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.rooms-preset-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.room-preset-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:20px;transition:all .2s}.room-preset-card:hover{background:#a855f70f;border-color:#a855f766;transform:translateY(-2px)}.room-preset-badge{color:#94a3b8;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.room-preset-card h4{color:#f8fafc;margin:0 0 10px;font-size:16px;font-weight:700}.room-tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.rule-tag{color:#cbd5e1;background:#ffffff0f;border-radius:6px;padding:2px 8px;font-size:11px}.room-join-cta{color:#a855f7;font-size:13px;font-weight:700}.create-game-view,.join-game-view{box-sizing:border-box;width:100%;margin:0;padding:24px 20px 60px}.view-top-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.back-nav-btn,.rules-helper-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.create-form-card,.join-form-card{background:#17142b;border:1px solid #a855f740;border-radius:20px;padding:28px;box-shadow:0 20px 50px #00000080}.form-card-header{margin-bottom:24px}.header-badge{letter-spacing:1px;color:#a855f7;margin-bottom:6px;font-size:11px;font-weight:800}.form-card-header h2{color:#f8fafc;margin:0 0 4px;font-size:22px;font-weight:800}.form-card-header p{color:#94a3b8;margin:0;font-size:13px}.form-field-group{margin-bottom:20px}.form-field-group label{color:#e2e8f0;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.s-form-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:14px}.s-form-input:focus{border-color:#a855f7;box-shadow:0 0 0 2px #a855f740}.player-limit-stepper{gap:8px;display:flex}.limit-pill-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:8px 0;font-size:13px;font-weight:700;position:relative}.limit-pill-btn.is-selected{color:#fff;background:#9333ea;border-color:#a855f7}.default-tag{color:#000;background:#f59e0b;border-radius:4px;padding:1px 4px;font-size:8px;font-weight:800;position:absolute;top:-8px;right:-2px}.form-rules-divider{letter-spacing:.5px;color:#a855f7;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;margin:24px 0 16px;padding-bottom:8px;font-size:12px;font-weight:800;display:flex}.rule-toggle-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:16px}.rule-box-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.segmented-toggle{background:#0000004d;border-radius:8px;padding:3px;display:flex}.toggle-option{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:700}.toggle-option.active-on{color:#fff;background:#10b981}.toggle-option.active-off{color:#fff;background:#ef4444}.stacking-explanation-card{background:#00000040;border-radius:8px;padding:12px;font-size:12px}.explanation-list{flex-direction:column;gap:6px;display:flex}.exp-item{align-items:center;gap:6px;display:flex}.radio-options-grid{flex-direction:column;gap:10px;display:flex}.radio-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:flex-start;gap:12px;padding:12px;display:flex}.radio-card.is-checked{background:#a855f714;border-color:#a855f7}.radio-title{color:#f1f5f9;margin-bottom:2px;font-size:13px;font-weight:700;display:block}.radio-sub{color:#94a3b8;font-size:11px;line-height:1.4;display:block}.timer-pills-row{gap:8px;display:flex}.timer-pill{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:6px 0;font-size:12px;font-weight:700}.timer-pill.selected{color:#fff;background:#3b82f6;border-color:#60a5fa}.btn-create-submit,.btn-join-submit{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:12px;font-size:15px;font-weight:700;display:flex}.room-code-input-wrapper{align-items:center;margin-bottom:16px;display:flex;position:relative}.input-prefix-icon{position:absolute;left:14px}.room-code-field{color:#fff;letter-spacing:2px;text-transform:uppercase;background:#ffffff0f;border:2px solid #a855f74d;border-radius:12px;outline:none;width:100%;padding:14px 44px 14px 46px;font-size:20px;font-weight:800}.room-code-field:focus{border-color:#a855f7;box-shadow:0 0 20px #a855f74d}.join-demo-presets{border-top:1px solid #ffffff14;margin-top:24px;padding-top:20px}.presets-label{color:#cbd5e1;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.demo-chips-grid{flex-direction:column;gap:8px;display:flex}.demo-chip-btn{color:#f1f5f9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}.demo-chip-btn:hover{background:#a855f71f;border-color:#a855f74d}.chip-code{color:#c084fc;font-weight:800}.chip-desc{color:#94a3b8;font-size:12px}.waiting-room-view{box-sizing:border-box;width:100%;margin:0;padding:24px 20px 60px}.waiting-top-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.waiting-room-code-badge{background:#a855f726;border:1px solid #a855f74d;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;display:flex}.waiting-room-code-badge .code-value{color:#fff;letter-spacing:1px;font-size:16px;font-weight:900}.copy-code-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:flex}.waiting-main-grid{grid-template-columns:1.5fr 1fr;gap:20px;display:grid}.waiting-roster-card,.waiting-rules-card{background:#17142b;border:1px solid #a855f740;border-radius:20px;padding:24px}.roster-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.roster-title-group{align-items:center;gap:8px;display:flex}.roster-title-group h3{color:#f8fafc;margin:0;font-size:16px;font-weight:800}.ready-summary-tag{color:#34d399;background:#10b98126;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.seats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.waiting-player-slot{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.waiting-player-slot.filled.is-self{background:#a855f714;border-color:#a855f766}.slot-avatar-wrap{width:36px;height:36px;position:relative}.slot-avatar-img,.slot-avatar-fallback{object-fit:cover;color:#fff;background:#334155;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;font-weight:800;display:flex}.slot-crown{color:#000;background:#f59e0b;border-radius:50%;padding:2px;position:absolute;top:-4px;right:-4px}.slot-name{color:#f1f5f9;font-size:13px;font-weight:700}.self-tag{color:#fff;background:#9333ea;border-radius:4px;margin-left:4px;padding:1px 4px;font-size:9px;font-weight:800}.slot-status{align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.status-ready{color:#34d399}.status-waiting{color:#94a3b8}.empty-avatar-circle{color:#64748b;border:1.5px dashed #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.empty-label{color:#64748b;font-size:12px;font-weight:600}.empty-sub{color:#475569;font-size:10px}.btn-start-game{justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:15px;font-weight:800;display:flex}.btn-ready-active{color:#fff;background:#10b981}.rules-summary-list{flex-direction:column;gap:12px;margin:16px 0;display:flex}.rule-summary-row{background:#ffffff08;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.summary-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.summary-title{color:#94a3b8;font-size:12px;display:block}.summary-badge{font-size:12px;font-weight:700}.tag-active{color:#34d399}.tag-purple{color:#c084fc}.tag-blue{color:#60a5fa}.quick-rules-reminder{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:10px;margin-bottom:16px;padding:12px}.quick-rules-reminder h5{color:#f59e0b;margin:0 0 4px;font-size:12px;font-weight:800}.quick-rules-reminder p{color:#cbd5e1;margin:0;font-size:11px;line-height:1.4}.rules-full-modal-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;font-size:13px;font-weight:600;display:flex}.game-result-view{box-sizing:border-box;flex-direction:column;width:100%;min-height:100%;padding:24px;display:flex;position:relative}.result-modal-card{z-index:10;box-sizing:border-box;background:#17142b;border:1.5px solid #a855f766;border-radius:24px;width:100%;padding:32px;position:relative;box-shadow:0 24px 60px #000000b3}.result-trophy-ring{background:#f59e0b26;border:2px solid #f59e0b;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;display:flex;box-shadow:0 0 30px #f59e0b66}.result-title{color:#fff;margin:0 0 6px;font-size:28px;font-weight:900}.result-sub{color:#cbd5e1;margin:0 0 24px;font-size:14px}.winner-spotlight{background:#f59e0b1a;border:1.5px solid #f59e0b4d;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 18px;display:flex}.spotlight-avatar-wrap{width:48px;height:48px;position:relative}.spotlight-avatar-img,.spotlight-avatar-fallback{object-fit:cover;color:#fff;background:#334155;border:2px solid #f59e0b;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:800;display:flex}.spotlight-crown{font-size:16px;position:absolute;top:-8px;right:-6px}.spotlight-meta{text-align:left;flex:1;margin-left:14px}.spotlight-label{letter-spacing:1px;color:#f59e0b;font-size:10px;font-weight:800}.spotlight-name{color:#fff;margin:2px 0 0;font-size:16px;font-weight:800}.spotlight-score-tag{color:#f8fafc;align-items:center;gap:4px;font-size:14px;display:flex}.standings-table{background:#00000040;border-radius:12px;margin-bottom:24px;overflow:hidden}.standings-thead{color:#94a3b8;text-align:left;background:#ffffff0a;grid-template-columns:70px 1.5fr 1fr 1fr;padding:8px 14px;font-size:11px;font-weight:700;display:grid}.standings-tbody{flex-direction:column;display:flex}.standings-row{text-align:left;border-top:1px solid #ffffff0a;grid-template-columns:70px 1.5fr 1fr 1fr;align-items:center;padding:10px 14px;font-size:13px;display:grid}.standings-row.is-me{background:#a855f71a}.score-val{color:#34d399;font-weight:800}.result-actions-row{justify-content:center;gap:12px;display:flex}.btn-play-again{align-items:center;gap:6px;padding:12px 24px;font-weight:700;display:inline-flex}.prototype-toolbar{z-index:10000;color:#f1f5f9;background:#110e22;border:1.5px solid #a855f780;border-bottom:none;border-top-left-radius:14px;border-top-right-radius:14px;width:460px;max-width:calc(100vw - 40px);font-size:12px;position:fixed;bottom:0;right:20px;box-shadow:0 -8px 30px #000000b3}.proto-toggle-btn{color:#f1f5f9;cursor:pointer;background:#1e1938;border:none;border-top-left-radius:12px;border-top-right-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;display:flex}.proto-toggle-left{align-items:center;gap:8px;display:flex}.proto-title{color:#e9d5ff;font-size:12px;font-weight:800}.proto-badge{color:#fff;background:#9333ea;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:800}.proto-drawer-body{flex-direction:column;gap:12px;max-height:400px;padding:14px;display:flex;overflow-y:auto}.proto-control-group{flex-direction:column;gap:6px;display:flex}.proto-label{color:#94a3b8;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.proto-btn-row{flex-wrap:wrap;gap:6px;display:flex}.proto-action-btn,.proto-count-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.proto-action-btn:hover,.proto-count-btn:hover{color:#fff;background:#a855f733}.proto-action-btn.active-pill,.proto-count-btn.active-count{color:#fff;background:#9333ea;border-color:#a855f7}.highlight-flame{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b80}.btn-penalty{color:#fca5a5;background:#ef444433;border-color:#ef444480}.btn-win{color:#6ee7b7;background:#10b98133;border-color:#10b981}.btn-loss{color:#fca5a5;background:#ef444433;border-color:#ef4444}.proto-test-grid{grid-template-columns:1fr;gap:5px;max-height:180px;padding-right:4px;display:grid;overflow-y:auto}.proto-test-btn{color:#e2e8f0;text-align:left;cursor:pointer;background:#1e1b3ab3;border:1px solid #a855f740;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;transition:all .15s;display:flex}.proto-test-btn:hover{background:#a855f733;border-color:#c084fc}.proto-test-btn.active-scenario{background:#9333ea59;border-color:#a855f7;box-shadow:0 0 10px #a855f766}.proto-footer-actions{border-top:1px solid #ffffff14;justify-content:space-between;margin-top:4px;padding-top:8px;display:flex}.proto-small-link{color:#a855f7;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:11px;display:flex}.connection-banner-container{z-index:40;justify-content:center;align-items:center;padding:6px 16px;font-size:12px;font-weight:700;display:flex}.connection-banner-container.status-reconnecting{color:#fef3c7;background:#b45309}.connection-banner-container.status-disconnected{color:#fee2e2;background:#991b1b}.connection-banner-content{align-items:center;gap:8px;display:flex}@media (width<=768px){.lobby-hero-card{text-align:center;flex-direction:column;align-items:center;padding:24px}.lobby-hero-left{max-width:100%}.lobby-primary-actions{justify-content:center}.lobby-cards-graphic{zoom:.8}.lobby-hero-right{justify-content:center;width:100%;margin-top:24px;display:flex}.lobby-highlights-grid,.rooms-preset-grid,.waiting-main-grid{grid-template-columns:1fr}.prototype-toolbar{border-radius:0;width:100vw;left:0;right:0}.card-size-hand{width:52px;height:78px}.card-size-table{width:60px;height:88px}.draw-pile-top-left{zoom:.8;top:55px;left:10px}.center-table-zone,.discard-stack-wrapper,.discard-stack-area{width:140px;height:120px}.center-table-ring{width:200px;height:200px}.empty-discard-slot,.discard-stacked-card,.flying-card-entity{width:60px;height:88px}.card-size-hand .symbol-number-text{font-size:20px}.card-size-hand .symbol-action svg{width:16px;height:16px}.card-size-hand .corner-val{font-size:9px}.card-size-hand .symbol-draw-two .symbol-text{font-size:14px}.card-size-hand .symbol-wild-gem,.card-size-hand .symbol-wild-four{width:22px;height:22px}.card-size-table .symbol-number-text{font-size:24px}.card-size-table .symbol-action svg{width:18px;height:18px}.card-size-table .corner-val{font-size:11px}.card-size-table .symbol-draw-two .symbol-text{font-size:16px}.card-size-table .symbol-wild-gem,.card-size-table .symbol-wild-four{width:26px;height:26px}.uno-game-container{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.cards-lobby-view{overflow-x:hidden}.lobby-hero-card{border-radius:16px;margin-bottom:20px;padding:24px 20px}.lobby-hero-title{font-size:clamp(2.5rem,10vw,4rem)}.lobby-highlights-grid,.rooms-preset-grid,.rooms-active-grid,.waiting-main-grid{grid-template-columns:1fr}.game-table-view{width:100%;overflow-x:hidden}.table-stage-arena{padding:4px;overflow:hidden}.table-bar{flex-wrap:wrap;gap:.5rem;height:auto;min-height:48px;padding:.5rem .75rem}.player-hand-row{-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto}.player-hand-row::-webkit-scrollbar{display:none}}@media (width<=1024px) and (orientation:landscape){.game-table-view{height:100vh}.card-size-hand{width:48px!important;height:72px!important}.card-size-hand .card-outer-frame{border-width:1.5px;border-radius:7px;padding:2px}.card-size-hand .corner-val{font-size:9px}.card-size-hand .corner-pip{width:4px;height:4px}.card-size-hand .symbol-number-text{font-size:18px}.card-size-hand .symbol-action svg{width:14px;height:14px}.card-size-hand .symbol-draw-two .symbol-text{font-size:13px}.card-size-hand .symbol-wild-gem,.card-size-hand .symbol-wild-four{width:18px;height:18px}.card-size-hand .wild-four-text,.card-size-hand .wild-center-star{font-size:9px}.card-size-table{width:48px!important;height:70px!important}.player-hand-inner{gap:2px!important}}@keyframes sdt-indeterminate{0%{width:30%;left:-30%}50%{width:70%;left:30%}to{width:30%;left:100%}}.sdt-progress-bar{background-color:var(--primary,#007bff);height:3px;animation:1.5s linear infinite sdt-indeterminate;position:absolute;top:0;left:0}.sdt-progress-container{z-index:10;background-color:#0000000d;width:100%;height:3px;position:absolute;top:0;left:0;overflow:hidden}.sdt-show-mobile{display:none}@media (width<=600px){.sdt-header-row{flex-direction:column;align-items:flex-start!important}.sdt-controls-row{width:100%;justify-content:space-between!important}.sdt-search-wrapper{flex:1;width:auto!important}.sdt-action-text{display:none}.s-button .s-button-icon{margin-right:0!important}.sdt-hide-mobile{display:none!important}.sdt-show-mobile{display:inline-block!important}.sdt-pagination-container{padding:.75rem!important}.sdt-pagination-controls{gap:.5rem!important}}.admin-users-container{flex-direction:column;min-width:100%;max-width:100%;margin:0;display:flex}.admin-users-header{justify-content:space-between;align-items:center;display:flex}.admin-users-header h1{color:var(--text);font-size:2rem}.manage-btn{color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;background-color:#0000;border:none;padding:.5rem}.manage-btn:hover{background-color:var(--surface-hover)}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;display:flex}.admin-users-tabs{border-bottom:1px solid var(--border);justify-content:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.admin-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem .25rem;font-size:1rem;font-weight:500;transition:all .2s}.admin-tab:hover{color:var(--text)}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.permission-tree-container{flex-direction:column;gap:1rem;display:flex}.permission-tree-search{background-color:var(--code-bg);border:1px solid var(--border);border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.search-icon{color:var(--text);opacity:.7}.permission-tree-content{max-height:400px;overflow-y:auto}.permission-tree-node{flex-direction:column;display:flex}.tree-node-header{align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.tree-node-toggle-icon{cursor:pointer;width:24px;height:24px;color:var(--text);opacity:.7;border-radius:4px;justify-content:center;align-items:center;display:flex}.tree-node-toggle-icon:hover{background-color:var(--code-bg);opacity:1}.tree-node-checkbox{cursor:pointer;justify-content:center;align-items:center;display:flex}.tree-node-checkbox .text-primary{color:var(--accent)}.tree-node-checkbox .text-muted{color:var(--text);opacity:.5}.tree-node-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text);font-size:.95rem;font-weight:500}.tree-node-desc{color:var(--text);opacity:.7;font-size:.85rem;font-weight:400}.tree-node-children{border-left:1px solid var(--border);margin-left:1.5rem;padding-left:.5rem}.no-permissions-found{text-align:center;color:var(--text);opacity:.7;padding:1rem}.system-health-container{box-sizing:border-box;width:100%}.health-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.health-subtitle{color:var(--text);align-items:center;gap:1rem;margin-top:.5rem;font-size:.9rem;display:flex}.health-time{opacity:.8;margin-left:1rem;font-style:italic}.health-loading,.health-error{text-align:center;color:var(--text);background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:3rem}.health-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.health-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.health-card:hover{box-shadow:var(--shadow), 0 4px 12px var(--accent-bg);border-color:var(--accent-border);transform:translateY(-2px)}.health-card-header{justify-content:space-between;align-items:center;display:flex}.health-card-title{color:var(--text-h);margin:0;font-size:1.1rem;font-weight:600}.health-card-body{flex-direction:column;gap:.5rem;display:flex}.health-metric{color:var(--text);justify-content:space-between;font-size:.95rem;display:flex}.metric-label{opacity:.8}.metric-value{font-weight:600;font-family:var(--mono);color:var(--accent)}.health-message{color:var(--text);border-top:1px dashed var(--border);margin-top:.5rem;padding-top:.75rem;font-size:.85rem;font-weight:500}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.35rem .85rem;font-size:.75rem;font-weight:700}.status-healthy{color:#2ecc71;background-color:#2ecc7126;border:1px solid #2ecc7180}.status-degraded{color:#f39c12;background-color:#f1c40f26;border:1px solid #f1c40f80}.status-down{color:#e74c3c;background-color:#e74c3c26;border:1px solid #e74c3c80}@keyframes spin{to{transform:rotate(360deg)}}.spinning-icon{animation:1s linear infinite spin}@media (width<=600px){.health-header{align-items:flex-start;gap:1rem}.health-refresh-text{display:none}.health-subtitle{flex-direction:column;align-items:flex-start;gap:.25rem}.health-time{margin-left:0}}.chat-container{display:flex;overflow:hidden}.chat-sidebar{border-right:1px solid var(--border-color,#e0e0e0);background:var(--background-color,#f9fafb);flex-direction:column;width:350px;display:flex}.chat-sidebar-header{border-bottom:1px solid var(--border-color,#e0e0e0);justify-content:space-between;align-items:center;padding:16px;display:flex}.chat-sidebar-header h2{color:var(--text-primary,#111827);margin:0;font-size:1.25rem}.chat-list{flex:1;overflow-y:auto}.chat-list-item{cursor:pointer;border-bottom:1px solid var(--border-color,#e0e0e0);padding:12px 16px;transition:background-color .2s;display:flex}.chat-list-item:hover,.chat-list-item.active{background-color:var(--hover-color,#f3f4f6)}.chat-list-item-avatar{background-color:var(--primary-color,#4f46e5);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-right:12px;font-weight:700;display:flex;overflow:hidden}.chat-list-item-avatar img{object-fit:cover;width:100%;height:100%}.chat-list-item-content{flex:1;overflow:hidden}.chat-list-item-header{justify-content:space-between;margin-bottom:4px;display:flex}.chat-list-item-name{color:var(--text-primary,#111827);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.chat-list-item-time{color:var(--text-secondary,#6b7280);font-size:.75rem}.chat-list-item-message{color:var(--text-secondary,#6b7280);white-space:nowrap;text-overflow:ellipsis;justify-content:space-between;align-items:center;font-size:.875rem;display:flex;overflow:hidden}.unread-badge{background-color:var(--primary-color,#4f46e5);color:#fff;text-align:center;border-radius:12px;min-width:18px;padding:2px 6px;font-size:.7rem;font-weight:700}.chat-window{background-color:var(--surface-color,#fff);border:1px solid var(--border-color,#e0e0e0);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.chat-window-header{border-bottom:1px solid var(--border-color,#e0e0e0);background-color:var(--surface-color,#fff);z-index:2;flex-shrink:0;align-items:center;padding:8px 16px;display:flex;position:relative}.chat-window-header-info{margin-left:12px}.chat-window-header-name{color:var(--text-primary,#111827);font-size:1rem;font-weight:600}.chat-window-header-status{color:var(--success-color,#10b981);font-size:.875rem}.chat-messages-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-messages-area{flex:1;min-height:0;position:relative;overflow:hidden}.chat-wallpaper-bg{z-index:0;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.chat-messages{scrollbar-width:none;-ms-overflow-style:none;z-index:1;box-sizing:border-box;flex-direction:column-reverse;height:100%;padding:16px 16px 0;display:flex;position:relative;overflow-y:auto}.chat-messages::-webkit-scrollbar{display:none}.chat-date-separator{justify-content:center;width:100%;margin:16px 0;display:flex}.chat-date-separator span{background-color:var(--hover-color,#f3f4f6);color:var(--text-secondary,#6b7280);border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:500}.message-bubble-wrapper{width:100%;margin-bottom:12px;display:flex}.message-bubble-wrapper.outgoing{justify-content:flex-end}.message-bubble{border-radius:12px;max-width:70%;padding:10px 14px;position:relative}.message-bubble.incoming{background-color:var(--background-color,#f3f4f6);color:var(--text-primary,#111827);border-bottom-left-radius:2px}.message-bubble.outgoing{background-color:var(--primary-color,#4f46e5);color:#fff;border-bottom-right-radius:2px}.message-text{word-wrap:break-word;font-size:.95rem;line-height:1.4}.message-meta{opacity:.8;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:.7rem;display:flex}.message-receipts{align-items:center;display:flex}.receipt-delivered,.receipt-sent{color:#e2e8f0}.chat-composer{z-index:2;align-items:center;gap:8px;padding:10px 12px 12px;display:flex;position:relative}.chat-composer-input-pill{border:1px solid var(--border-color,#e0e0e0);background-color:#0000;border-radius:24px;flex:1;align-items:center;min-height:44px;padding:6px 8px 6px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.chat-composer-input-pill:focus-within{border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 3px #4f46e51f}.chat-composer-input{color:var(--text-primary,#111827);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:120px;padding:2px 0;font-size:.95rem;line-height:1.5;overflow-y:auto}.chat-composer-input::placeholder{color:var(--text-secondary,#9ca3af)}.chat-composer-input:disabled{opacity:.6;cursor:not-allowed}.chat-composer-icon-btn{cursor:pointer;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:color .2s,background-color .2s;display:flex}.chat-composer-icon-btn:hover{color:var(--primary-color,#4f46e5);background-color:var(--hover-color,#f3f4f6)}.chat-composer-icon-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.chat-composer-send-btn{background-color:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .2s,transform .1s,opacity .2s;display:flex}.chat-composer-send-btn:hover{background-color:var(--primary-hover,#4338ca);transform:scale(1.05)}.chat-composer-send-btn:active{transform:scale(.95)}.chat-composer-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.chat-typing-indicator{color:var(--text-secondary,#6b7280);z-index:2;min-height:18px;padding:2px 16px 0;font-size:.75rem;font-style:italic;position:relative}.chat-composer-attachment-wrapper{align-items:center;display:flex;position:relative}.attachment-popover{background:var(--surface-color,#fff);border:1px solid var(--border-color,#e0e0e0);z-index:100;border-radius:12px;flex-direction:column;gap:4px;min-width:180px;padding:8px;animation:.2s ease-out popoverFadeIn;display:flex;position:absolute;bottom:calc(100% + 12px);right:-8px;box-shadow:0 10px 25px #0000001a}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.attachment-popover-option{cursor:pointer;text-align:left;width:100%;color:var(--text-primary,#111827);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:.9rem;transition:background-color .2s;display:flex}.attachment-popover-option:hover{background-color:var(--hover-color,#f3f4f6)}.attachment-popover-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.chat-wallpaper-container{z-index:0;background:0 0;position:absolute;inset:0;overflow:hidden}.chat-theme-default{background:0 0}.chat-theme-soft{background:#f3f4f6}.chat-theme-warm{background:linear-gradient(135deg,#fdfbfb 0%,#ebedee 100%)}.chat-theme-cool{background:linear-gradient(135deg,#e0c3fc 0%,#8ec5fc 100%)}.chat-theme-nature{background:linear-gradient(#e7f0fd 0%,#accbee 100%)}.chat-theme-minimal{background:#fafafa}.chat-theme-dark{background:#1f2937}.chat-theme-gradient{background:linear-gradient(45deg,#ff9a9e 0%,#fecfef 99% 100%)}.chat-wallpaper-img{object-fit:cover;object-position:center;width:100%;height:100%}.chat-theme-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.chat-theme-item{aspect-ratio:1;cursor:pointer;color:#0009;text-transform:capitalize;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 2px 4px #0000000d}.chat-theme-item:hover{transform:scale(1.05)}.chat-theme-item.active{border-color:var(--primary-color,#4f46e5);box-shadow:0 4px 12px #4f46e533}.chat-wallpaper-overlay{z-index:1;pointer-events:none;position:absolute;inset:0}.chat-wallpaper-adjuster{z-index:100;background:var(--surface-color,#fff);position:absolute;inset:0;overflow:hidden}.chat-wallpaper-controls{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;top:16px;right:16px}.chat-wallpaper-ctrl-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.chat-wallpaper-ctrl-btn:hover:not(:disabled){background:#fff3}.chat-wallpaper-ctrl-btn:disabled{opacity:.5;cursor:not-allowed}.chat-wallpaper-ctrl-save{background:var(--primary-color,#4f46e5);border-radius:4px;padding:4px 12px;font-size:.85rem;font-weight:500}.chat-wallpaper-ctrl-save:hover:not(:disabled){background:var(--primary-hover,#4338ca)}.chat-composer-uploading{color:var(--text-secondary,#6b7280);z-index:2;align-items:center;gap:10px;padding:10px 16px 12px;font-size:.875rem;display:flex;position:relative}.upload-spinner{border:2px solid var(--border-color,#e0e0e0);border-top-color:var(--primary-color,#4f46e5);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite spin}.voice-recorder{z-index:2;align-items:center;gap:10px;padding:10px 12px 12px;display:flex;position:relative}.voice-recorder-indicator{background-color:var(--hover-color,#f3f4f6);border-radius:24px;flex:1;align-items:center;gap:8px;min-height:44px;padding:8px 16px;display:flex}.voice-recorder-dot{background-color:#ef4444;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.2s ease-in-out infinite voice-pulse}.voice-recorder-dot.paused{background-color:#f59e0b;animation:none}@keyframes voice-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.voice-recorder-label{color:var(--text-primary,#111827);font-size:.85rem;font-weight:500}.voice-recorder-time{color:var(--text-secondary,#6b7280);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.85rem;font-weight:600}.voice-recorder-btn{cursor:pointer;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:color .2s,background-color .2s;display:flex}.voice-recorder-btn:hover{color:var(--text-primary,#111827);background-color:var(--hover-color,#f3f4f6)}.voice-recorder-btn.danger:hover{color:#ef4444;background-color:#fee2e2}.voice-recorder-send-btn{background-color:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .2s,transform .1s;display:flex}.voice-recorder-send-btn:hover{background-color:var(--primary-hover,#4338ca);transform:scale(1.05)}.voice-recorder-send-btn:active{transform:scale(.95)}.attachment-image-preview{border-radius:8px;max-width:280px;margin-bottom:8px;overflow:hidden}.attachment-image-preview img{object-fit:contain;cursor:pointer;width:100%;max-height:300px;display:block}.attachment-audio-preview{min-width:220px;margin-bottom:8px}.attachment-audio-preview audio{width:100%;height:36px}.attachment-file-card{background-color:#0000000f;border-radius:10px;align-items:center;gap:12px;max-width:280px;margin-bottom:8px;padding:12px 14px;text-decoration:none;display:flex}.attachment-file-card:hover{background-color:#0000001a}.attachment-file-info{flex:1;overflow:hidden}.attachment-file-name{color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.attachment-file-size{opacity:.7;margin-top:2px;font-size:.75rem}.attachment-loading{text-align:center;color:var(--text-secondary,#6b7280);background-color:#0000000a;border-radius:8px;margin-bottom:8px;padding:16px;font-size:.8rem}.attachment-error{text-align:center;color:var(--error-color,#ef4444);background-color:#ef444412;border-radius:8px;margin-bottom:8px;padding:12px;font-size:.8rem}.chat-window--empty{justify-content:center;align-items:center}.chat-window-empty-state{text-align:center;color:var(--text-secondary,#6b7280)}.chat-window-empty-icon{opacity:.5;margin-bottom:16px}.chat-window-header-info{flex:1;margin-left:12px}.chat-list-item-avatar--no-margin{margin:0}.chat-window-actions{position:relative}.chat-header-more-btn{color:var(--text-secondary,#6b7280);padding:8px;background:0 0!important;border:none!important;border-radius:50%!important}.chat-dropdown-menu{background:var(--surface-color,#fff);z-index:10;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;min-width:160px;padding:8px 0;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.chat-dropdown-menu-item{font-size:.9rem;text-align:left!important;width:100%!important;color:var(--text-primary,#111827)!important;background:0 0!important;border:none!important;border-radius:0!important;justify-content:flex-start!important;padding:10px 16px!important}.chat-dropdown-menu-item:hover{background:var(--hover-color,#f3f4f6)!important}.chat-file-input-hidden{display:none}.chat-wallpaper-ctrl-divider{background:#ffffff4d;align-self:stretch;width:1px;margin:0 4px}.chat-mobile-back-btn{color:var(--text-primary,#111827);cursor:pointer;background:0 0;border:none;border-radius:50%;margin-right:8px;padding:8px;display:none}.chat-mobile-back-btn:hover{background-color:var(--hover-color,#f3f4f6)}@media (width<=768px){.chat-sidebar{border-right:none;width:100%;display:flex}.chat-window,.mobile-chat-open .chat-sidebar{display:none}.mobile-chat-open .chat-window{width:100%;display:flex}.chat-mobile-back-btn{justify-content:center;align-items:center;display:flex}}.msg-wrapper{box-sizing:border-box;width:100%;margin-bottom:4px;padding:0 8px;display:flex}.msg-wrapper--in{justify-content:flex-start}.msg-wrapper--out{justify-content:flex-end}.msg-bubble{border-radius:18px;min-width:80px;max-width:min(70%,480px);position:relative;box-shadow:0 1px 2px #0000001f}.msg-bubble--in{background-color:var(--surface-color,#fff);color:var(--text-primary,#111827);border-bottom-left-radius:12px;position:relative}.msg-bubble-overlay{z-index:5;border-radius:inherit;background:#ffffff80;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.msg-bubble-overlay--failed{color:#fff;background:#ef4444cc;font-size:.85rem;font-weight:500}.msg-bubble--out{background-color:var(--primary-color,#4f46e5);color:#fff;border-bottom-right-radius:4px}.msg-bubble--media{box-shadow:none;background:0 0}.msg-sender-name{color:var(--primary-color,#4f46e5);letter-spacing:.01em;padding:10px 14px 0;font-size:.72rem;font-weight:700}.msg-meta{justify-content:flex-end;align-items:center;gap:4px;padding:2px 14px 8px;display:flex}.msg-bubble--out .msg-meta{color:#fffc}.msg-bubble--in .msg-meta{color:var(--text-secondary,#9ca3af)}.msg-time{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.68rem}.msg-meta--overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;border-radius:10px;padding:2px 6px;position:absolute;bottom:6px;right:8px;color:#fff!important}.msg-status{align-items:center;display:inline-flex}.receipt-icon{font-size:14px}.receipt-seen{color:#38bdf8}.receipt-delivered{color:#ffffffb3}.receipt-sent{color:#fff9}.msg-bubble--in .receipt-sent,.msg-bubble--in .receipt-delivered{color:var(--text-secondary,#9ca3af)}.msg-body--text{text-align:left;padding:8px 12px 14px 14px;display:flow-root}.msg-text{word-break:break-word;white-space:pre-wrap;margin:0;font-size:.9375rem;line-height:1.45;display:inline}.msg-body--text .msg-meta{float:right;margin-left:12px;padding:0;display:inline-flex;position:relative;top:6px}.msg-image-caption{padding:6px 14px 0;font-size:.9rem}.msg-body--image{padding:4px 4px 0;position:relative}.msg-image-content{border-radius:8px;width:320px;max-width:100%;position:relative;overflow:hidden}.msg-image-btn{cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block}.msg-image{object-fit:cover;border-radius:inherit;width:100%;max-height:320px;transition:opacity .2s;display:block}.msg-image:hover{opacity:.92}.msg-body--gallery{padding:4px 4px 0;position:relative}.msg-gallery{border-radius:8px;gap:4px;width:320px;max-width:100%;display:grid;overflow:hidden}.msg-gallery--2{grid-template-columns:1fr 1fr}.msg-gallery--3{grid-template-rows:auto auto;grid-template-columns:1fr 1fr}.msg-gallery--4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.msg-gallery--5{grid-template-columns:1fr 1fr}.msg-gallery--3 .msg-gallery-item--wide{grid-column:1/-1}.msg-gallery-item{cursor:pointer;aspect-ratio:1;background:#0000000f;border:none;padding:0;display:block;position:relative;overflow:hidden}.msg-gallery-item--wide{aspect-ratio:2}.msg-gallery-img{object-fit:cover;width:100%;height:100%;transition:opacity .2s}.msg-gallery-item:hover .msg-gallery-img{opacity:.88}.msg-gallery-skeleton{background:linear-gradient(90deg,#0000000f 0%,#0000001a 50%,#0000000f 100%) 0 0/200% 100%;animation:1.4s infinite shimmer;position:absolute;inset:0}.msg-gallery-error{color:var(--error-color,#ef4444);justify-content:center;align-items:center;height:100%;font-size:1rem;display:flex}.msg-gallery-overlay{color:#fff;background:#00000080;justify-content:center;align-items:center;font-size:1.5rem;font-weight:500;display:flex;position:absolute;inset:0}.msg-body--voice{min-width:240px;max-width:320px;padding:10px 14px 0}.msg-voice-layout{align-items:center;gap:8px;margin-bottom:4px;display:flex}.msg-voice-avatar{width:36px;height:36px;color:inherit;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.msg-bubble--in .msg-voice-avatar{background:var(--primary-color,#4f46e5);color:#fff}.msg-voice-playbtn{cursor:pointer;width:32px;height:32px;color:inherit;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.msg-voice-playbtn:hover{background:#ffffff4d}.msg-bubble--in .msg-voice-playbtn{color:var(--primary-color,#4f46e5);background:#4f46e51f}.msg-bubble--in .msg-voice-playbtn:hover{background:#4f46e533}.msg-voice-track-area{flex:1;overflow:hidden}.msg-voice-progress-bar{cursor:pointer;outline:none;margin-bottom:4px}.msg-voice-track{align-items:center;height:28px;display:flex;position:relative}.msg-voice-bars{align-items:center;gap:2px;display:flex;position:absolute;inset:0}.msg-voice-bar{background:#ffffff4d;border-radius:2px;flex:1;min-width:2px;transition:background .1s}.msg-voice-bar--filled{background:#ffffffd9}.msg-bubble--in .msg-voice-bar{background:#00000026}.msg-bubble--in .msg-voice-bar--filled{background:var(--primary-color,#4f46e5)}.msg-voice-fill{pointer-events:none;z-index:1;background:#ffffff80;border-radius:2px;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.msg-voice-times{opacity:.75;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.68rem;display:flex}.msg-voice-skeleton{background:#0000000f;border-radius:8px;height:48px;animation:1.4s infinite shimmer}.msg-body--audio{min-width:220px;max-width:320px;padding:10px 14px 0}.msg-audio-layout{align-items:center;gap:10px;margin-bottom:4px;display:flex}.msg-audio-icon{background:#ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.msg-bubble--in .msg-audio-icon{background:var(--hover-color,#f3f4f6);color:var(--primary-color,#4f46e5)}.msg-audio-info{flex:1;min-width:0;overflow:hidden}.msg-audio-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.8rem;font-weight:600;display:block;overflow:hidden}.msg-audio-controls{align-items:center;gap:6px;display:flex}.msg-audio-playbtn{cursor:pointer;width:26px;height:26px;color:inherit;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.msg-audio-playbtn:hover{background:#ffffff59}.msg-bubble--in .msg-audio-playbtn{color:var(--primary-color,#4f46e5);background:#4f46e51f}.msg-audio-bar{cursor:pointer;background:#ffffff4d;border-radius:2px;outline:none;flex:1;height:4px;position:relative}.msg-bubble--in .msg-audio-bar{background:#0000001f}.msg-audio-fill{background:#ffffffd9;border-radius:2px;height:100%}.msg-bubble--in .msg-audio-fill{background:var(--primary-color,#4f46e5)}.msg-audio-time{opacity:.8;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.67rem}.msg-body--file{padding:10px 14px 0}.msg-file-card{color:inherit;background:#ffffff1f;border-radius:12px;align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;text-decoration:none;transition:background .15s;display:flex}.msg-file-card:hover{background:#fff3}.msg-bubble--in .msg-file-card{background:#0000000d}.msg-bubble--in .msg-file-card:hover{background:#00000017}.msg-file-icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.msg-file-ext{background:var(--primary-color,#4f46e5);color:#fff;letter-spacing:.02em;border-radius:3px;padding:1px 3px;font-size:.5rem;font-weight:700;position:absolute;bottom:-2px;right:-2px}.msg-file-info{flex:1;min-width:0;overflow:hidden}.msg-file-name{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;display:block;overflow:hidden}.msg-file-size{opacity:.7;margin-top:2px;font-size:.7rem;display:block}.msg-file-download-icon{opacity:.7;flex-shrink:0}.msg-file-skeleton{background:#0000000f;border-radius:12px;height:60px;animation:1.4s infinite shimmer}.msg-media-skeleton{background:#0000000f;height:200px;animation:1.4s infinite shimmer}.msg-media-error{text-align:center;color:var(--error-color,#ef4444);border-radius:inherit;background:#ef444412;padding:16px;font-size:.8rem}.msg-body--missing{min-width:200px;padding:8px 12px 0}.msg-missing-card{color:var(--error-color,#ef4444);background:#ef444414;border:1px dashed #ef44444d;border-radius:12px;align-items:center;gap:10px;min-height:80px;margin-bottom:4px;padding:12px;display:flex;position:relative;overflow:hidden}.msg-missing-blur-overlay{-webkit-backdrop-filter:blur(12px);z-index:1;background:#fff6;position:absolute;inset:0}:root[data-theme=dark] .msg-missing-blur-overlay{background:#00000080}.msg-missing-content-wrapper{z-index:2;align-items:center;gap:10px;width:100%;display:flex;position:relative}.msg-missing-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.msg-missing-text{flex:1;font-size:.85rem;font-weight:600}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.lightbox-backdrop{z-index:9999;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;animation:.18s lightboxFadeIn;display:flex;position:fixed;inset:0}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{cursor:default;flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-img{object-fit:contain;border-radius:6px;max-width:100%;max-height:88vh;box-shadow:0 20px 60px #00000080}.lightbox-counter{color:#ffffffb3;margin-top:10px;font-size:.85rem}.lightbox-close{color:#fff;cursor:pointer;z-index:10000;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex;position:fixed;top:16px;right:16px}.lightbox-close:hover{background:#ffffff40}.lightbox-nav{color:#fff;cursor:pointer;z-index:10000;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff47}.lightbox-nav--prev{left:16px}.lightbox-nav--next{right:16px}.img-preview-strip{z-index:2;background:var(--surface-color,#fff);border-top:1px solid var(--border-color,#e0e0e0);flex-direction:column;gap:8px;padding:10px 14px 12px;display:flex;position:relative}.img-preview-strip-header{justify-content:space-between;align-items:center;display:flex}.img-preview-strip-count{color:var(--text-secondary,#6b7280);font-size:.8rem;font-weight:600}.img-preview-strip-cancel{cursor:pointer;color:var(--text-secondary,#9ca3af);background:0 0;border:none;border-radius:50%;align-items:center;padding:2px;transition:color .15s,background .15s;display:flex}.img-preview-strip-cancel:hover{color:var(--error-color,#ef4444);background:#ef444412}.img-preview-strip-thumbs{scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.img-preview-strip-thumbs::-webkit-scrollbar{display:none}.img-preview-thumb{border-radius:10px;flex-shrink:0;width:72px;height:72px;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000001f}.img-preview-thumb-img{object-fit:cover;width:100%;height:100%}.img-preview-thumb-remove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:background .15s;display:flex;position:absolute;top:3px;right:3px}.img-preview-thumb-remove:hover{background:#ef4444cc}.img-preview-add-more{border:2px dashed var(--border-color,#d1d5db);background:var(--hover-color,#f9fafb);width:72px;height:72px;color:var(--text-secondary,#9ca3af);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:flex}.img-preview-add-more:hover{border-color:var(--primary-color,#4f46e5);color:var(--primary-color,#4f46e5);background:#4f46e50a}.img-preview-progress{color:var(--text-secondary,#6b7280);align-items:center;gap:8px;font-size:.8rem;display:flex}.img-preview-strip-actions{justify-content:flex-end;display:flex}.img-preview-send-btn{background:var(--primary-color,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:8px 20px;font-size:.875rem;font-weight:600;transition:background .15s,transform .1s}.img-preview-send-btn:hover{background:var(--primary-hover,#4338ca);transform:scale(1.02)}.img-preview-send-btn:active{transform:scale(.98)}