@font-face{font-family:RuneScape;src:url(/assets/runescape.woff2) format("woff2"),url(/assets/runescape.woff) format("woff"),url(/assets/runescape.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}body.has-landing-nav{padding-top:var(--landing-nav-h)}.text-emphasis{color:var(--accent)}.nav-divider{height:1px;margin:10px 6px;background:var(--border)}.badge-float{position:absolute;top:14px;right:14px}.card-head{gap:14px}.card-head,.card-head-text{display:flex;align-items:center}.card-head-text{gap:10px}.card-icon{object-fit:cover;border-radius:10px;flex-shrink:0;border:1px solid var(--border);box-shadow:var(--shadow)}.card-icon.round{border-radius:50%}.icon-sm{width:32px;height:32px}.icon-md{width:48px;height:48px}.icon-lg{width:64px;height:64px}.page-footer{margin-top:34px;padding:18px 0;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-center{min-height:calc(100vh - 140px);display:grid;place-items:center}.auth-card{width:min(520px,100%)}.landing-links a{color:var(--text);opacity:.85;font-size:.92rem}.landing{min-height:auto}.landing-hero{display:flex;padding:40px 0;background:radial-gradient(900px 300px at 20% 0,color-mix(in oklab,var(--accent),transparent 88%),transparent),radial-gradient(900px 300px at 90% 10%,color-mix(in oklab,var(--accent),transparent 90%),transparent)}.hero-banner{margin-bottom:24px}.hero-banner .alert{width:100%;background:color-mix(in oklab,var(--surface),transparent 10%);border-color:color-mix(in oklab,var(--accent),transparent 70%);box-shadow:var(--shadow)}.hero-kicker{display:inline-flex}.hero-sub{margin-top:12px;max-width:60ch}.hero-metrics{display:flex;gap:14px;flex-wrap:wrap}.metric{border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 4%);border-radius:var(--radius-lg);padding:10px 12px;min-width:160px}.metric-num{font-weight:900}.metric-label{margin-top:4px}.anchor-section{scroll-margin-top:calc(var(--landing-nav-h) + 20px)}.price-card .price{font-size:2rem;font-weight:900}.price-card.featured{border-color:color-mix(in oklab,var(--accent),transparent 55%);box-shadow:0 18px 50px rgba(0,0,0,.22)}.bullets{margin:0;padding-left:18px;color:var(--muted)}.bullets li{margin:8px 0}.landing-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}.process-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.process-step:after{content:"";position:absolute;top:24px;left:calc(50% + 28px);width:calc(100% - 56px);height:2px;background:color-mix(in oklab,var(--accent),transparent 72%);z-index:0}.process-step:last-child:after,.process-step:nth-child(4n):after{display:none}.process-circle{position:relative;z-index:1;width:48px;height:48px;border-radius:999px;display:grid;place-items:center;font-weight:900;font-size:1rem;color:var(--text);background:var(--surface-2);border:2px solid var(--border);box-shadow:0 0 0 6px color-mix(in oklab,var(--bg),transparent 0%)}.process-step.active .process-circle{background:var(--accent);border-color:color-mix(in oklab,var(--accent),transparent 35%)}.process-card{margin-top:14px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.process-title{font-weight:800;color:var(--accent);margin-bottom:8px}.process-text{color:var(--muted);font-size:.92rem;line-height:1.5}.instruction-timeline{display:grid;gap:18px;position:relative}.instruction-step{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start}.instruction-marker{position:relative;display:flex;justify-content:center}.instruction-step:not(:last-child) .instruction-marker:after{content:"";position:absolute;top:52px;width:2px;height:calc(100% + 18px);background:color-mix(in oklab,var(--accent),transparent 75%)}.instruction-number{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;font-weight:900;color:var(--text);background:var(--accent);border:2px solid color-mix(in oklab,var(--accent),transparent 35%);box-shadow:0 0 0 6px color-mix(in oklab,var(--bg),transparent 0%);z-index:1}.instruction-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;position:relative}.instruction-content:before{content:"";position:absolute;left:-7px;top:16px;width:12px;height:12px;background:var(--surface);border-left:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg)}.instruction-title{font-weight:800;color:var(--accent);margin-bottom:6px}.instruction-text{color:var(--muted);font-size:.94rem;line-height:1.55}#clans,#demo,#events,#home,#intro,#leaderboard,#tasks{scroll-margin-top:calc(var(--landing-nav-h) + 20px)}.bg-dark-soft{background:color-mix(in oklab,var(--c-dark),transparent 40%)!important;border-color:color-mix(in oklab,var(--c-dark),transparent 20%)!important}.text-dark{color:var(--c-dark)!important}.border-brown{border-color:var(--c-brown)!important}.border-grey{border-color:var(--c-grey)!important}.border-dark{border-color:var(--c-dark)!important}.glow-brown{box-shadow:0 0 0 1px color-mix(in oklab,var(--c-brown),transparent 40%),0 12px 40px color-mix(in oklab,var(--c-brown),transparent 75%)!important}.glow-grey{box-shadow:0 0 0 1px color-mix(in oklab,var(--c-grey),transparent 40%),0 12px 40px color-mix(in oklab,var(--c-grey),transparent 75%)!important}.glow-dark{box-shadow:0 0 0 1px color-mix(in oklab,var(--c-dark),transparent 40%),0 12px 40px color-mix(in oklab,var(--c-dark),transparent 70%)!important}.gradient-orange{background:linear-gradient(135deg,#ffb066,var(--c-orange))!important;color:#fff!important}.bg-gold .card-title,.bg-gold-soft .card-title,.gradient-gold .card-title{color:var(--c-gold)!important}.bg-green .card-title,.bg-green-soft .card-title,.gradient-green .card-title{color:var(--c-green)!important}.bg-red .card-title,.bg-red-soft .card-title,.gradient-red .card-title{color:var(--c-red)!important}.bg-orange .card-title,.bg-orange-soft .card-title,.gradient-orange .card-title{color:var(--c-orange)!important}.bg-brown .card-title,.bg-brown-soft .card-title{color:var(--c-brown)!important}.bg-grey .card-title,.bg-grey-soft .card-title{color:var(--c-grey)!important}.bg-dark .card-title,.bg-dark-soft .card-title{color:#fff!important}.bg-brown *,.bg-dark *,.bg-gold *,.bg-green *,.bg-grey *,.bg-orange *,.bg-red *,.gradient-gold *,.gradient-green *,.gradient-orange *,.gradient-red *{color:inherit}.top-right{display:flex;justify-content:flex-end}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:14px}.quick-stats-grid .card{min-width:0}.quick-stats-grid .card-body{padding:18px 14px;text-align:center}.quick-stats-grid .stat-number{font-size:clamp(1.35rem,4vw,2rem);line-height:1.1;white-space:nowrap}.quick-stats-grid .text-sm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.how-step:not(:last-child):before{content:"";position:absolute;top:25px;left:calc(50% + 38px);width:calc(100% - 76px);height:2px;background:linear-gradient(90deg,rgba(90,94,230,.9),rgba(90,94,230,.25));z-index:1}.how-step:not(:last-child):after{content:"";position:absolute;top:20px;right:12px;width:10px;height:10px;border-top:2px solid var(--accent-2);border-right:2px solid var(--accent-2);transform:rotate(45deg);z-index:1}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.feature-card{position:relative;overflow:hidden;min-height:390px;padding:28px;border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(65,68,177,.08),transparent 45%),var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-4px);border-color:rgba(65,68,177,.55);box-shadow:0 18px 55px rgba(0,0,0,.28)}.feature-card.featured{background:radial-gradient(circle at top right,rgba(90,94,230,.26),transparent 38%),linear-gradient(180deg,rgba(65,68,177,.12),transparent 50%),var(--surface)}.feature-glow{position:absolute;inset:auto -40px -70px auto;width:180px;height:180px;border-radius:999px;background:rgba(65,68,177,.18);filter:blur(35px);pointer-events:none}.feature-icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 14px 34px rgba(65,68,177,.35);margin-bottom:22px}.feature-title{color:var(--accent-2);font-weight:900;font-size:1.15rem;margin-top:18px;margin-bottom:10px}.feature-text{color:var(--muted);line-height:1.65;margin:0 0 22px}.feature-tags{margin-top:auto;padding-top:18px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px}.feature-tags span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(65,68,177,.13);border:1px solid rgba(65,68,177,.35);color:#fff;font-size:.84rem;font-weight:800}.how-step-wide .how-card{position:relative}.how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px;align-items:stretch;overflow:hidden}.how-step{position:relative;min-width:0;display:flex;flex-direction:column}.how-step-wide{grid-column:auto!important}.how-icon{width:52px;height:52px;border-radius:999px;margin:0 auto 14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.15rem;box-shadow:0 12px 30px rgba(65,68,177,.35);position:relative;z-index:2}.how-number{text-transform:uppercase;font-size:.8rem;letter-spacing:.12em;margin-bottom:10px}.how-number,.how-title{color:var(--accent-2);font-weight:900}.how-title{text-transform:lowercase;line-height:1.25;margin-bottom:12px}.how-step:after,.how-step:before{display:none}.event-mode-split{align-items:stretch;width:100%;display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}.event-mode-arrow{align-items:center;justify-content:center;color:var(--accent-2);opacity:.8;display:none}.event-mode-card{background:rgba(65,68,177,.08);padding:13px 14px;border-radius:var(--radius);border:1px solid var(--border);text-align:left}.event-mode-card.public{border-color:rgba(46,204,113,.28);background:rgba(46,204,113,.08)}.event-mode-card.private{border-color:hsla(0,100%,71%,.28);background:hsla(0,100%,71%,.08)}.event-mode-label{color:#fff;text-transform:lowercase;display:flex;align-items:center;gap:8px;font-weight:900;font-size:.82rem;margin-bottom:6px}.event-mode-card.public .event-mode-label{color:#2ecc71}.event-mode-card.private .event-mode-label{color:#ff6b6b}.event-mode-text{color:var(--muted);font-size:.8rem;line-height:1.45}.how-step:not(:nth-child(3n)):before{display:block;opacity:.75;content:"";position:absolute;top:26px;left:calc(50% + 32px);width:calc(100% - 64px);height:2px;background:linear-gradient(90deg,rgba(90,94,230,.9),rgba(90,94,230,.2));z-index:1}.how-step:not(:nth-child(3n)):after{display:block;opacity:.75;content:"";position:absolute;top:21px;right:10px;width:10px;height:10px;border-top:2px solid var(--accent-2);border-right:2px solid var(--accent-2);transform:rotate(45deg);z-index:1}.how-card{min-width:0;height:100%;min-height:270px;padding:22px 20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.how-text{color:var(--muted);font-size:.92rem;line-height:1.55;margin:0}.how-result{margin-top:auto;width:100%;padding:10px 12px;border-radius:var(--radius);border:1px solid rgba(90,94,230,.25);background:rgba(90,94,230,.08);color:var(--accent-2);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem;font-weight:900}.how-result.success{color:#2ecc71;border-color:rgba(46,204,113,.28);background:rgba(46,204,113,.08)}.how-result.warning{color:#ffae42;border-color:rgba(255,174,66,.28);background:rgba(255,174,66,.08)}.how-tags{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.how-tags span{padding:5px 9px;border-radius:999px;font-size:.68rem;font-weight:800;color:var(--muted);border:1px solid var(--border);background:hsla(0,0%,100%,.03)}.feature-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}.feature-step{display:flex;flex-direction:column;min-width:0}.feature-step-icon{width:56px;height:56px;border-radius:16px;margin:0 0 -28px 30px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 18px 45px rgba(65,68,177,.35);position:relative;z-index:2}.feature-step-card{position:relative;overflow:hidden;height:100%;min-height:430px;padding:64px 30px 28px;border-radius:var(--radius-lg);background:radial-gradient(circle at bottom right,rgba(65,68,177,.18),transparent 38%),linear-gradient(180deg,rgba(65,68,177,.06),transparent 42%),var(--surface);border:1px solid var(--border);display:flex;flex-direction:column}.feature-step-card:before{content:"";position:absolute;width:170px;height:170px;right:-80px;bottom:-80px;border-radius:999px;background:rgba(90,94,230,.16);filter:blur(24px);pointer-events:none}.feature-step.is-featured .feature-step-card{border-color:rgba(90,94,230,.45);background:radial-gradient(circle at top right,rgba(141,108,255,.22),transparent 34%),radial-gradient(circle at bottom right,rgba(65,68,177,.24),transparent 42%),linear-gradient(180deg,rgba(90,94,230,.16),transparent 50%),var(--surface);box-shadow:0 20px 60px rgba(65,68,177,.16)}.feature-pill{width:100%;max-width:180px;padding:7px 12px;border-radius:999px;border:1px solid rgba(90,94,230,.38);background:rgba(65,68,177,.12);color:#fff;font-size:.72rem;font-weight:900;text-align:center}.feature-pill.solid{background:linear-gradient(90deg,var(--accent),var(--purple));border-color:transparent}.feature-step-title{color:var(--accent-2);font-size:1.25rem;font-weight:900;line-height:1.3;margin-top:22px;margin-bottom:14px}.feature-step-text{color:var(--muted);line-height:1.7;margin:0;font-size:1rem}.feature-tag-list{margin-top:auto;padding-top:26px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px}.feature-tag-list span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:900;color:#fff;border:1px solid rgba(90,94,230,.35);background:rgba(65,68,177,.14)}.feature-tag-list .tag-blue{color:#7bb8ff;background:rgba(60,156,242,.12);border-color:rgba(60,156,242,.32)}.feature-tag-list .tag-purple{color:#b49cff;background:rgba(141,108,255,.12);border-color:rgba(141,108,255,.34)}.feature-tag-list .tag-cyan{color:#35d5ff;background:rgba(53,213,255,.11);border-color:rgba(53,213,255,.3)}.feature-tag-list .tag-orange{color:#ffae42;background:rgba(255,174,66,.11);border-color:rgba(255,174,66,.3)}.feature-tag-list .tag-gold{color:#d6a93b;background:rgba(214,169,59,.12);border-color:rgba(214,169,59,.32)}.feature-tag-list .tag-green{color:#2fd180;background:rgba(47,209,128,.11);border-color:rgba(47,209,128,.3)}.feature-tag-list .tag-red{color:#ff6b6b;background:hsla(0,100%,71%,.11);border-color:hsla(0,100%,71%,.3)}.topbar-search{flex:1;min-width:0}.topbar-search .input{width:100%}.list-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:22px}.list-page-head>div:first-child{flex:0 0 260px}.list-page-actions{flex:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:12px;flex-wrap:wrap}.list-search{flex:1 1 360px;max-width:520px;width:auto}.list-page-actions .control{flex:0 0 150px}.ce-list{display:grid;gap:14px}.ce-list-item{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border-radius:var(--radius-lg);background:radial-gradient(circle at top left,rgba(65,68,177,.12),transparent 32%),var(--surface);border:1px solid var(--border);color:var(--text);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.ce-list-item:hover{transform:translateY(-2px);border-color:rgba(90,94,230,.42);box-shadow:0 12px 34px rgba(0,0,0,.22)}.ce-list-item.premium{background:radial-gradient(circle at top left,rgba(214,169,59,.2),transparent 34%),linear-gradient(90deg,rgba(214,169,59,.12),transparent 55%),var(--surface);border-color:rgba(214,169,59,.35)}.ce-list-item.event.active{background:radial-gradient(circle at top left,rgba(47,209,128,.12),transparent 32%),var(--surface);border-color:rgba(47,209,128,.22)}.ce-thumb{width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:900;flex:0 0 auto;border:1px solid hsla(0,0%,100%,.08)}.ce-thumb img{object-fit:cover}.event-thumb{font-size:1.25rem}.ce-main{min-width:0}.ce-title-row{display:flex;align-items:center;gap:10px;min-width:0}.ce-title{font-weight:900;color:var(--accent-2)}.ce-subtitle,.ce-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ce-subtitle{color:var(--text);opacity:.85;margin-top:4px}.ce-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:.82rem;margin-top:8px}.ce-meta span{position:relative}.ce-meta span:not(:last-child):after{content:"";position:absolute;right:-8px;top:50%;width:3px;height:3px;border-radius:999px;background:var(--muted);opacity:.55}.ce-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.ce-mini-icons{display:flex;gap:6px;padding:7px 10px;border-radius:10px;background:rgba(65,68,177,.14);border:1px solid rgba(90,94,230,.25)}:root{--landing-nav-h:88px;--c-gold:#d4a94d;--c-green:#3fbf6f;--c-red:#e05858;--c-orange:#e6903a;--c-brown:#8a5a3b;--c-grey:#8a90a3;--c-dark:#2a2e3d;--accent:#4144b1;--accent-2:#5a5ee6;--bg:#101319;--surface:#161a23;--surface-2:#1e2140;--text:#fff;--muted:#9aa0b5;--border:#232735;--success-bg:#1c3a2e;--warning-bg:#3a321c;--danger-bg:#3a1c1c;--ring:rgba(65,68,177,.35);--shadow:0 16px 50px rgba(0,0,0,.35);--radius:12px;--radius-lg:16px;--transition:.22s ease;--sidebar-w:240px;--sidebar-w-collapsed:72px;--topbar-h:64px;--container:1200px;--gold:#d6a93b;--green:#2fd180;--red:#ff5d5d;--orange:#ffae42;--brown:#9a6a3a;--grey:#8f96a8;--dark:#0d0f14;--blue:#3c9cf2;--purple:#8d6cff;--cyan:#35d5ff;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:350px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:soft-light;--theme-texture-filter:blur(1.5px);--surface-alpha:.96;--surface-2-alpha:.94;--surface-transparent:color-mix(in srgb,var(--surface) calc(var(--surface-alpha)*100%),transparent);--surface-2-transparent:color-mix(in srgb,var(--surface-2) calc(var(--surface-2-alpha)*100%),transparent)}[data-theme=dark]{--accent:#4144b1;--accent-2:#5a5ee6;--bg:#101319;--surface:#161a23;--surface-2:#1e2140;--text:#fff;--muted:#9aa0b5;--border:#232735;--ring:rgba(65,68,177,.35);--shadow:0 16px 50px rgba(0,0,0,.35);--success-bg:#1c3a2e;--warning-bg:#3a321c;--danger-bg:#3a1c1c;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=light]{--accent:#4144b1;--accent-2:#6770ff;--bg:#f4f6fb;--surface:#fff;--surface-2:#f0f2f8;--text:#1a1d25;--muted:#555b6a;--border:#dcdfea;--ring:rgba(65,68,177,.25);--shadow:0 16px 50px rgba(16,21,38,.12);--success-bg:#e9f7f0;--warning-bg:#fff6e0;--danger-bg:#ffe7ea;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=oldschool]{--accent:#c8a15a;--accent-2:#e5c57d;--bg:#1d1b18;--surface:#2a2621;--surface-2:#353028;--text:#efe8d7;--muted:#b8ab91;--border:#4c4336;--ring:rgba(200,161,90,.22);--shadow:0 18px 60px rgba(0,0,0,.55);--success-bg:#25352a;--warning-bg:#42351e;--danger-bg:#412321;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=obsidian]{--accent:#3a7fff;--accent-2:#7eb1ff;--bg:#050505;--surface:#0f0f0f;--surface-2:#171717;--text:#fff;--muted:#a5a5a5;--border:#252525;--ring:rgba(58,127,255,.24);--shadow:0 20px 70px rgba(0,0,0,.72);--success-bg:#14291f;--warning-bg:#302710;--danger-bg:#301414;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=inferno]{--accent:#d93624;--accent-2:#ff5938;--bg:#070606;--surface:#121011;--surface-2:#1c1516;--text:#f7efec;--muted:#a9918d;--border:#3b1918;--ring:rgba(217,54,36,.3);--shadow:0 20px 70px rgba(0,0,0,.82);--success-bg:#172b23;--warning-bg:#34240f;--danger-bg:#351316;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=blood]{--accent:#c72f4c;--accent-2:#ff607a;--bg:#130609;--surface:#210d12;--surface-2:#32131a;--text:#fff3f5;--muted:#c7969f;--border:#54222d;--ring:rgba(199,47,76,.28);--shadow:0 20px 70px rgba(0,0,0,.72);--success-bg:#172a22;--warning-bg:#35230f;--danger-bg:#3d111b;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=ice]{--accent:#48d4ff;--accent-2:#b2f4ff;--bg:#07141c;--surface:#0e2632;--surface-2:#173845;--text:#f5fdff;--muted:#9cc8d3;--border:#2d4d5a;--ring:rgba(72,212,255,.25);--shadow:0 20px 70px rgba(0,0,0,.58);--success-bg:#15352c;--warning-bg:#3a321c;--danger-bg:#3a1c25;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=toxic]{--accent:#54ff7a;--accent-2:#b4ff55;--bg:#08120f;--surface:#11211b;--surface-2:#193127;--text:#f2fff7;--muted:#92c8a2;--border:#294437;--ring:rgba(84,255,122,.22);--shadow:0 20px 70px rgba(0,0,0,.6);--success-bg:#153e28;--warning-bg:#3d3616;--danger-bg:#3a1b1b;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=twisted]{--accent:#a36bff;--accent-2:#65e5ff;--bg:#100a19;--surface:#1c122a;--surface-2:#291a3d;--text:#fbf6ff;--muted:#b3a0ca;--border:#3e2858;--ring:rgba(163,107,255,.28);--shadow:0 20px 70px rgba(0,0,0,.62);--success-bg:#16352e;--warning-bg:#3b2d18;--danger-bg:#3c1828;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=xeric]{--accent:#54e5d5;--accent-2:#d2b36a;--bg:#071513;--surface:#102522;--surface-2:#173631;--text:#effffa;--muted:#91b9b2;--border:#28504a;--ring:rgba(84,229,213,.25);--shadow:0 20px 70px rgba(0,0,0,.6);--success-bg:#163b31;--warning-bg:#3e351d;--danger-bg:#3a1b1d;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=toa]{--accent:#9e63ff;--accent-2:#f4c35d;--bg:#160f0b;--surface:#261a12;--surface-2:#342419;--text:#fff8ed;--muted:#c2aa8b;--border:#50402e;--ring:rgba(158,99,255,.28);--shadow:0 20px 70px rgba(0,0,0,.65);--success-bg:#1c3527;--warning-bg:#493718;--danger-bg:#421c1d;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=varlamore]{--accent:#f4b942;--accent-2:#49cfc2;--bg:#1a0e0a;--surface:#2b1711;--surface-2:#3b2118;--text:#fff7e9;--muted:#c99f80;--border:#573426;--ring:rgba(244,185,66,.27);--shadow:0 20px 70px rgba(0,0,0,.58);--success-bg:#1e3b2d;--warning-bg:#493718;--danger-bg:#43201c;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=prifddinas]{--accent:#52e5ff;--accent-2:#d776ff;--bg:#0c0b1d;--surface:#181530;--surface-2:#242046;--text:#f9f7ff;--muted:#aaa7ce;--border:#38345e;--ring:rgba(82,229,255,.25);--shadow:0 20px 70px rgba(0,0,0,.62);--success-bg:#17362f;--warning-bg:#3d3219;--danger-bg:#3b192c;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=corrupted-gauntlet]{--accent:#ff365c;--accent-2:#ff51cb;--bg:#160509;--surface:#2a0b12;--surface-2:#3c111c;--text:#fff4f7;--muted:#d198a6;--border:#5e2230;--ring:rgba(255,54,92,.3);--shadow:0 20px 75px rgba(0,0,0,.74);--success-bg:#173226;--warning-bg:#402c15;--danger-bg:#49101c;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=gauntlet]{--accent:#39c6ff;--accent-2:#a17aff;--bg:#071225;--surface:#0e2140;--surface-2:#162f57;--text:#f0f8ff;--muted:#91afd0;--border:#27466d;--ring:rgba(57,198,255,.27);--shadow:0 20px 70px rgba(0,0,0,.62);--success-bg:#17352e;--warning-bg:#3c311a;--danger-bg:#391b2b;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=barrows]{--accent:#8da653;--accent-2:#b2774d;--bg:#11100b;--surface:#1d1d15;--surface-2:#29291e;--text:#f1f1df;--muted:#aaa990;--border:#414331;--ring:rgba(141,166,83,.25);--shadow:0 20px 70px rgba(0,0,0,.7);--success-bg:#233621;--warning-bg:#3b321a;--danger-bg:#3a211c;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=lunar]{--accent:#5dcfff;--accent-2:#e18cff;--bg:#0c0a20;--surface:#171435;--surface-2:#24204d;--text:#faf7ff;--muted:#aaa5d1;--border:#37325f;--ring:rgba(93,207,255,.25);--shadow:0 20px 70px rgba(0,0,0,.63);--success-bg:#17372f;--warning-bg:#3d3119;--danger-bg:#3c1a31;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=arceuus]{--accent:#ad64ff;--accent-2:#a4edbd;--bg:#100818;--surface:#1e102b;--surface-2:#2b173d;--text:#fcf5ff;--muted:#b5a0c2;--border:#432758;--ring:rgba(173,100,255,.27);--shadow:0 20px 70px rgba(0,0,0,.68);--success-bg:#19392e;--warning-bg:#3d3018;--danger-bg:#3d182c;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=guthix]{--accent:#65c94f;--accent-2:#c2aa6b;--bg:#0d140b;--surface:#172216;--surface-2:#223121;--text:#f3fff0;--muted:#99b294;--border:#354b32;--ring:rgba(101,201,79,.25);--shadow:0 20px 70px rgba(0,0,0,.58);--success-bg:#1c4128;--warning-bg:#40351a;--danger-bg:#3d211d;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=saradomin]{--accent:#4ba3ff;--accent-2:#e2edff;--bg:#08111d;--surface:#102138;--surface-2:#192f4c;--text:#f7fbff;--muted:#9eb3cc;--border:#294663;--ring:rgba(75,163,255,.26);--shadow:0 20px 70px rgba(0,0,0,.58);--success-bg:#17382e;--warning-bg:#3d331b;--danger-bg:#3a1d27;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=zamorak]{--accent:#e53636;--accent-2:#ff873d;--bg:#140506;--surface:#250b0d;--surface-2:#371013;--text:#fff4f4;--muted:#c99393;--border:#562125;--ring:rgba(229,54,54,.29);--shadow:0 20px 75px rgba(0,0,0,.74);--success-bg:#173125;--warning-bg:#432b13;--danger-bg:#441015;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=bandos]{--accent:#b58a45;--accent-2:#a9473e;--bg:#111109;--surface:#202015;--surface-2:#2e2e1e;--text:#f6f2df;--muted:#aaa68c;--border:#47452d;--ring:rgba(181,138,69,.25);--shadow:0 20px 70px rgba(0,0,0,.68);--success-bg:#243621;--warning-bg:#403319;--danger-bg:#3d211b;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=soul-wars]{--accent:#469bff;--accent-2:#f04f61;--bg:#0b0e14;--surface:#161b24;--surface-2:#202836;--text:#f5f8ff;--muted:#9ca8ba;--border:#323c4d;--ring:rgba(70,155,255,.26);--shadow:0 20px 70px rgba(0,0,0,.64);--success-bg:#17352c;--warning-bg:#3d3219;--danger-bg:#3e1921;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=wilderness]{--accent:#e04848;--accent-2:#74a851;--bg:#0d110e;--surface:#181d18;--surface-2:#232a23;--text:#f5f7f2;--muted:#9fa99f;--border:#374138;--ring:rgba(224,72,72,.27);--shadow:0 20px 75px rgba(0,0,0,.74);--success-bg:#213b27;--warning-bg:#3f351a;--danger-bg:#40191b;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=rune]{--accent:#3d9bdc;--accent-2:#9bcff1;--bg:#08121b;--surface:#102433;--surface-2:#193447;--text:#f1f9ff;--muted:#94afc1;--border:#29495c;--ring:rgba(61,155,220,.26);--shadow:0 20px 70px rgba(0,0,0,.6);--success-bg:#17382d;--warning-bg:#3c321a;--danger-bg:#3b1b24;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}[data-theme=third-age]{--accent:#c8c9c3;--accent-2:#4f6654;--bg:#090b0a;--surface:#171a18;--surface-2:#232724;--text:#f0f0eb;--muted:#a5aaa4;--border:#343b36;--ring:rgba(200,201,195,.22);--shadow:0 22px 80px rgba(0,0,0,.76);--success-bg:#1d3225;--warning-bg:#393222;--danger-bg:#362020;--theme-texture:none;--theme-texture-opacity:0;--theme-texture-size:340px;--theme-texture-position:0 0;--theme-texture-repeat:repeat;--theme-texture-blend:normal;--theme-texture-filter:none}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border) var(--surface);background:var(--bg)}body,html{text-transform:lowercase;min-height:100%}body{padding-top:0;line-height:1.55;transition:background .25s ease,color .25s ease;font-family:Lexend,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;position:relative;background:var(--bg);color:var(--text)}body:before{z-index:0;background-image:var(--theme-texture);background-repeat:var(--theme-texture-repeat);background-position:var(--theme-texture-position);background-size:var(--theme-texture-size);opacity:var(--theme-texture-opacity);mix-blend-mode:var(--theme-texture-blend);filter:var(--theme-texture-filter);transition:opacity var(--transition),background-image var(--transition),background-size var(--transition)}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{z-index:1;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent) 10%,transparent),transparent 52%),linear-gradient(to bottom,rgba(0,0,0,.16),rgba(0,0,0,.38))}.app{min-height:100vh;display:flex;position:relative;z-index:2}a{color:inherit}a,a:hover{text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{max-width:var(--container);margin:0 auto;padding:24px}.text-muted{color:var(--muted)}.text-sm{font-size:.88rem}.component-demo{min-width:0}.accordion{display:grid;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.accordion-item{border-bottom:1px solid var(--border)}.accordion-item:last-child{border-bottom:0}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border:0;background:transparent;color:var(--text);font:inherit;font-weight:900;text-align:left;cursor:pointer;transition:background var(--transition),color var(--transition)}.accordion-trigger>span{display:flex;align-items:center;gap:10px}.accordion-trigger>span i{color:var(--accent-2)}.accordion-trigger:hover{background:color-mix(in oklab,var(--surface-2),transparent 20%)}.accordion-item.open .accordion-trigger{color:var(--accent-2);background:color-mix(in oklab,var(--accent),transparent 90%)}.accordion-chevron{flex:0 0 auto;transition:transform var(--transition)}.accordion-item.open .accordion-chevron{transform:rotate(180deg)}.accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition)}.accordion-item.open .accordion-panel{grid-template-rows:1fr}.accordion-content{min-height:0;overflow:hidden;color:var(--muted);line-height:1.6}.accordion-item.open .accordion-content{padding:16px;border-top:1px solid var(--border)}.segmented-control{width:fit-content;max-width:100%;gap:4px;padding:5px;overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:color-mix(in oklab,var(--surface),#000 5%)}.segment,.segmented-control{display:inline-flex;align-items:center}.segment{min-height:36px;justify-content:center;gap:8px;padding:8px 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:.86rem;font-weight:900;white-space:nowrap;cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition)}.segment:hover{color:var(--text);background:var(--surface-2)}.segment.active{color:var(--text);border-color:color-mix(in oklab,var(--accent),transparent 55%);background:color-mix(in oklab,var(--accent),transparent 82%)}.btn-group{display:inline-flex;align-items:stretch}.btn-group .btn{border-radius:0;margin-left:-1px}.btn-group .btn:first-child{margin-left:0;border-radius:10px 0 0 10px}.btn-group .btn:last-child{border-radius:0 10px 10px 0}.btn-group .btn.active{position:relative;z-index:1;border-color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 78%);color:var(--text)}.progress-ring{--progress:0;--ring-color:var(--accent);position:relative;width:124px;height:124px;display:grid;place-items:center;border-radius:999px;background:conic-gradient(var(--ring-color) calc(var(--progress)*1%),color-mix(in oklab,var(--border),transparent 5%) 0);box-shadow:0 0 0 1px var(--border),0 14px 34px rgba(0,0,0,.2)}.progress-ring:before{content:"";position:absolute;inset:10px;border-radius:inherit;border:1px solid var(--border);background:var(--surface)}.progress-ring.success{--ring-color:var(--green)}.progress-ring.warning{--ring-color:var(--orange)}.progress-ring.danger{--ring-color:var(--red)}.progress-ring-inner{position:relative;z-index:1;display:grid;justify-items:center;text-align:center}.progress-ring-inner strong{color:var(--text);font-size:1.25rem;line-height:1}.progress-ring-inner i{color:var(--ring-color);font-size:1.6rem}.progress-ring-inner span{margin-top:5px;color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.meter-list{display:grid;gap:20px}.meter-item{display:grid;gap:9px}.meter-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.meter{height:12px;overflow:hidden;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.meter.segmented{height:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;overflow:visible;border:0;border-radius:0;background:transparent}.meter.segmented span{height:10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.meter.segmented span.filled{border-color:color-mix(in oklab,var(--green),transparent 45%);background:var(--green)}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.copy-field .control{min-width:0}.copy-field-btn.copied{border-color:color-mix(in oklab,var(--green),transparent 45%);background:color-mix(in oklab,var(--green),transparent 84%);color:var(--green)}.command-palette kbd,.context-menu kbd,.shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:24px;padding:0 7px;border:solid var(--border);border-width:1px 1px 2px;border-radius:7px;background:var(--surface-2);color:var(--muted);font-family:inherit;font-size:.68rem;font-weight:900;line-height:1}.command-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:start center;padding:min(14vh,120px) 16px 24px;background:rgba(0,0,0,.68);backdrop-filter:blur(5px)}.command-overlay[hidden]{display:none}.command-palette{width:min(640px,100%);max-height:min(680px,calc(100vh - 48px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:radial-gradient(circle at top right,color-mix(in oklab,var(--accent),transparent 82%),transparent 34%),var(--surface);box-shadow:var(--shadow)}.command-search{min-height:60px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--border)}.command-search>i{color:var(--accent-2);font-size:1.1rem}.command-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:1rem}.command-search input::placeholder{color:var(--muted)}.command-results{overflow-y:auto;padding:10px}.command-group{display:grid;gap:5px;margin-bottom:14px}.command-group:last-child{margin-bottom:0}.command-group-title{padding:7px 9px;color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.command-item{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.command-item.active,.command-item:hover{border-color:color-mix(in oklab,var(--accent),transparent 60%);background:color-mix(in oklab,var(--accent),transparent 86%)}.command-item[hidden]{display:none}.command-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--accent-2)}.command-main{min-width:0;display:grid}.command-main small,.command-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-main strong{color:var(--text)}.command-main small{margin-top:2px;color:var(--muted);font-size:.77rem}.command-empty{display:grid;justify-items:center;gap:7px;padding:42px 20px;text-align:center}.command-empty[hidden]{display:none}.command-empty i{color:var(--muted);font-size:1.8rem}.command-empty span{color:var(--muted);font-size:.85rem}.command-footer{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:10px 14px;border-top:1px solid var(--border);background:color-mix(in oklab,var(--surface),#000 5%);color:var(--muted);font-size:.7rem}.command-footer span{display:flex;align-items:center;gap:5px}.context-demo-area{min-height:180px;display:grid;place-items:center;align-content:center;padding:22px;border:1px dashed var(--border);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--surface-2),transparent 30%);text-align:center}.context-demo-area>i{margin-bottom:10px;color:var(--accent-2);font-size:1.8rem}.context-menu{position:fixed;z-index:11000;width:210px;padding:7px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.context-menu[hidden]{display:none}.context-menu-item{width:100%;display:grid;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--text);font:inherit;font-size:.85rem;text-align:left;cursor:pointer}.context-menu-item:hover{background:var(--surface-2)}.context-menu-item i{color:var(--accent-2)}.context-menu-item.danger,.context-menu-item.danger i{color:var(--red)}.context-menu-divider{height:1px;margin:6px 4px;background:var(--border)}@media (max-width:640px){.segmented-control{width:100%}.segment{flex:1 1 auto}.copy-field{grid-template-columns:1fr}.copy-field-btn{width:100%}.command-overlay{padding:76px 12px 12px}.command-palette{max-height:calc(100vh - 88px)}.command-footer{display:none}}.number-stepper{width:fit-content;display:grid;grid-template-columns:42px 74px 42px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.number-stepper-btn{display:grid;place-items:center;border:0;background:var(--surface-2);color:var(--text);cursor:pointer;transition:background var(--transition),color var(--transition)}.number-stepper-btn:hover{background:color-mix(in oklab,var(--accent),transparent 82%);color:var(--accent-2)}.number-stepper-btn:disabled{opacity:.4;cursor:not-allowed}.number-stepper-input{width:100%;min-width:0;padding:10px 6px;border:0;border-right:1px solid var(--border);border-left:1px solid var(--border);outline:0;background:var(--surface);color:var(--text);font:inherit;font-weight:900;text-align:center;appearance:textfield}.number-stepper-input::-webkit-inner-spin-button,.number-stepper-input::-webkit-outer-spin-button{margin:0;appearance:none}.password-field{position:relative}.password-field .control{padding-right:48px}.password-toggle{position:absolute;top:50%;right:7px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;transform:translateY(-50%)}.password-toggle:hover{background:var(--surface-2);color:var(--text)}.password-strength{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.password-strength span{height:6px;border-radius:999px;background:var(--border);transition:background var(--transition),box-shadow var(--transition)}.password-strength[data-strength="1"] span:nth-child(-n+1){background:var(--red)}.password-strength[data-strength="2"] span:nth-child(-n+2){background:var(--orange)}.password-strength[data-strength="3"] span:nth-child(-n+3){background:var(--gold)}.password-strength[data-strength="4"] span:nth-child(-n+4){background:var(--green)}.otp-inputs{display:flex;gap:9px;flex-wrap:wrap}.otp-input{width:48px;height:54px;padding:0;border:1px solid var(--border);border-radius:12px;outline:0;background:var(--surface);color:var(--text);font:inherit;font-size:1.2rem;font-weight:900;text-align:center;transition:border-color var(--transition),box-shadow var(--transition)}.otp-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.otp-input.filled{border-color:color-mix(in oklab,var(--green),transparent 45%);background:color-mix(in oklab,var(--green),transparent 92%)}.rating{display:inline-flex;align-items:center;gap:5px}.rating-star{padding:3px;border:0;background:transparent;color:var(--border);font-size:1.65rem;cursor:pointer;transition:color var(--transition),transform var(--transition)}.rating-star:hover{transform:translateY(-2px) scale(1.08)}.rating-star.active,.rating-star.preview{color:var(--gold)}.inline-edit{padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.inline-edit-view{display:flex;align-items:center;justify-content:space-between;gap:18px}.inline-edit-label{color:var(--muted);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.inline-edit-value{margin-top:4px;color:var(--text);font-weight:900}.inline-edit-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.inline-edit-form[hidden]{display:none}.inline-edit-actions{display:flex;align-items:center;gap:8px}.carousel{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.carousel,.carousel-viewport{overflow:hidden}.carousel-track{display:flex;transition:transform .35s ease}.carousel-slide{min-width:100%;padding:18px}.carousel-demo{min-height:280px;display:grid;place-items:center;align-content:center;gap:10px;border-radius:var(--radius-lg);text-align:center}.carousel-demo i{font-size:2.4rem}.carousel-demo strong{font-size:1.35rem}.carousel-demo span{opacity:.8}.carousel-btn{position:absolute;top:50%;z-index:2;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:999px;background:color-mix(in oklab,var(--surface),transparent 8%);color:var(--text);box-shadow:var(--shadow);cursor:pointer;transform:translateY(-50%)}.carousel-btn:hover{border-color:var(--accent);background:var(--surface-2)}.carousel-btn.previous{left:28px}.carousel-btn.next{right:28px}.carousel-dots{position:absolute;right:0;bottom:30px;left:0;z-index:2;display:flex;justify-content:center;gap:8px}.carousel-dot{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:hsla(0,0%,100%,.42);cursor:pointer;transition:width var(--transition),background var(--transition)}.carousel-dot.active{width:26px;background:#fff}.split-panel{display:grid;grid-template-columns:minmax(180px,var(--split-position)) 10px minmax(180px,1fr);min-height:340px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.split-pane{min-width:0;padding:20px}.split-pane-left{background:color-mix(in oklab,var(--surface-2),transparent 25%)}.split-resizer{position:relative;display:grid;place-items:center;border-right:1px solid var(--border);border-left:1px solid var(--border);background:var(--surface-2);cursor:col-resize;touch-action:none}.split-resizer.dragging,.split-resizer:focus-visible,.split-resizer:hover{background:color-mix(in oklab,var(--accent),transparent 75%)}.split-resizer span{width:3px;height:42px;border-radius:999px;background:var(--muted);opacity:.7}.scroll-top-btn{position:fixed;right:22px;bottom:22px;z-index:100;width:46px;height:46px;display:grid;place-items:center;border:1px solid color-mix(in oklab,var(--accent),transparent 45%);border-radius:999px;background:var(--accent);color:#fff;box-shadow:var(--shadow);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity var(--transition),visibility var(--transition),transform var(--transition)}.scroll-top-btn.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn:hover{background:var(--accent-2)}@media (max-width:720px){.inline-edit-form{grid-template-columns:1fr}.inline-edit-actions{justify-content:flex-end}.carousel-slide{padding:10px}.carousel-demo{min-height:240px}.carousel-btn.previous{left:18px}.carousel-btn.next{right:18px}.split-panel{display:block;min-height:0}.split-pane{min-height:180px}.split-resizer{display:none}.split-pane-left{border-bottom:1px solid var(--border)}}@media (max-width:480px){.otp-inputs{gap:6px}.otp-input{width:42px;height:48px}.inline-edit-view{align-items:flex-start;flex-direction:column}.inline-edit-view .btn{width:100%}}.tree-view{display:grid;font-size:.9rem}.tree-node{min-width:0}.tree-row{width:100%;min-height:38px;display:grid;grid-template-columns:20px 22px minmax(0,1fr);align-items:center;gap:6px;padding:6px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.tree-row:hover{background:var(--surface-2)}.tree-row.active{border-color:color-mix(in oklab,var(--accent),transparent 55%);background:color-mix(in oklab,var(--accent),transparent 84%)}.tree-chevron{color:var(--muted);transition:transform var(--transition)}.tree-row.expanded .tree-chevron{transform:rotate(90deg)}.tree-icon{color:var(--accent-2)}.tree-spacer{width:20px}.tree-children{position:relative;margin-left:18px;padding-left:12px}.tree-children:before{content:"";position:absolute;top:0;bottom:8px;left:0;width:1px;background:var(--border)}.tree-children[hidden]{display:none}.wizard{display:grid;gap:22px}.wizard-progress{height:7px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.wizard-progress-bar{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .25s ease}.wizard-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wizard-step{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--muted);font:inherit;cursor:pointer}.wizard-step span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--surface-2);font-size:.78rem;font-weight:900}.wizard-step.active{border-color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 88%);color:var(--text)}.wizard-step.complete{border-color:color-mix(in oklab,var(--green),transparent 50%);color:var(--green)}.wizard-step.complete span{background:color-mix(in oklab,var(--green),transparent 75%)}.wizard-panel{min-height:150px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.wizard-panel[hidden]{display:none}.wizard-actions{gap:12px}.bulk-toolbar,.wizard-actions{display:flex;justify-content:space-between}.bulk-toolbar{align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid color-mix(in oklab,var(--accent),transparent 55%);border-radius:13px;background:color-mix(in oklab,var(--accent),transparent 88%)}.bulk-toolbar[hidden]{display:none}.checkbox-cell{width:48px;text-align:center!important}.checkbox-cell input{width:18px;height:18px;accent-color:var(--accent)}.bulk-table tr.selected{background:color-mix(in oklab,var(--accent),transparent 91%)}.upload-queue{display:grid;gap:10px}.upload-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.upload-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--accent-2)}.upload-main{min-width:0}.upload-name{overflow:hidden;color:var(--text);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.upload-meta{display:flex;justify-content:space-between;gap:10px;margin-top:4px;color:var(--muted);font-size:.75rem}.upload-progress{height:6px;margin-top:8px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.upload-progress-bar{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s ease}.upload-item.complete{border-color:color-mix(in oklab,var(--green),transparent 55%)}.upload-item.complete .upload-icon{color:var(--green)}.upload-remove{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}.upload-remove:hover{border-color:color-mix(in oklab,var(--red),transparent 40%);color:var(--red)}.snackbar{position:fixed;right:20px;bottom:20px;z-index:10000;width:min(460px,calc(100vw - 40px));display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow);animation:snackbar-in .2s ease}.snackbar[hidden]{display:none}.snackbar-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:color-mix(in oklab,var(--green),transparent 84%);color:var(--green)}.snackbar-content{min-width:0;display:grid}.snackbar-content span{margin-top:2px;color:var(--muted);font-size:.8rem}.snackbar-action,.snackbar-close{border:0;background:transparent;color:var(--accent-2);font:inherit;font-weight:900;cursor:pointer}.snackbar-close{color:var(--muted)}@keyframes snackbar-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:640px){.wizard-steps{grid-template-columns:1fr}.bulk-toolbar{align-items:stretch;flex-direction:column}.upload-item{grid-template-columns:38px minmax(0,1fr)}.upload-remove{grid-column:2;justify-self:start}.snackbar{right:12px;bottom:12px;left:12px;width:auto;grid-template-columns:38px minmax(0,1fr) auto}.snackbar-action{grid-column:2;justify-self:start}.snackbar-close{grid-column:3;grid-row:1}}.snackbar{overflow:hidden}.snackbar-demo-list{display:grid;gap:10px}.snackbar-demo-list .list-group-item{border:1px solid var(--border);border-radius:14px}.snackbar-timeout{position:absolute;right:0;bottom:0;left:0;height:3px;overflow:hidden;background:var(--surface-2)}.snackbar-timeout-bar{width:100%;height:100%;background:var(--accent-2);transform-origin:left}.snackbar.show .snackbar-timeout-bar{animation:snackbar-timeout 5s linear forwards}.snackbar-item-removing{opacity:0;transform:translateX(18px);transition:opacity .2s ease,transform .2s ease}.snackbar-item-restoring{animation:snackbar-item-restore .22s ease}@keyframes snackbar-timeout{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes snackbar-item-restore{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}.vertical-tabs{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);min-height:320px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.vertical-tab-list{display:grid;align-content:start;gap:5px;padding:10px;border-right:1px solid var(--border);background:color-mix(in oklab,var(--surface-2),transparent 25%)}.vertical-tab{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font:inherit;text-align:left;cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition)}.vertical-tab>i{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.vertical-tab>span{min-width:0;display:grid}.vertical-tab small,.vertical-tab strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vertical-tab small{margin-top:2px;color:var(--muted);font-size:.72rem}.vertical-tab:hover{color:var(--text);background:var(--surface)}.vertical-tab.active{border-color:color-mix(in oklab,var(--accent),transparent 55%);background:color-mix(in oklab,var(--accent),transparent 86%);color:var(--text)}.vertical-tab.active>i{border-color:color-mix(in oklab,var(--accent),transparent 40%);color:var(--accent-2)}.vertical-tab-content{min-width:0;padding:24px}.vertical-tab-panel[hidden]{display:none}.color-picker-demo{display:grid;gap:22px}.color-picker-preview{display:flex;align-items:center;gap:16px}.color-preview-box{--selected-color:var(--accent);width:84px;height:84px;flex:0 0 auto;display:grid;place-items:center;border:1px solid color-mix(in oklab,var(--selected-color),transparent 35%);border-radius:20px;background:color-mix(in oklab,var(--selected-color),transparent 15%);color:#fff;box-shadow:0 14px 36px color-mix(in oklab,var(--selected-color),transparent 72%)}.color-preview-box i{font-size:1.8rem}.color-swatches{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.color-swatch,.custom-color-swatch{width:44px;height:44px;position:relative;display:grid;place-items:center;padding:0;border:2px solid transparent;border-radius:13px;background:var(--swatch-color,var(--surface-2));cursor:pointer;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.color-swatch:hover,.custom-color-swatch:hover{transform:translateY(-2px)}.color-swatch.active{border-color:var(--text);box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--swatch-color)}.color-swatch.active:after{content:"✓";color:#fff;font-size:.85rem;font-weight:900;text-shadow:0 1px 4px rgba(0,0,0,.7)}.custom-color-swatch{overflow:hidden;border-color:var(--border);color:var(--muted)}.custom-color-swatch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.kanban-board{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px;overflow-x:auto;padding-bottom:5px}.kanban-column{min-width:260px;display:flex;flex-direction:column;padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--surface-2),transparent 20%)}.kanban-column-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 3px 12px}.kanban-column-head>div{display:flex;align-items:center;gap:8px}.kanban-dot{width:9px;height:9px;border-radius:999px;background:var(--muted)}.kanban-dot.todo{background:var(--grey)}.kanban-dot.progress-state{background:var(--blue)}.kanban-dot.complete{background:var(--green)}.kanban-list{min-height:180px;display:grid;align-content:start;gap:10px;border-radius:12px;transition:background var(--transition),outline-color var(--transition)}.kanban-list.drag-over{outline:2px dashed var(--accent);outline-offset:4px;background:color-mix(in oklab,var(--accent),transparent 92%)}.kanban-card{padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 8px 22px rgba(0,0,0,.12);cursor:grab;transition:transform var(--transition),border-color var(--transition),opacity var(--transition)}.kanban-card:hover{border-color:color-mix(in oklab,var(--accent),transparent 55%);transform:translateY(-2px)}.kanban-card.dragging{opacity:.45;cursor:grabbing}.kanban-card-footer,.kanban-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.kanban-card>strong{display:block;margin-top:10px}.kanban-card>p{margin-top:7px;line-height:1.5}.kanban-card-footer{margin-top:13px;padding-top:10px;border-top:1px solid var(--border)}.hover-card-demo-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hover-card-trigger-wrap{position:relative}.hover-card-trigger{display:inline-flex;align-items:center;gap:10px;padding:8px 11px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.hover-card-trigger>span:not(.avatar){display:grid}.hover-card-trigger small{color:var(--muted);font-size:.75rem}.hover-card-trigger.compact{color:var(--accent-2);font-weight:900}.hover-card{position:absolute;bottom:calc(100% + 12px);left:0;z-index:200;width:min(330px,calc(100vw - 32px));overflow:hidden;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.98);transform-origin:bottom left;transition:opacity var(--transition),visibility var(--transition),transform var(--transition)}.hover-card-trigger-wrap:focus-within .hover-card,.hover-card-trigger-wrap:hover .hover-card{opacity:1;visibility:visible;pointer-events:auto;transform:none}.hover-card-banner{height:72px}.hover-card-body{position:relative;padding:16px}.hover-card-avatar{margin-top:-46px;margin-bottom:10px;border:4px solid var(--surface)}.hover-card-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hover-card-body>p{margin:13px 0;line-height:1.5}.hover-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.hover-card-stats>div{display:grid;justify-items:center;padding:9px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.hover-card-stats span{margin-top:2px;color:var(--muted);font-size:.68rem}.file-hover-card{width:285px}.file-hover-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:11px;border-radius:13px;background:color-mix(in oklab,var(--accent),transparent 84%);color:var(--accent-2);font-size:1.35rem}.property-list{display:grid;gap:8px}.property-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:8px;border-bottom:1px solid var(--border);font-size:.8rem}.property-row:last-child{padding-bottom:0;border-bottom:0}.property-row>span{color:var(--muted)}@media (max-width:760px){.vertical-tabs{grid-template-columns:1fr}.vertical-tab-list{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto;border-right:0;border-bottom:1px solid var(--border)}.vertical-tab-content{padding:18px}.kanban-board{grid-template-columns:repeat(3,280px)}}@media (max-width:520px){.color-picker-preview{align-items:flex-start}.color-preview-box{width:66px;height:66px}.hover-card{position:fixed;right:12px;bottom:12px;left:12px;width:auto;transform-origin:bottom center}}.demo-calendar{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.demo-calendar-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border-bottom:1px solid var(--border)}.demo-calendar-title{min-width:0;display:grid;justify-items:center}.demo-calendar-title strong{font-size:1.05rem}.demo-calendar-grid,.demo-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.demo-calendar-weekdays{border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--surface-2),transparent 20%)}.demo-calendar-weekdays span{padding:10px 4px;color:var(--muted);font-size:.68rem;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.07em}.demo-calendar-day{position:relative;min-width:0;min-height:92px;display:flex;align-items:flex-start;justify-content:flex-start;padding:8px;border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:transparent;color:var(--text);font:inherit;cursor:pointer;transition:background var(--transition),box-shadow var(--transition)}.demo-calendar-day:nth-child(7n){border-right:0}.demo-calendar-day:hover{background:var(--surface-2)}.demo-calendar-day.outside{color:color-mix(in oklab,var(--muted),transparent 35%);background:color-mix(in oklab,var(--surface),#000 3%)}.demo-calendar-day.selected{background:color-mix(in oklab,var(--accent),transparent 86%);box-shadow:inset 0 0 0 2px var(--accent)}.demo-calendar-day-number{width:29px;height:29px;display:grid;place-items:center;border-radius:999px;font-size:.8rem;font-weight:900}.demo-calendar-day.today .demo-calendar-day-number{background:var(--accent);color:#fff}.demo-calendar-event-dots{position:absolute;right:8px;bottom:8px;left:8px;display:flex;align-items:center;gap:4px}.demo-calendar-event-dot{width:6px;height:6px;border-radius:999px;background:var(--accent-2)}.demo-calendar-event-dot.success{background:var(--green)}.demo-calendar-event-dot.warning{background:var(--orange)}.demo-calendar-footer{justify-content:space-between;padding:12px 14px;color:var(--muted);font-size:.8rem}.demo-calendar-footer,.demo-calendar-legend{display:flex;align-items:center;gap:14px}.demo-calendar-legend span{display:inline-flex;align-items:center;gap:6px}.calendar-legend-dot{width:8px;height:8px;border-radius:999px}.calendar-legend-dot.event{background:var(--accent-2)}.calendar-legend-dot.today{background:var(--accent)}.split-button{position:relative;display:inline-flex;align-items:stretch}.split-button-main{border-radius:10px 0 0 10px}.split-button-toggle{width:40px;padding-right:0;padding-left:0;border-left-color:color-mix(in oklab,currentColor,transparent 75%);border-radius:0 10px 10px 0}.split-button.open .split-button-toggle i{transform:rotate(180deg)}.split-button-toggle i{transition:transform var(--transition)}.split-button-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:300;width:270px;padding:7px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.split-button-menu[hidden]{display:none}.split-button-menu button{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:9px;border:0;border-radius:9px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.split-button-menu button:hover{background:var(--surface-2)}.split-button-menu button>i{color:var(--accent-2)}.split-button-menu button>span{min-width:0;display:grid}.split-button-menu small{margin-top:2px;color:var(--muted);font-size:.72rem}.inspector-demo-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.inspector-demo-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:color-mix(in oklab,var(--accent),transparent 84%);color:var(--accent-2);font-size:1.25rem}.inspector-overlay{position:fixed;inset:0;z-index:9490;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);opacity:0;transition:opacity var(--transition)}.inspector-overlay[hidden]{display:none}.inspector-overlay.show{opacity:1}.inspector-sheet{position:fixed;top:0;right:0;bottom:0;z-index:9500;width:min(430px,100vw);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-left:1px solid var(--border);background:var(--surface);box-shadow:-22px 0 60px rgba(0,0,0,.35);visibility:hidden;transform:translateX(100%);transition:transform .25s ease,visibility .25s ease}.inspector-sheet.open{visibility:visible;transform:none}.inspector-footer,.inspector-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px}.inspector-header{border-bottom:1px solid var(--border)}.inspector-title{color:var(--text);font-size:1.05rem;font-weight:950}.inspector-body{overflow-y:auto;padding:15px}.inspector-footer{border-top:1px solid var(--border);background:color-mix(in oklab,var(--surface),#000 4%)}.inspector-preview{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:14px}.inspector-preview-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;font-size:1.3rem}.inspector-section{padding:18px 0;border-bottom:1px solid var(--border)}.inspector-section:last-child{border-bottom:0}.inspector-section-title{margin-bottom:14px;color:var(--muted);font-size:.7rem;font-weight:950;text-transform:uppercase;letter-spacing:.09em}.inspector-property-list{display:grid;gap:10px}.inspector-property{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.82rem}.inspector-property>span{color:var(--muted)}@media (max-width:640px){.demo-calendar-day{min-height:62px;padding:5px}.demo-calendar-day-number{width:25px;height:25px;font-size:.72rem}.demo-calendar-event-dots{right:5px;bottom:5px;left:5px}.demo-calendar-footer{align-items:flex-start;flex-direction:column}.inspector-demo-card{grid-template-columns:44px minmax(0,1fr)}.inspector-demo-card .btn{grid-column:1/-1;width:100%}.inspector-footer .btn{flex:1}}.multi-select{position:relative;max-width:620px}.multi-select-control{width:100%;min-height:46px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.multi-select-control:focus-visible{border-color:var(--accent);outline:0;box-shadow:0 0 0 4px var(--ring)}.multi-select-control>i{color:var(--muted);transition:transform var(--transition)}.multi-select.open .multi-select-control>i{transform:rotate(180deg)}.multi-select-values{min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.multi-select-placeholder{padding:3px 2px;color:var(--muted)}.multi-select-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid color-mix(in oklab,var(--accent),transparent 55%);border-radius:999px;background:color-mix(in oklab,var(--accent),transparent 86%);color:var(--text);font-size:.76rem;font-weight:850}.multi-select-chip button{width:18px;height:18px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.multi-select-chip button:hover{background:var(--surface-2);color:var(--red)}.multi-select-menu{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:350;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.multi-select-menu[hidden]{display:none}.multi-select-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid var(--border)}.multi-select-search i{color:var(--accent-2)}.multi-select-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.multi-select-options{max-height:280px;overflow-y:auto;padding:7px}.multi-select-option{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:9px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.multi-select-option:hover{background:var(--surface-2)}.multi-select-option.selected{border-color:color-mix(in oklab,var(--accent),transparent 55%);background:color-mix(in oklab,var(--accent),transparent 88%)}.multi-select-check{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--border);border-radius:7px;color:transparent}.multi-select-option.selected .multi-select-check{border-color:var(--accent);background:var(--accent);color:#fff}.multi-select-option>span:last-child{min-width:0;display:grid}.multi-select-option small{margin-top:2px;color:var(--muted);font-size:.72rem}.multi-select-empty{padding:28px 16px;color:var(--muted);text-align:center}.multi-select-empty[hidden]{display:none}.multi-select-footer{display:flex;justify-content:space-between;gap:10px;padding:9px;border-top:1px solid var(--border)}.sortable-list{display:grid;gap:9px}.sortable-item{display:grid;grid-template-columns:38px 34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:13px;background:var(--surface);transition:opacity var(--transition),transform var(--transition),border-color var(--transition)}.sortable-item:hover{border-color:color-mix(in oklab,var(--accent),transparent 55%)}.sortable-item.dragging{opacity:.4;transform:scale(.99)}.sortable-item.drag-target{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.sortable-handle{width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;background:var(--surface-2);color:var(--muted);cursor:grab}.sortable-number{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:color-mix(in oklab,var(--accent),transparent 86%);color:var(--accent-2);font-size:.78rem;font-weight:900}.sortable-content{min-width:0;display:grid}.sortable-content span{margin-top:3px;overflow:hidden;color:var(--muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.sortable-actions{display:flex;gap:3px}.lightbox-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.lightbox-thumb{overflow:hidden;padding:0;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.lightbox-thumb>span{min-height:150px;display:grid;place-items:center}.lightbox-thumb>span i{color:hsla(0,0%,100%,.85);font-size:2rem}.lightbox-thumb>strong{display:block;padding:11px}.lightbox-thumb:hover{border-color:var(--accent);transform:translateY(-2px)}.lightbox-overlay{position:fixed;inset:0;z-index:12000;display:grid;grid-template-columns:auto minmax(0,960px) auto;align-items:center;gap:18px;padding:28px;background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}.lightbox-overlay[hidden]{display:none}.lightbox-dialog{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.lightbox-image{min-height:min(65vh,640px);display:grid;place-items:center}.lightbox-image i{color:hsla(0,0%,100%,.85);font-size:4rem}.lightbox-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;border-top:1px solid var(--border)}.lightbox-caption p{margin-top:4px}.lightbox-close,.lightbox-nav{display:grid;place-items:center;border:1px solid var(--border);border-radius:999px;background:color-mix(in oklab,var(--surface),transparent 10%);color:var(--text);cursor:pointer}.lightbox-close{position:fixed;top:20px;right:20px;width:44px;height:44px}.lightbox-nav{width:48px;height:48px}.lightbox-close:hover,.lightbox-nav:hover{border-color:var(--accent);background:var(--surface-2)}.comparison-slider{--comparison-position:50%;position:relative;min-height:400px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);user-select:none;touch-action:none}.comparison-layer{position:absolute;inset:0;overflow:hidden}.comparison-before{width:var(--comparison-position);z-index:2;border-right:2px solid #fff}.comparison-visual{position:absolute;inset:0;min-width:100%;display:grid;place-items:center;align-content:center;gap:10px;color:#fff;text-align:center}.comparison-before .comparison-visual{width:calc(10000%/var(--comparison-position-number, 50))}.comparison-visual.before{background:linear-gradient(rgba(0,0,0,.22),rgba(0,0,0,.22)),linear-gradient(135deg,#1f2937,#475569)}.comparison-visual.after{background:radial-gradient(circle at top right,hsla(0,0%,100%,.2),transparent 35%),linear-gradient(135deg,var(--accent),var(--purple))}.comparison-visual i{font-size:2.5rem}.comparison-visual strong{font-size:1.45rem}.comparison-visual span{opacity:.8}.comparison-handle{top:50%;left:var(--comparison-position);z-index:4;width:52px;height:52px;display:flex;align-items:center;justify-content:center;gap:3px;padding:0;border:3px solid #fff;background:var(--accent);box-shadow:0 10px 28px rgba(0,0,0,.35);cursor:ew-resize;transform:translate(-50%,-50%)}.comparison-handle,.comparison-label{position:absolute;border-radius:999px;color:#fff}.comparison-label{top:14px;z-index:3;padding:6px 9px;background:rgba(0,0,0,.58);font-size:.72rem;font-weight:900}.before-label{left:14px}.after-label{right:14px}@media (max-width:640px){.sortable-item{grid-template-columns:36px 30px minmax(0,1fr)}.sortable-actions{grid-column:3}.lightbox-overlay{grid-template-columns:1fr;padding:64px 12px 12px}.lightbox-nav{position:fixed;bottom:20px;z-index:2}.lightbox-nav.previous{left:20px}.lightbox-nav.next{right:20px}.lightbox-image{min-height:55vh}.comparison-slider{min-height:300px}}.rich-editor{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.rich-editor-toolbar{display:flex;align-items:center;gap:7px;padding:8px;overflow-x:auto;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--surface-2),transparent 20%)}.rich-editor-group{display:inline-flex;align-items:center;gap:3px;padding-left:7px;border-left:1px solid var(--border)}.rich-editor-toolbar button{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.rich-editor-toolbar button.active,.rich-editor-toolbar button:hover{border-color:var(--border);background:var(--surface);color:var(--text)}.rich-editor-select{min-height:34px;padding:5px 30px 5px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:.8rem}.rich-editor-content{min-height:260px;padding:20px;outline:0;color:var(--text);line-height:1.7}.rich-editor-content:focus{box-shadow:inset 0 0 0 2px var(--accent)}.rich-editor-content blockquote,.rich-editor-content h2,.rich-editor-content h3,.rich-editor-content ol,.rich-editor-content p,.rich-editor-content ul{margin:0 0 14px}.rich-editor-content blockquote{padding:10px 14px;border-left:3px solid var(--accent);background:var(--surface-2);color:var(--muted)}.rich-editor-content a{color:var(--accent-2);text-decoration:underline}.rich-editor-footer{display:flex;justify-content:flex-end;gap:16px;padding:9px 13px;border-top:1px solid var(--border);background:var(--surface-2)}.dual-range{display:grid;gap:18px}.dual-range-values{display:flex;justify-content:space-between;gap:16px}.dual-range-values>div{display:grid;gap:3px}.dual-range-values>div:last-child{text-align:right}.dual-range-track{position:relative;height:26px}.dual-range-fill,.dual-range-track:before{content:"";position:absolute;top:50%;right:0;left:0;height:7px;border-radius:999px;transform:translateY(-50%)}.dual-range-track:before{background:var(--surface-2)}.dual-range-fill{right:auto;left:20%;width:60%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.dual-range-track input[type=range]{position:absolute;inset:0;width:100%;height:26px;margin:0;pointer-events:none;appearance:none;background:transparent}.dual-range-track input[type=range]::-webkit-slider-thumb{width:22px;height:22px;border:3px solid var(--surface);border-radius:999px;background:var(--accent);box-shadow:0 0 0 1px var(--accent),0 5px 12px rgba(0,0,0,.25);pointer-events:auto;cursor:grab;appearance:none}.dual-range-track input[type=range]::-moz-range-thumb{width:18px;height:18px;border:3px solid var(--surface);border-radius:999px;background:var(--accent);box-shadow:0 0 0 1px var(--accent),0 5px 12px rgba(0,0,0,.25);pointer-events:auto;cursor:grab}.dual-range-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem}.data-table-demo{display:grid;gap:13px}.data-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.table-columns-menu{position:relative}.table-columns-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:400;min-width:210px;display:grid;gap:10px;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.table-columns-popover[hidden]{display:none}.table-columns-title{padding-bottom:9px;border-bottom:1px solid var(--border);color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.table-sort-button{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;cursor:pointer}.table-sort-button i{color:var(--muted);font-size:.75rem}.table-sort-button.sorted i{color:var(--accent-2)}.configurable-table.density-compact td,.configurable-table.density-compact th{padding-top:6px;padding-bottom:6px}.configurable-table.density-comfortable td,.configurable-table.density-comfortable th{padding-top:18px;padding-bottom:18px}.configurable-table [hidden]{display:none}.image-picker{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:start}.image-picker-preview{position:relative;width:180px;aspect-ratio:1;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--surface-2)}.image-picker-placeholder,.image-picker-preview img{width:100%;height:100%}.image-picker-placeholder{display:grid;place-items:center;color:var(--muted);font-size:3rem}.image-picker-preview img{object-fit:cover}.image-picker-remove{position:absolute;top:9px;right:9px;width:34px;height:34px;display:grid;place-items:center;border:1px solid hsla(0,0%,100%,.35);border-radius:999px;background:rgba(0,0,0,.65);color:#fff;cursor:pointer}.image-picker-content{min-width:0;display:grid;gap:16px}.image-picker-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.image-picker-meta[hidden]{display:none}.image-picker-meta>div{min-width:0;display:grid;gap:4px;padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.image-picker-meta span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.image-picker-meta strong{overflow:hidden;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}@media (max-width:680px){.rich-editor-toolbar{align-items:flex-start}.dual-range-scale span:nth-child(2n){display:none}.image-picker{grid-template-columns:1fr}.image-picker-preview{width:min(220px,100%)}.image-picker-meta{grid-template-columns:1fr}}.demo-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:14px}.demo-stat-card{min-width:0;overflow:hidden;padding:15px;border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at top right,color-mix(in oklab,var(--accent),transparent 91%),transparent 38%),var(--surface)}.demo-stat-footer,.demo-stat-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;font-size:1.1rem}.demo-stat-icon.info{background:color-mix(in oklab,var(--blue),transparent 84%);color:var(--blue)}.demo-stat-icon.success{background:color-mix(in oklab,var(--green),transparent 84%);color:var(--green)}.demo-stat-icon.warning{background:color-mix(in oklab,var(--orange),transparent 84%);color:var(--orange)}.demo-stat-icon.danger{background:color-mix(in oklab,var(--red),transparent 84%);color:var(--red)}.demo-stat-change{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;font-size:.72rem;font-weight:900}.demo-stat-change.positive{background:color-mix(in oklab,var(--green),transparent 86%);color:var(--green)}.demo-stat-change.negative{background:color-mix(in oklab,var(--red),transparent 86%);color:var(--red)}.demo-stat-change.neutral{background:var(--surface-2);color:var(--muted)}.demo-stat-value{margin-top:18px;color:var(--text);font-size:clamp(1.55rem,3vw,2rem);font-weight:950;letter-spacing:-.04em}.demo-stat-label{margin-top:3px;color:var(--muted);font-size:.82rem}.demo-stat-chart{height:64px;margin:14px -4px 8px;color:var(--blue)}.demo-stat-chart.success{color:var(--green)}.demo-stat-chart.warning{color:var(--orange)}.demo-stat-chart.danger{color:var(--red)}.demo-stat-chart svg{width:100%;height:100%;overflow:visible}.demo-stat-chart polyline{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.demo-stat-footer{padding-top:11px;border-top:1px solid var(--border);color:var(--muted);font-size:.74rem}.demo-stat-footer strong{color:var(--text)}.activity-demo{display:grid;gap:18px}.activity-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.activity-feed-list{position:relative;display:grid}.activity-feed-list:before{content:"";position:absolute;top:24px;bottom:24px;left:22px;width:1px;background:var(--border)}.activity-feed-item{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;padding:13px 0}.activity-feed-item[hidden]{display:none}.activity-feed-item.unread:after{content:"";position:absolute;top:16px;right:0;width:7px;height:7px;border-radius:999px;background:var(--accent-2)}.activity-feed-marker{position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;border:4px solid var(--surface);border-radius:999px;background:var(--surface-2);color:var(--accent-2)}.activity-feed-marker.system{color:var(--blue)}.activity-feed-marker.security{color:var(--green)}.activity-feed-content{min-width:0;padding:2px 0 12px}.activity-feed-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.activity-feed-head time{flex:0 0 auto;color:var(--muted);font-size:.72rem}.activity-feed-card{display:flex;align-items:center;gap:11px;margin-top:10px;padding:11px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.activity-feed-card>i{color:var(--accent-2);font-size:1.2rem}.activity-feed-meta{display:flex;gap:14px;margin-top:9px;color:var(--muted);font-size:.75rem;flex-wrap:wrap}.activity-feed-meta span{display:inline-flex;align-items:center;gap:5px}.activity-detail-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:9px;padding:0;border:0;background:transparent;color:var(--accent-2);font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}.activity-detail-toggle i{transition:transform var(--transition)}.activity-detail-toggle[aria-expanded=true] i{transform:rotate(180deg)}.activity-detail{margin-top:10px}.activity-detail[hidden]{display:none}.activity-detail .quote{margin:8px 0 0;font-size:.8rem}.activity-empty{display:grid;justify-items:center;gap:7px;padding:42px 20px;color:var(--muted);text-align:center}.activity-empty[hidden]{display:none}.activity-empty i{font-size:1.8rem}.filter-demo{display:grid;gap:13px}.filter-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(160px,auto);gap:10px}.filter-toolbar-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.filter-toolbar-search i{color:var(--muted)}.filter-toolbar-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.filter-count{min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--surface-2);font-size:.68rem}.filter-toggle-arrow{transition:transform var(--transition)}.filter-demo.open .filter-toggle-arrow{transform:rotate(180deg)}.filter-sort{min-width:160px}.filter-panel{padding:15px;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--surface-2),transparent 20%)}.filter-panel[hidden]{display:none}.filter-panel-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:14px;border-top:1px solid var(--border)}.active-filter-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.active-filter-row[hidden]{display:none}.active-filter-chips{display:flex;gap:7px;flex-wrap:wrap}.active-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid color-mix(in oklab,var(--accent),transparent 55%);border-radius:999px;background:color-mix(in oklab,var(--accent),transparent 88%);font-size:.75rem}.active-filter-chip span{color:var(--muted)}.active-filter-chip button{width:18px;height:18px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.active-filter-chip button:hover{background:var(--surface-2);color:var(--red)}.filter-results-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:90px;padding:16px;border:1px dashed var(--border);border-radius:var(--radius-lg)}.filter-results-preview strong{font-size:1.55rem}.filter-result-bars{width:min(360px,55%);display:grid;gap:8px}.filter-result-bars span{height:9px;border-radius:999px;background:var(--surface-2)}.filter-result-bars span:first-child{width:100%}.filter-result-bars span:nth-child(2){width:82%}.filter-result-bars span:nth-child(3){width:64%}.unsaved-action-bar{position:fixed;right:24px;bottom:24px;left:calc(var(--sidebar-w, 0px) + 24px);z-index:9000;max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px;border:1px solid color-mix(in oklab,var(--orange),transparent 50%);border-radius:16px;background:color-mix(in oklab,var(--surface),#000 3%);box-shadow:var(--shadow);animation:unsaved-bar-in .22s ease}.unsaved-action-bar[hidden]{display:none}.unsaved-action-status{min-width:0;display:flex;align-items:center;gap:11px}.unsaved-action-status>div{min-width:0;display:grid}.unsaved-action-status span:not(.unsaved-action-dot){margin-top:2px;color:var(--muted);font-size:.75rem}.unsaved-action-dot{width:11px;height:11px;flex:0 0 auto;border-radius:999px;background:var(--orange);box-shadow:0 0 0 5px color-mix(in oklab,var(--orange),transparent 84%)}.unsaved-action-buttons{display:flex;gap:8px;flex:0 0 auto}.unsaved-action-bar.saved{border-color:color-mix(in oklab,var(--green),transparent 50%)}.unsaved-action-bar.saved .unsaved-action-dot{background:var(--green);box-shadow:0 0 0 5px color-mix(in oklab,var(--green),transparent 84%)}@keyframes unsaved-bar-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width:1100px){.demo-stat-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}}@media (max-width:720px){.filter-toolbar{grid-template-columns:1fr auto}.filter-sort{grid-column:1/-1;width:100%}.unsaved-action-bar{right:12px;bottom:12px;left:12px}}@media (max-width:560px){.demo-stat-grid{grid-template-columns:1fr}.activity-feed-head,.activity-toolbar,.filter-results-preview{align-items:flex-start;flex-direction:column}.activity-feed-head time{margin-top:3px}.filter-toolbar{grid-template-columns:1fr}.filter-result-bars,.filter-sort,.filter-toolbar .btn{width:100%}.unsaved-action-bar{align-items:stretch;flex-direction:column}.unsaved-action-buttons{display:grid;grid-template-columns:1fr 1fr}}.preference-matrix{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.preference-matrix-head,.preference-matrix-row{display:grid;grid-template-columns:minmax(240px,1fr) repeat(3,minmax(86px,110px));align-items:stretch}.preference-matrix-head{border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--surface-2),transparent 15%)}.preference-column-toggle,.preference-matrix-label{min-height:48px;padding:11px 13px}.preference-matrix-label{display:flex;align-items:center;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.preference-column-toggle{display:grid;place-items:center;align-content:center;gap:4px;border:0;border-left:1px solid var(--border);background:transparent;color:var(--muted);font:inherit;font-size:.72rem;cursor:pointer}.preference-column-toggle:hover{background:var(--surface);color:var(--text)}.preference-matrix-row{border-bottom:1px solid var(--border)}.preference-matrix-row:last-of-type{border-bottom:0}.preference-row-label{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:12px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.preference-row-label:hover{background:var(--surface-2)}.preference-row-label>span:last-child{min-width:0;display:grid}.preference-row-label small{margin-top:3px;color:var(--muted);font-size:.74rem}.preference-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.preference-icon.info{background:color-mix(in oklab,var(--blue),transparent 84%);color:var(--blue)}.preference-icon.success{background:color-mix(in oklab,var(--green),transparent 84%);color:var(--green)}.preference-icon.warning{background:color-mix(in oklab,var(--orange),transparent 84%);color:var(--orange)}.preference-icon.danger{background:color-mix(in oklab,var(--red),transparent 84%);color:var(--red)}.matrix-check{display:grid;place-items:center;border-left:1px solid var(--border);cursor:pointer}.matrix-check:hover{background:var(--surface-2)}.matrix-check input{position:absolute;opacity:0;pointer-events:none}.matrix-check span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;color:transparent}.matrix-check input:checked+span{border-color:var(--accent);background:var(--accent);color:#fff}.matrix-check input:focus-visible+span{box-shadow:0 0 0 4px var(--ring)}.preference-matrix-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-top:1px solid var(--border);background:var(--surface-2)}.donut-demo{display:grid;grid-template-columns:minmax(260px,360px) minmax(260px,1fr);align-items:center;gap:28px}.donut-chart-wrap{position:relative;width:min(320px,100%);aspect-ratio:1;margin:0 auto}.donut-chart{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.donut-segment,.donut-track{fill:none;stroke-width:26}.donut-track{stroke:var(--surface-2)}.donut-segment{cursor:pointer;transition:stroke-width var(--transition),opacity var(--transition),filter var(--transition)}.segment-one{stroke:var(--accent)}.segment-two{stroke:var(--blue)}.segment-three{stroke:var(--orange)}.segment-four{stroke:var(--green)}.donut-chart.has-active .donut-segment:not(.active){opacity:.22}.donut-segment.active{stroke-width:32;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.donut-center{position:absolute;inset:25%;display:grid;place-items:center;align-content:center;border:1px solid var(--border);border-radius:999px;background:var(--surface);text-align:center}.donut-center strong{font-size:clamp(1.5rem,5vw,2.2rem)}.donut-center span{margin-top:4px;color:var(--muted);font-size:.78rem}.donut-legend{display:grid;gap:8px}.donut-legend-item{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.donut-legend-item.active,.donut-legend-item:hover{border-color:var(--border);background:var(--surface-2)}.donut-legend-item>span:nth-child(2){display:grid}.donut-legend-item small{margin-top:2px;color:var(--muted)}.donut-legend-color{width:11px;height:11px;border-radius:999px}.donut-legend-color.one{background:var(--accent)}.donut-legend-color.two{background:var(--blue)}.donut-legend-color.three{background:var(--orange)}.donut-legend-color.four{background:var(--green)}.advanced-pagination-demo{display:grid;gap:16px}.pagination-demo-list{display:grid;gap:7px}.pagination-demo-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.advanced-pagination{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(250px,1fr);align-items:center;gap:14px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2)}.advanced-pagination-summary{color:var(--muted);font-size:.78rem}.advanced-pagination-summary strong{color:var(--text)}.advanced-pagination-controls{display:flex;align-items:center;justify-content:center;gap:5px}.pagination-number-list{display:flex;gap:5px}.icon-page{width:36px;padding:0}.advanced-pagination-options{display:flex;align-items:center;justify-content:flex-end;gap:13px}.advanced-pagination-options label,.pagination-jump{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.75rem}.pagination-size-select{min-width:70px;padding:7px 28px 7px 8px}.pagination-jump .control{width:70px;padding:7px 8px}.expand-cell{width:48px;text-align:center!important}.expand-row-button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.expand-row-button:hover{background:var(--surface-2);color:var(--text)}.expand-row-button i{transition:transform var(--transition)}.expand-row-button[aria-expanded=true] i{transform:rotate(90deg)}.expandable-main-row.expanded{background:color-mix(in oklab,var(--accent),transparent 94%)}.expandable-detail-row[hidden]{display:none}.expandable-detail-row td{padding:0!important;background:color-mix(in oklab,var(--surface-2),transparent 25%)}.table-user-cell{display:flex;align-items:center;gap:9px}.table-user-cell>div{display:grid}.table-user-cell span{margin-top:2px;color:var(--muted);font-size:.72rem}.expanded-row-content{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.5fr) auto;align-items:start;gap:22px;padding:18px 22px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.expanded-row-section{min-width:0;display:grid;gap:5px}.expanded-item-list{display:grid;gap:8px}.expanded-item-list>div{display:flex;justify-content:space-between;gap:12px;font-size:.8rem}.expanded-row-actions{display:flex;gap:8px}@media (max-width:860px){.preference-matrix-head,.preference-matrix-row{grid-template-columns:minmax(190px,1fr) repeat(3,72px)}.advanced-pagination,.donut-demo{grid-template-columns:1fr}.advanced-pagination-options,.advanced-pagination-summary{justify-content:center;text-align:center}.expanded-row-content{grid-template-columns:1fr 1fr}.expanded-row-actions{grid-column:1/-1}}@media (max-width:620px){.preference-matrix{overflow-x:auto}.preference-matrix-head,.preference-matrix-row{min-width:620px}.preference-matrix-footer{align-items:flex-start;flex-direction:column}.advanced-pagination-options{align-items:stretch;flex-direction:column}.advanced-pagination-options label,.pagination-jump{justify-content:center}.pagination-number-list .page:nth-child(n+4):not(:last-child){display:none}.expanded-row-content{grid-template-columns:1fr}.expanded-row-actions{grid-column:auto;flex-direction:column}.expanded-row-actions .btn{width:100%}}.master-detail{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);min-height:540px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.master-detail-sidebar{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:color-mix(in oklab,var(--surface-2),transparent 25%)}.master-detail-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;margin:10px;padding:0 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.master-detail-search i{color:var(--muted)}.master-detail-search input{width:100%;min-height:40px;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.master-detail-list{display:grid;overflow-y:auto}.master-detail-item{position:relative;width:100%;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px;padding:12px;border:0;border-top:1px solid var(--border);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.master-detail-item:hover{background:var(--surface)}.master-detail-item.active{background:color-mix(in oklab,var(--accent),transparent 86%);box-shadow:inset 3px 0 0 var(--accent)}.master-detail-item.unread:after{content:"";position:absolute;top:16px;right:10px;width:7px;height:7px;border-radius:999px;background:var(--accent-2)}.master-detail-item-content{min-width:0;display:grid}.master-detail-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:11px}.master-detail-item-head time{color:var(--muted);font-size:.67rem}.master-detail-item-preview,.master-detail-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.master-detail-item-title{margin-top:4px;font-size:.82rem;font-weight:850}.master-detail-item-preview{margin-top:3px;color:var(--muted);font-size:.74rem}.master-detail-content{min-width:0;overflow-y:auto;padding:22px}.master-detail-panel[hidden]{display:none}.master-detail-panel-head,.master-detail-sender{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.master-detail-sender{align-items:center;margin-top:20px;padding-bottom:18px;border-bottom:1px solid var(--border)}.master-detail-sender>div{min-width:0;display:grid;margin-right:auto}.master-detail-sender span,.master-detail-sender time{color:var(--muted);font-size:.75rem}.master-detail-message{padding-top:18px;line-height:1.7}.master-detail-message ol,.master-detail-message p{margin:0 0 15px}.master-detail-empty{display:grid;justify-items:center;gap:6px;padding:38px 16px;color:var(--muted);text-align:center}.master-detail-empty[hidden]{display:none}.mention-composer{position:relative;max-width:760px;overflow:visible;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.mention-editor{min-height:150px;padding:15px;outline:0;color:var(--text);line-height:1.6}.mention-editor:focus{box-shadow:inset 0 0 0 2px var(--accent)}.mention-chip{display:inline;padding:2px 5px;border-radius:6px;background:color-mix(in oklab,var(--accent),transparent 82%);color:var(--accent-2);font-weight:850}.mention-menu{position:absolute;right:14px;bottom:58px;left:14px;z-index:500;max-height:280px;overflow-y:auto;padding:7px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.mention-menu[hidden]{display:none}.mention-menu-title{padding:7px 8px;color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.mention-option{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.mention-option.active,.mention-option:hover{border-color:color-mix(in oklab,var(--accent),transparent 60%);background:color-mix(in oklab,var(--accent),transparent 88%)}.mention-option>span:nth-child(2){min-width:0;display:grid}.mention-option small{color:var(--muted);font-size:.72rem}.mention-option[hidden]{display:none}.mention-empty{padding:24px 10px;color:var(--muted);text-align:center}.mention-empty[hidden]{display:none}.mention-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-top:1px solid var(--border);background:var(--surface-2)}.mention-composer-footer kbd{padding:2px 6px;border:1px solid var(--border);border-radius:5px;background:var(--surface);font-family:inherit}.diff-viewer{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:#0d1117}.diff-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-bottom:1px solid #30363d;background:#161b22;color:#f0f6fc}.diff-toolbar>div:first-child{display:grid}.diff-header{padding:8px 12px;background:rgba(56,139,253,.15);color:#8c959f;font-size:.76rem}.diff-header,.diff-line{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.diff-line{display:grid;grid-template-columns:48px 48px 28px minmax(0,1fr);min-height:30px;color:#c9d1d9;font-size:.8rem}.diff-line code,.diff-line>span{padding:5px 8px}.diff-new-number,.diff-old-number{border-right:1px solid rgba(240,246,252,.08);color:#6e7681;text-align:right;user-select:none}.diff-symbol{text-align:center;user-select:none}.diff-line code{overflow-x:auto;color:inherit;white-space:pre}.diff-code-line.added,.diff-line.added{background:rgba(46,160,67,.18)}.diff-code-line.removed,.diff-line.removed{background:rgba(248,81,73,.18)}.diff-line.added .diff-symbol{color:#56d364}.diff-line.removed .diff-symbol{color:#ff7b72}.diff-split{display:grid;grid-template-columns:1fr 1fr}.diff-split[hidden],.diff-unified[hidden]{display:none}.diff-pane:first-child{border-right:1px solid #30363d}.diff-pane-title{padding:8px 11px;color:#c9d1d9;font-size:.75rem;font-weight:900}.removed-title{background:rgba(248,81,73,.16)}.added-title{background:rgba(46,160,67,.16)}.diff-code-line{display:grid;grid-template-columns:48px minmax(0,1fr);min-height:30px;color:#c9d1d9;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.diff-code-line>span{padding:5px 8px;border-right:1px solid rgba(240,246,252,.08);color:#6e7681;text-align:right}.diff-code-line code{overflow-x:auto;padding:5px 8px;color:inherit;white-space:pre}.bottom-nav-demo{display:grid;place-items:center}.bottom-nav-phone{position:relative;width:min(420px,100%);min-height:560px;overflow:hidden;border:8px solid color-mix(in oklab,var(--surface-2),#000 20%);border-radius:34px;background:var(--bg);box-shadow:var(--shadow)}.bottom-nav-phone-content{min-height:560px;display:grid;place-items:center;padding:24px 20px 110px}.bottom-navigation{position:absolute;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:9px 7px 13px;border-top:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 5%);backdrop-filter:blur(15px)}.bottom-navigation-item{position:relative;min-width:0;min-height:54px;display:grid;place-items:center;align-content:center;gap:4px;padding:5px 3px;border:0;border-radius:11px;background:transparent;color:var(--muted);font:inherit;font-size:.66rem;cursor:pointer}.bottom-navigation-icon-wrap>i,.bottom-navigation-item>i{font-size:1.2rem}.bottom-navigation-item:hover{color:var(--text);background:var(--surface-2)}.bottom-navigation-item.active{color:var(--accent-2)}.bottom-navigation-item.primary{margin-top:-28px}.bottom-navigation-primary-icon{width:52px;height:52px;display:grid;place-items:center;border:5px solid var(--surface);border-radius:999px;background:var(--accent);color:#fff;box-shadow:0 9px 22px rgba(0,0,0,.28);font-size:1.35rem}.bottom-navigation-icon-wrap{position:relative;display:grid;place-items:center}.bottom-navigation-badge{position:absolute;top:-8px;right:-11px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border:2px solid var(--surface);border-radius:999px;background:var(--red);color:#fff;font-size:.57rem;font-weight:900}@media (max-width:760px){.master-detail{grid-template-columns:1fr}.master-detail-sidebar{max-height:340px;border-right:0;border-bottom:1px solid var(--border)}.master-detail-content{min-height:420px}.diff-split{grid-template-columns:1fr}.diff-pane:first-child{border-right:0;border-bottom:1px solid #30363d}}@media (max-width:520px){.master-detail-panel-head,.master-detail-sender{align-items:flex-start;flex-wrap:wrap}.master-detail-sender time{width:100%;padding-left:46px}.diff-line{grid-template-columns:34px 34px 22px minmax(0,1fr);font-size:.7rem}}.spotlight-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(220px,auto);gap:14px}.spotlight-card{--mouse-x:50%;--mouse-y:50%;position:relative;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,color-mix(in oklab,var(--surface),#fff 2%),var(--surface));box-shadow:0 20px 45px rgba(0,0,0,.16),inset 0 1px 0 hsla(0,0%,100%,.04);transform-style:preserve-3d;transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease}.spotlight-card:before{content:"";position:absolute;inset:0;z-index:0;padding:1px;border-radius:inherit;background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y),color-mix(in oklab,var(--accent-2),transparent 18%),transparent 42%);opacity:0;pointer-events:none;transition:opacity .25s ease;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.spotlight-card:hover:before{opacity:1}.spotlight-card:hover{border-color:color-mix(in oklab,var(--accent),transparent 50%);box-shadow:0 26px 60px rgba(0,0,0,.24),0 0 40px color-mix(in oklab,var(--accent),transparent 88%)}.spotlight-card-large{grid-column:span 2;grid-row:span 2;min-height:460px}.spotlight-card-wide{grid-column:span 2}.spotlight-card-glow{position:absolute;inset:0;z-index:0;background:radial-gradient(420px circle at var(--mouse-x) var(--mouse-y),color-mix(in oklab,var(--accent),transparent 82%),transparent 44%);opacity:0;pointer-events:none;transition:opacity .25s ease}.spotlight-card:hover .spotlight-card-glow{opacity:1}.spotlight-card-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding:22px;transform:translateZ(20px)}.spotlight-card h3{margin:18px 0 8px;color:var(--text);font-size:clamp(1.15rem,2vw,1.65rem);letter-spacing:-.035em}.spotlight-card p{max-width:560px;margin:0;color:var(--muted);line-height:1.65}.spotlight-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid color-mix(in oklab,currentColor,transparent 65%);border-radius:15px;font-size:1.25rem;box-shadow:0 12px 26px rgba(0,0,0,.18)}.spotlight-card-content>.badge{position:absolute;top:23px;right:23px}.spotlight-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:auto 0 20px}.spotlight-card-metrics>div{display:grid;gap:3px;padding:12px;border:1px solid var(--border);border-radius:13px;background:color-mix(in oklab,var(--surface-2),transparent 12%)}.spotlight-card-metrics strong{color:var(--text);font-size:1.15rem}.spotlight-card-metrics span{color:var(--muted);font-size:.7rem}.spotlight-orbit{position:absolute;top:-80px;right:-70px;width:300px;height:300px;opacity:.65;pointer-events:none}.orbit-ring{position:absolute;inset:0;border:1px solid color-mix(in oklab,var(--accent-2),transparent 70%);border-radius:999px}.orbit-ring-two{inset:48px}.orbit-dot{position:absolute;width:10px;height:10px;border-radius:999px;background:var(--accent-2);box-shadow:0 0 22px var(--accent-2)}.orbit-dot-one{top:15px;left:50%;animation:spotlight-orbit-one 9s linear infinite}.orbit-dot-two{top:50%;right:44px;animation:spotlight-orbit-two 7s linear infinite reverse}.orbit-dot-three{right:22px;bottom:68px;animation:spotlight-pulse 2s ease-in-out infinite}@keyframes spotlight-orbit-one{0%{transform:rotate(0deg) translateX(140px) rotate(0deg)}to{transform:rotate(1turn) translateX(140px) rotate(-1turn)}}@keyframes spotlight-orbit-two{0%{transform:rotate(0deg) translateX(95px) rotate(0deg)}to{transform:rotate(1turn) translateX(95px) rotate(-1turn)}}@keyframes spotlight-pulse{50%{opacity:.35;transform:scale(1.6)}}.spotlight-mini-status{margin-top:auto;padding-top:18px}.spotlight-device-stack{position:relative;min-height:104px;margin-top:auto}.spotlight-device{position:absolute;bottom:0;overflow:hidden;border:2px solid color-mix(in oklab,var(--text),transparent 72%);background:var(--surface-2);box-shadow:0 14px 28px rgba(0,0,0,.24)}.spotlight-device span{display:block;margin:8px;border-radius:5px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.spotlight-device.desktop{right:0;width:145px;height:90px;border-radius:9px}.spotlight-device.desktop span{height:70px}.spotlight-device.tablet{right:112px;width:68px;height:86px;border-radius:9px}.spotlight-device.tablet span{height:66px}.spotlight-device.phone{right:170px;width:42px;height:76px;border-radius:10px}.spotlight-device.phone span{height:56px;margin:7px 5px}.spotlight-chart{position:relative;height:160px;margin-top:auto;color:var(--accent-2)}.spotlight-chart svg{width:100%;height:100%;overflow:visible}.spotlight-chart-area{fill:url(#spotlightChartFill)}.spotlight-chart-line{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 8px color-mix(in oklab,currentColor,transparent 40%))}.spotlight-chart-point{position:absolute;width:11px;height:11px;border:3px solid var(--surface);border-radius:999px;background:var(--accent-2);box-shadow:0 0 0 3px var(--ring)}.spotlight-chart-point.point-one{top:48%;left:36%}.spotlight-chart-point.point-two{top:21%;left:70%}.spotlight-chart-point.point-three{top:10%;right:2%}.spotlight-theme-swatches{display:flex;margin-top:auto;padding-top:20px}.spotlight-theme-swatches button{width:42px;height:42px;margin-left:-8px;border:4px solid var(--surface);border-radius:999px;background:var(--swatch);box-shadow:0 8px 18px rgba(0,0,0,.22);cursor:pointer;transition:transform .2s ease}.spotlight-theme-swatches button:first-child{margin-left:0}.spotlight-theme-swatches button:hover{z-index:2;transform:translateY(-7px) scale(1.08)}.dock-demo-stage{position:relative;min-height:540px;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:radial-gradient(circle at 30% 10%,color-mix(in oklab,var(--accent),transparent 74%),transparent 36%),linear-gradient(145deg,color-mix(in oklab,var(--bg),#000 4%),var(--bg))}.dock-demo-background{position:absolute;inset:0;display:grid;place-items:center;padding:42px 42px 130px}.dock-demo-window{width:min(880px,100%);height:340px;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:color-mix(in oklab,var(--surface),transparent 10%);box-shadow:0 40px 90px rgba(0,0,0,.34);opacity:.72}.dock-demo-window-head{height:40px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--border)}.dock-demo-window-head span{width:9px;height:9px;border-radius:999px;background:var(--muted)}.dock-demo-window-body{height:calc(100% - 40px);display:grid;grid-template-columns:150px 1fr}.dock-demo-sidebar{border-right:1px solid var(--border);background:var(--surface-2)}.dock-demo-content{display:grid;align-content:start;gap:12px;padding:26px}.dock-demo-content>span{height:12px;border-radius:999px;background:var(--surface-2)}.dock-demo-content>span:first-child{width:42%}.dock-demo-content>span:nth-child(2){width:72%}.dock-demo-content>span:nth-child(3){width:54%}.dock-demo-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.dock-demo-panels i{height:125px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.command-dock{position:absolute;right:50%;bottom:30px;z-index:5;display:flex;align-items:flex-end;gap:8px;padding:9px;border:1px solid color-mix(in oklab,var(--border),#fff 7%);border-radius:22px;background:color-mix(in oklab,var(--surface),transparent 10%);box-shadow:0 26px 60px rgba(0,0,0,.38),inset 0 1px hsla(0,0%,100%,.06);backdrop-filter:blur(18px);transform:translateX(50%)}.command-dock-item{position:relative;padding:0;border:0;background:transparent;cursor:pointer}.command-dock-icon{position:relative;width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--border);border-radius:15px;background:var(--surface-2);color:var(--muted);font-size:1.2rem;box-shadow:0 8px 18px rgba(0,0,0,.18);transition:transform .16s ease,border-color .16s ease,color .16s ease}.command-dock-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.command-dock-item.active .command-dock-icon,.command-dock-item:hover .command-dock-icon{border-color:color-mix(in oklab,var(--accent),transparent 38%);color:var(--accent-2);transform:translateY(-13px) scale(1.24)}.command-dock-item:hover .command-dock-primary{color:#fff}.command-dock-tooltip{position:absolute;bottom:calc(100% + 18px);left:50%;padding:6px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.7rem;font-weight:850;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,6px);transition:opacity .16s ease,visibility .16s ease,transform .16s ease}.command-dock-item:hover .command-dock-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.command-dock-badge{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px;border:2px solid var(--surface);border-radius:999px;background:var(--red);color:#fff;font-size:.62rem;font-weight:900}.command-dock-expanded{position:absolute;right:50%;bottom:calc(100% + 16px);width:230px;display:grid;gap:6px;padding:8px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow);transform:translateX(50%)}.command-dock-expanded[hidden]{display:none}.command-dock-expanded button{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:9px;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.command-dock-expanded button:hover{background:var(--surface-2)}.command-dock-expanded i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:color-mix(in oklab,var(--accent),transparent 84%);color:var(--accent-2)}.dock-demo-output{position:absolute;top:22px;right:22px;z-index:3;padding:8px 11px;border:1px solid var(--border);border-radius:10px;background:color-mix(in oklab,var(--surface),transparent 10%);color:var(--muted);font-size:.75rem;backdrop-filter:blur(12px)}.dock-demo-output strong{color:var(--text)}.device-preview-demo{overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--surface)}.device-preview-footer,.device-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px}.device-preview-toolbar{border-bottom:1px solid var(--border);background:var(--surface-2)}.device-preview-footer{border-top:1px solid var(--border);color:var(--muted);font-size:.72rem;flex-wrap:wrap}.device-preview-footer strong{color:var(--text)}.device-preview-stage{min-height:690px;display:grid;place-items:center;overflow:auto;padding:38px;background:linear-gradient(45deg,color-mix(in oklab,var(--border),transparent 68%) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in oklab,var(--border),transparent 68%) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in oklab,var(--border),transparent 68%) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in oklab,var(--border),transparent 68%) 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.device-frame{position:relative;width:min(1120px,100%);aspect-ratio:16/9;padding:13px;border:2px solid color-mix(in oklab,var(--text),transparent 62%);border-radius:18px;background:#090b10;box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 0 0 1px hsla(0,0%,100%,.08);transition:width .32s ease,aspect-ratio .32s ease,border-radius .32s ease}.device-preview-demo[data-device=tablet] .device-frame{width:720px;aspect-ratio:4/3;border-radius:28px}.device-preview-demo[data-device=phone] .device-frame{width:360px;aspect-ratio:9/18.5;border-radius:38px}.device-preview-demo.rotated[data-device=tablet] .device-frame{width:880px;aspect-ratio:3/2}.device-preview-demo.rotated[data-device=phone] .device-frame{width:720px;aspect-ratio:18.5/9;border-radius:28px}.device-frame-camera{display:none}.device-preview-demo[data-device=phone] .device-frame-camera{position:absolute;top:7px;left:50%;z-index:3;width:86px;height:22px;display:block;border-radius:999px;background:#050608;transform:translateX(-50%)}.device-screen{width:100%;height:100%;overflow:hidden;border-radius:10px;background:#11141b}.device-preview-demo[data-device=tablet] .device-screen{border-radius:17px}.device-preview-demo[data-device=phone] .device-screen{border-radius:27px}.preview-app{--preview-bg:#101319;--preview-surface:#171b24;--preview-surface-2:#202631;--preview-text:#f5f7fb;--preview-muted:#8f99aa;--preview-border:#303846;--preview-accent:#6366f1;width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:auto;background:var(--preview-bg);color:var(--preview-text);font-family:inherit}.device-preview-demo[data-preview-theme=light] .preview-app{--preview-bg:#f5f7fb;--preview-surface:#fff;--preview-surface-2:#edf0f6;--preview-text:#121621;--preview-muted:#6c7484;--preview-border:#d8dce5}.preview-app-header{min-height:58px;display:flex;align-items:center;gap:24px;padding:0 22px;border-bottom:1px solid var(--preview-border);background:var(--preview-surface)}.preview-app-brand{display:flex;align-items:center;gap:8px}.preview-app-logo{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--preview-accent);color:#fff}.preview-app-nav{display:flex;gap:18px;margin:0 auto;color:var(--preview-muted);font-size:.7rem}.preview-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:var(--preview-surface-2);color:var(--preview-text);font-size:.65rem;font-weight:900}.preview-app-main{overflow:auto;padding:22px}.preview-app-hero{display:flex;justify-content:space-between;gap:18px}.preview-app-kicker{color:var(--preview-accent);font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.preview-app-hero h3{margin:4px 0;font-size:1.5rem}.preview-app-hero p{margin:0;color:var(--preview-muted);font-size:.72rem}.preview-app-hero button{align-self:center;padding:9px 13px;border:0;border-radius:8px;background:var(--preview-accent);color:#fff;font-size:.68rem;font-weight:800}.preview-app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.preview-app-stats article,.preview-chart-card,.preview-list-card{border:1px solid var(--preview-border);border-radius:12px;background:var(--preview-surface)}.preview-app-stats article{display:grid;gap:4px;padding:14px}.preview-app-stats span{color:var(--preview-muted);font-size:.62rem}.preview-app-stats strong{font-size:1.15rem}.preview-app-stats i{color:#22c55e;font-size:.6rem;font-style:normal}.preview-app-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-top:12px}.preview-chart-card,.preview-list-card{min-height:245px;padding:14px}.preview-card-head{display:flex;justify-content:space-between;gap:10px;font-size:.68rem}.preview-card-head span{color:var(--preview-muted);font-size:.58rem}.preview-chart-bars{height:170px;display:flex;align-items:flex-end;gap:8px;margin-top:20px}.preview-chart-bars i{flex:1;height:var(--height);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--preview-accent),color-mix(in oklab,var(--preview-accent),transparent 65%))}.preview-list-row{display:grid;grid-template-columns:30px 1fr;gap:8px;margin-top:13px;padding-bottom:11px;border-bottom:1px solid var(--preview-border)}.preview-list-row:last-child{border-bottom:0}.preview-list-icon{width:30px;height:30px;border-radius:9px;background:var(--preview-accent)}.preview-list-icon.two{background:#22c55e}.preview-list-icon.three{background:#f97316}.preview-list-row div{display:grid;gap:3px}.preview-list-row strong{font-size:.62rem}.preview-list-row small{color:var(--preview-muted);font-size:.54rem}.device-preview-demo[data-device=tablet] .preview-app-nav,.preview-mobile-nav{display:none}.device-preview-demo[data-device=tablet] .preview-app-grid{grid-template-columns:1fr}.device-preview-demo[data-device=phone] .preview-app{grid-template-rows:auto minmax(0,1fr) auto}.device-preview-demo[data-device=phone] .preview-app-header{min-height:52px;padding:0 14px}.device-preview-demo[data-device=phone] .preview-app-nav{display:none}.device-preview-demo[data-device=phone] .preview-app-main{padding:15px}.device-preview-demo[data-device=phone] .preview-app-hero{display:grid}.device-preview-demo[data-device=phone] .preview-app-hero button{width:100%}.device-preview-demo[data-device=phone] .preview-app-grid,.device-preview-demo[data-device=phone] .preview-app-stats{grid-template-columns:1fr}.device-preview-demo[data-device=phone] .preview-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);padding:12px;border-top:1px solid var(--preview-border);background:var(--preview-surface);color:var(--preview-muted);text-align:center}.device-preview-demo[data-device=phone] .preview-mobile-nav .active{color:var(--preview-accent)}.device-preview-demo.preview-fullscreen{position:fixed;inset:0;z-index:15000;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:0;border-radius:0}.device-preview-demo.preview-fullscreen .device-preview-stage{min-height:0}@media (max-width:1050px){.spotlight-bento{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.spotlight-bento{grid-template-columns:1fr}.spotlight-card-large,.spotlight-card-wide{grid-column:auto;grid-row:auto}.spotlight-card-large{min-height:420px}.dock-demo-stage{min-height:500px}.dock-demo-background{padding:25px 18px 130px}.command-dock{gap:5px}.command-dock-icon{width:46px;height:46px}.device-preview-toolbar{align-items:stretch;flex-direction:column}.device-preview-toolbar .segmented-control{width:100%}.device-preview-toolbar .segment{flex:1}.device-preview-stage{min-height:570px;padding:22px 12px}}@media (prefers-reduced-motion:reduce){.command-dock-icon,.device-frame,.orbit-dot,.spotlight-card{animation:none!important;transition-duration:.01ms!important}}.holo-map{--holo-cyan:#22d3ee;--holo-blue:#3b82f6;--holo-purple:#8b5cf6;--holo-pink:#d946ef;--holo-green:#22c55e;--holo-orange:#f97316;position:relative;min-height:760px;overflow:hidden;border:1px solid color-mix(in oklab,var(--holo-cyan),transparent 72%);border-radius:24px;background:radial-gradient(circle at 50% 42%,rgba(37,99,235,.14),transparent 38%),radial-gradient(circle at 12% 10%,rgba(6,182,212,.1),transparent 28%),linear-gradient(145deg,#040711,#080d1c 55%,#050816);box-shadow:inset 0 0 90px rgba(34,211,238,.04),0 35px 90px rgba(0,0,0,.34);color:#e8f7ff}.holo-toolbar{position:absolute;top:0;right:0;left:0;z-index:50;min-height:58px;grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr);gap:18px;padding:9px 12px;border-bottom:1px solid rgba(34,211,238,.18);background:rgba(4,8,20,.72);box-shadow:0 12px 32px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.holo-search,.holo-toolbar{display:grid;align-items:center}.holo-search{max-width:340px;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;min-height:38px;padding:0 10px;border:1px solid rgba(34,211,238,.2);border-radius:11px;background:rgba(11,20,42,.72)}.holo-search>i{color:var(--holo-cyan)}.holo-search input{width:100%;border:0;outline:0;background:transparent;color:#ecfeff;font:inherit;font-size:.8rem}.holo-search input::placeholder{color:#65758c}.holo-search kbd{padding:3px 6px;border:1px solid rgba(148,163,184,.22);border-radius:6px;background:rgba(148,163,184,.08);color:#75849a;font:inherit;font-size:.58rem}.holo-toolbar-center{display:grid;justify-items:center;gap:2px}.holo-system-status{display:inline-flex;align-items:center;gap:7px;color:#d9fbff;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.holo-system-status>i{width:7px;height:7px;border-radius:999px;background:var(--holo-green);box-shadow:0 0 0 4px rgba(34,197,94,.12),0 0 16px var(--holo-green);animation:holo-status-pulse 1.8s ease-in-out infinite}.holo-coordinate{color:#53637a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.58rem}.holo-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.holo-tool-button{min-width:36px;height:36px;display:inline-grid;place-items:center;padding:0 9px;border:1px solid rgba(34,211,238,.18);border-radius:10px;background:rgba(12,22,44,.72);color:#8191a8;font:inherit;font-size:.74rem;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.holo-tool-button:hover{border-color:rgba(34,211,238,.55);background:rgba(34,211,238,.1);color:var(--holo-cyan);box-shadow:0 0 20px rgba(34,211,238,.12)}.holo-toolbar-divider{width:1px;height:24px;margin:0 3px;background:rgba(148,163,184,.18)}.holo-stage{position:absolute;inset:58px 0 0;overflow:hidden;outline:0;cursor:grab;touch-action:none}.holo-stage.dragging{cursor:grabbing}.holo-grid-floor{inset:-45% -35% -20%;z-index:0;background-image:linear-gradient(rgba(34,211,238,.08) 1px,transparent 0),linear-gradient(90deg,rgba(34,211,238,.08) 1px,transparent 0);background-size:52px 52px;mask-image:radial-gradient(ellipse at center,#000 5%,transparent 74%);transform:perspective(700px) rotateX(58deg) translateY(24%);transform-origin:center center}.holo-grid-floor,.holo-scan-line{position:absolute;pointer-events:none}.holo-scan-line{top:-10%;right:0;left:0;z-index:20;height:120px;background:linear-gradient(180deg,transparent,rgba(34,211,238,.03),rgba(34,211,238,.16),rgba(34,211,238,.03),transparent);opacity:.65;animation:holo-scan 8s linear infinite}.holo-vignette{z-index:25;background:radial-gradient(ellipse at center,transparent 44%,rgba(1,3,10,.62) 100%)}.holo-particle-field,.holo-vignette{position:absolute;inset:0;pointer-events:none}.holo-particle-field{z-index:1;overflow:hidden}.holo-particle-field i{position:absolute;top:var(--y);left:var(--x);width:var(--size);height:var(--size);border-radius:999px;background:var(--holo-cyan);box-shadow:0 0 12px var(--holo-cyan);opacity:.45;animation:holo-particle-float 7s ease-in-out infinite,holo-particle-flicker 2.3s ease-in-out infinite;animation-delay:var(--delay)}.holo-world{position:absolute;top:50%;left:50%;z-index:5;width:1500px;height:950px;transform-origin:0 0;will-change:transform}.holo-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.holo-connection-flow,.holo-connection-glow,.holo-connection-line{fill:none;vector-effect:non-scaling-stroke}.holo-connection-glow{stroke:rgba(34,211,238,.14);stroke-width:8;filter:blur(4px)}.holo-connection-line{stroke:url(#holoLineGradient);stroke-width:1.5;opacity:.48;filter:url(#holoGlow)}.holo-connection-flow{stroke:#e0fbff;stroke-width:2;stroke-linecap:round;stroke-dasharray:3 28;opacity:.75;animation:holo-flow 2.8s linear infinite}.holo-connection-group.dimmed{opacity:.12}.holo-connection-group.active .holo-connection-line{stroke-width:2.8;opacity:1}.holo-connection-group.active .holo-connection-glow{stroke:rgba(34,211,238,.34)}.holo-node{--node-color:var(--holo-cyan);position:absolute;top:var(--node-y);left:var(--node-x);z-index:8;width:220px;min-height:92px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid color-mix(in srgb,var(--node-color),transparent 62%);border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--node-color),rgba(4,10,25,.9) 92%),rgba(5,12,28,.88));color:#e8f7ff;font:inherit;text-align:left;box-shadow:0 18px 45px rgba(0,0,0,.34),0 0 28px color-mix(in srgb,var(--node-color),transparent 87%),inset 0 1px hsla(0,0%,100%,.04);cursor:grab;transform:translate(-50%,-50%) scale(1);backdrop-filter:blur(14px);transition:opacity .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease;will-change:left,top,transform}.holo-node.active,.holo-node:hover{z-index:15;border-color:color-mix(in srgb,var(--node-color),#fff 14%);box-shadow:0 24px 60px rgba(0,0,0,.42),0 0 42px color-mix(in srgb,var(--node-color),transparent 72%),inset 0 0 24px color-mix(in srgb,var(--node-color),transparent 92%)}.holo-node.active{outline:1px solid color-mix(in srgb,var(--node-color),#fff 25%);outline-offset:5px}.holo-node.dragging{z-index:30;cursor:grabbing;transition:none}.holo-node.search-hidden{opacity:.08;filter:grayscale(1);pointer-events:none}.holo-node.search-match{z-index:20;animation:holo-search-match 1.2s ease-in-out infinite}.holo-node.core{--node-color:#67e8f9;width:258px;min-height:112px}.holo-node.cyan{--node-color:var(--holo-cyan)}.holo-node.blue{--node-color:var(--holo-blue)}.holo-node.green{--node-color:var(--holo-green)}.holo-node.purple{--node-color:var(--holo-purple)}.holo-node.orange{--node-color:var(--holo-orange)}.holo-node.pink{--node-color:var(--holo-pink)}.holo-node-icon{position:relative;z-index:2;width:52px;height:52px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--node-color),transparent 46%);border-radius:15px;background:color-mix(in srgb,var(--node-color),transparent 84%);color:var(--node-color);font-size:1.25rem;box-shadow:0 0 22px color-mix(in srgb,var(--node-color),transparent 78%),inset 0 0 14px color-mix(in srgb,var(--node-color),transparent 85%)}.holo-node-copy{min-width:0;display:grid;gap:3px}.holo-node-copy small,.holo-node-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holo-node-copy strong{color:#ecfeff;font-size:.83rem}.holo-node-copy small{color:#718198;font-size:.64rem}.holo-node-health{align-self:start;display:inline-flex;align-items:center;gap:5px;color:#8b9bb1;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.58rem}.holo-node-health i{width:6px;height:6px;border-radius:999px;background:var(--node-color);box-shadow:0 0 9px var(--node-color)}.holo-node-pulse{inset:-1px;border:1px solid var(--node-color);border-radius:inherit;opacity:0;animation:holo-node-pulse 3.2s ease-out infinite}.holo-node-orbit,.holo-node-pulse{position:absolute;pointer-events:none}.holo-node-orbit{top:50%;left:26px;width:84px;height:84px;border:1px solid color-mix(in srgb,var(--node-color),transparent 72%);border-radius:999px}.orbit-one{animation:holo-node-orbit 5s linear infinite}.orbit-two{width:68px;height:68px;animation:holo-node-orbit 3.8s linear infinite reverse}.holo-reticle{position:absolute;z-index:18;width:280px;height:138px;pointer-events:none;opacity:1;transform:translate(-50%,-50%);transition:left .22s ease,top .22s ease,width .22s ease,height .22s ease}.holo-reticle i{position:absolute;width:22px;height:22px;border-color:var(--holo-cyan);opacity:.85}.holo-reticle i:first-child{top:0;left:0;border-top:2px solid;border-left:2px solid}.holo-reticle i:nth-child(2){top:0;right:0;border-top:2px solid;border-right:2px solid}.holo-reticle i:nth-child(3){bottom:0;left:0;border-bottom:2px solid;border-left:2px solid}.holo-reticle i:nth-child(4){right:0;bottom:0;border-right:2px solid;border-bottom:2px solid}.holo-minimap{position:absolute;right:16px;bottom:16px;z-index:35;width:190px;overflow:hidden;border:1px solid rgba(34,211,238,.2);border-radius:13px;background:rgba(4,9,22,.82);box-shadow:0 16px 38px rgba(0,0,0,.34);backdrop-filter:blur(16px)}.holo-minimap-head{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-bottom:1px solid rgba(34,211,238,.14);color:#708198;font-size:.59rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.holo-minimap-head i{color:var(--holo-cyan)}.holo-minimap-stage{position:relative;height:112px;background:linear-gradient(rgba(34,211,238,.04) 1px,transparent 0),linear-gradient(90deg,rgba(34,211,238,.04) 1px,transparent 0);background-size:14px 14px}.holo-minimap-stage>span{position:absolute;width:7px;height:7px;border-radius:999px;background:var(--holo-cyan);box-shadow:0 0 8px var(--holo-cyan);transform:translate(-50%,-50%)}.holo-minimap-viewport{position:absolute;border:1px solid rgba(103,232,249,.8);background:rgba(34,211,238,.05);pointer-events:none}.holo-help{position:absolute;bottom:16px;left:16px;z-index:35;display:flex;gap:12px;padding:8px 10px;border:1px solid rgba(34,211,238,.14);border-radius:10px;background:rgba(4,9,22,.72);color:#617188;font-size:.58rem;backdrop-filter:blur(12px)}.holo-help span{display:inline-flex;align-items:center;gap:5px}.holo-inspector{position:absolute;top:70px;right:12px;bottom:140px;z-index:45;width:320px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(34,211,238,.2);border-radius:17px;background:linear-gradient(145deg,rgba(9,18,39,.94),rgba(4,10,25,.94));box-shadow:0 24px 60px rgba(0,0,0,.42),inset 0 0 32px rgba(34,211,238,.025);backdrop-filter:blur(20px);visibility:hidden;opacity:0;transform:translateX(28px);transition:opacity .22s ease,visibility .22s ease,transform .22s ease}.holo-inspector.open{visibility:visible;opacity:1;transform:none}.holo-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid rgba(34,211,238,.14)}.holo-inspector-head h3{margin:3px 0 0;color:#ecfeff;font-size:1rem}.holo-inspector-body{overflow-y:auto;padding:14px}.holo-inspector-identity{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:11px}.holo-inspector-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(34,211,238,.34);border-radius:15px;background:rgba(34,211,238,.09);color:var(--holo-cyan);font-size:1.25rem;box-shadow:0 0 24px rgba(34,211,238,.1)}.holo-inspector-identity>div{display:grid;gap:5px}.holo-inspector-identity strong{font-size:.78rem}.holo-inspector-description{margin:15px 0;color:#8292a8;font-size:.75rem;line-height:1.6}.holo-inspector-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.holo-inspector-metrics article{padding:11px;border:1px solid rgba(34,211,238,.12);border-radius:12px;background:rgba(16,28,54,.52)}.holo-inspector-metrics span{display:block;color:#687991;font-size:.6rem}.holo-inspector-metrics strong{display:block;margin-top:5px;color:#ecfeff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1rem}.holo-meter{height:5px;margin-top:9px;overflow:hidden;border-radius:999px;background:rgba(148,163,184,.12)}.holo-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--holo-cyan),var(--holo-purple));box-shadow:0 0 12px var(--holo-cyan);transition:width .4s ease}.holo-signal-bars{height:22px;display:flex;align-items:flex-end;gap:3px;margin-top:6px}.holo-signal-bars i{width:4px;border-radius:2px 2px 0 0;background:var(--holo-green);box-shadow:0 0 6px var(--holo-green)}.holo-signal-bars i:first-child{height:28%}.holo-signal-bars i:nth-child(2){height:48%}.holo-signal-bars i:nth-child(3){height:72%}.holo-signal-bars i:nth-child(4){height:100%}.holo-waveform{margin-top:13px;padding:11px;border:1px solid rgba(34,211,238,.12);border-radius:12px;background:rgba(8,16,35,.68)}.holo-waveform-head{display:flex;justify-content:space-between;gap:10px;color:#687991;font-size:.59rem}.holo-waveform-head strong{color:var(--holo-green);text-transform:uppercase;letter-spacing:.07em}.holo-waveform svg{width:100%;height:82px;overflow:visible}.holo-waveform path{fill:none;stroke:var(--holo-cyan);stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(34,211,238,.75));animation:holo-wave-drift 3s linear infinite}.holo-inspector-properties{display:grid;gap:9px;margin-top:13px}.holo-inspector-properties>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(148,163,184,.1);font-size:.68rem}.holo-inspector-properties span{color:#687991}.holo-inspector-properties strong{color:#c9f7ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.holo-inspector-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-top:1px solid rgba(34,211,238,.14)}.holo-map.fullscreen{position:fixed;inset:0;z-index:20000;min-height:100vh;border:0;border-radius:0}@keyframes holo-status-pulse{50%{opacity:.45;transform:scale(.82)}}@keyframes holo-scan{0%{transform:translateY(-10vh)}to{transform:translateY(105vh)}}@keyframes holo-particle-float{50%{transform:translate(20px,-32px)}}@keyframes holo-particle-flicker{50%{opacity:.1}}@keyframes holo-flow{to{stroke-dashoffset:-31}}@keyframes holo-node-pulse{0%{opacity:.42;transform:scale(1)}70%,to{opacity:0;transform:scale(1.18)}}@keyframes holo-node-orbit{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes holo-search-match{50%{box-shadow:0 24px 60px rgba(0,0,0,.42),0 0 62px var(--node-color)}}@keyframes holo-wave-drift{50%{transform:translateY(3px)}}@media (max-width:900px){.holo-toolbar{grid-template-columns:minmax(0,1fr) auto}.holo-toolbar-center{display:none}.holo-inspector{top:auto;right:10px;bottom:10px;left:10px;width:auto;max-height:54%}.holo-minimap{display:none}.holo-help{bottom:12px}}@media (max-width:620px){.holo-map{min-height:720px}.holo-toolbar{grid-template-columns:1fr;padding:8px}.holo-search{max-width:none}.holo-toolbar-actions{justify-content:center}.holo-stage{inset:108px 0 0}.holo-help{display:none}.holo-inspector-footer{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.holo-map *,.holo-map :after,.holo-map :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.uix-wow-heatmap{position:relative;display:grid;gap:18px}.uix-wow-heatmap-footer,.uix-wow-heatmap-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.uix-wow-heatmap-year{width:auto;min-width:110px}.uix-wow-heatmap-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.uix-wow-heatmap-summary article{display:grid;gap:4px;padding:13px;border:1px solid var(--border);border-radius:14px;background:radial-gradient(circle at top right,color-mix(in oklab,var(--accent),transparent 90%),transparent 45%),var(--surface-2)}.uix-wow-heatmap-summary small,.uix-wow-heatmap-summary span{color:var(--muted);font-size:.7rem}.uix-wow-heatmap-summary strong{color:var(--text);font-size:1.05rem}.uix-wow-heatmap-scroll{overflow-x:auto;padding-bottom:6px}.uix-wow-heatmap-shell{min-width:790px}.uix-wow-heatmap-months{display:grid;grid-template-columns:repeat(53,13px);gap:4px;margin-left:37px;min-height:20px}.uix-wow-heatmap-months span{color:var(--muted);font-size:.6rem;white-space:nowrap}.uix-wow-heatmap-body{display:grid;grid-template-columns:28px auto;gap:9px}.uix-wow-heatmap-days{display:grid;grid-template-rows:repeat(7,13px);gap:4px}.uix-wow-heatmap-days span{display:flex;align-items:center;color:var(--muted);font-size:.56rem}.uix-wow-heatmap-grid{display:grid;grid-template-rows:repeat(7,13px);grid-auto-flow:column;grid-auto-columns:13px;gap:4px}.uix-wow-heatmap-cell,.uix-wow-heatmap-legend i{border:1px solid color-mix(in oklab,var(--border),transparent 25%);border-radius:3px;background:var(--surface-2)}.uix-wow-heatmap-cell{width:13px;height:13px;padding:0;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.uix-wow-heatmap-cell:focus-visible,.uix-wow-heatmap-cell:hover{z-index:2;border-color:var(--text);outline:0;box-shadow:0 0 0 3px var(--ring);transform:scale(1.55)}.uix-wow-heatmap-cell[data-level="1"],.uix-wow-heatmap-legend i[data-level="1"]{background:color-mix(in oklab,var(--accent),transparent 78%)}.uix-wow-heatmap-cell[data-level="2"],.uix-wow-heatmap-legend i[data-level="2"]{background:color-mix(in oklab,var(--accent),transparent 58%)}.uix-wow-heatmap-cell[data-level="3"],.uix-wow-heatmap-legend i[data-level="3"]{background:color-mix(in oklab,var(--accent),transparent 32%)}.uix-wow-heatmap-cell[data-level="4"],.uix-wow-heatmap-legend i[data-level="4"]{background:var(--accent);box-shadow:0 0 9px color-mix(in oklab,var(--accent),transparent 55%)}.uix-wow-heatmap-legend{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.63rem}.uix-wow-heatmap-legend i{width:13px;height:13px}.uix-wow-heatmap-tooltip{position:fixed;z-index:20000;display:grid;gap:2px;max-width:200px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);pointer-events:none;transform:translate(10px,10px)}.uix-wow-heatmap-tooltip[hidden]{display:none}.uix-wow-heatmap-tooltip strong{font-size:.75rem}.uix-wow-heatmap-tooltip span{color:var(--muted);font-size:.66rem}.uix-wow-leaderboard{display:grid;gap:20px}.uix-wow-podium{display:grid;grid-template-columns:repeat(3,minmax(150px,220px));align-items:end;justify-content:center;gap:12px;min-height:315px;padding:30px 20px 0;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:radial-gradient(circle at 50% 10%,color-mix(in oklab,var(--accent),transparent 72%),transparent 40%),linear-gradient(180deg,var(--surface-2),var(--surface))}.uix-wow-podium-card{position:relative;display:grid;justify-items:center;gap:7px;padding:18px 12px 0;text-align:center;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.uix-wow-podium-card.first{order:2}.uix-wow-podium-card.second{order:1}.uix-wow-podium-card.third{order:3}.uix-wow-podium-card.first{transform:translateY(-22px)}.uix-wow-podium-card:hover{transform:translateY(-10px)}.uix-wow-podium-card.first:hover{transform:translateY(-32px)}.uix-wow-podium-rank{position:absolute;top:5px;right:20px;width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:var(--surface);color:var(--muted);font-size:.75rem;font-weight:950}.uix-wow-crown{position:absolute;top:-25px;color:var(--gold,#eab308);font-size:2rem;filter:drop-shadow(0 0 12px rgba(234,179,8,.6));animation:uix-wow-crown-float 2.5s ease-in-out infinite}.uix-wow-avatar-ring{padding:5px;border-radius:999px;background:conic-gradient(from 180deg,var(--accent),var(--purple,#a855f7),var(--cyan,#06b6d4),var(--accent));box-shadow:0 0 28px color-mix(in oklab,var(--accent),transparent 65%)}.uix-wow-podium-card.second .uix-wow-avatar-ring{background:conic-gradient(#94a3b8,#e2e8f0,#64748b,#94a3b8)}.uix-wow-podium-card.third .uix-wow-avatar-ring{background:conic-gradient(#b45309,#f59e0b,#78350f,#b45309)}.uix-wow-podium-card>span{color:var(--accent-2);font-size:.83rem;font-weight:900}.uix-wow-podium-base{width:100%;display:grid;place-items:center;margin-top:8px;border:1px solid var(--border);border-bottom:0;border-radius:13px 13px 0 0;background:linear-gradient(180deg,color-mix(in oklab,var(--accent),transparent 78%),var(--surface-2));color:var(--accent-2);font-size:1.3rem}.uix-wow-podium-card.first .uix-wow-podium-base{height:125px}.uix-wow-podium-card.second .uix-wow-podium-base{height:92px}.uix-wow-podium-card.third .uix-wow-podium-base{height:70px}.uix-wow-leaderboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.uix-wow-leaderboard-search{min-width:min(340px,100%);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 11px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.uix-wow-leaderboard-search i{color:var(--muted)}.uix-wow-leaderboard-search input{width:100%;min-height:40px;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.uix-wow-leaderboard-list{display:grid;gap:8px}.uix-wow-leaderboard-row{--row-progress:50%;position:relative;display:grid;grid-template-columns:50px minmax(180px,1.4fr) minmax(150px,1fr) 100px 90px;align-items:center;gap:12px;overflow:hidden;padding:11px 13px;border:1px solid var(--border);border-radius:14px;background:var(--surface);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .2s ease,opacity .2s ease}.uix-wow-leaderboard-row:before{content:"";position:absolute;inset:auto auto 0 0;width:var(--row-progress);height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.uix-wow-leaderboard-row:hover{border-color:color-mix(in oklab,var(--accent),transparent 50%);transform:translateX(5px)}.uix-wow-leaderboard-rank{display:flex;align-items:center;gap:7px}.uix-wow-leaderboard-rank strong{min-width:20px;font-size:.9rem}.uix-wow-rank-change{font-size:.65rem;font-weight:900}.uix-wow-rank-change.up{color:var(--green)}.uix-wow-rank-change.down{color:var(--red)}.uix-wow-rank-change.same{color:var(--muted)}.uix-wow-leaderboard-player{min-width:0;display:flex;align-items:center;gap:9px}.uix-wow-leaderboard-player>div{min-width:0;display:grid}.uix-wow-leaderboard-player span{overflow:hidden;color:var(--muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.uix-wow-leaderboard-progress{display:grid;gap:5px}.uix-wow-leaderboard-progress>div{height:6px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.uix-wow-leaderboard-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .5s ease}.uix-wow-leaderboard-progress span{color:var(--muted);font-size:.62rem}.uix-wow-leaderboard-score{font-variant-numeric:tabular-nums;font-weight:950;text-align:right}.uix-wow-leaderboard-delta{justify-self:end;font-size:.72rem}.uix-wow-leaderboard-empty{display:grid;justify-items:center;gap:7px;padding:38px;color:var(--muted);text-align:center}.uix-wow-leaderboard-empty[hidden]{display:none}.uix-wow-leaderboard-row.moving-up{animation:uix-wow-rank-up .7s ease}.uix-wow-leaderboard-row.moving-down{animation:uix-wow-rank-down .7s ease}.uix-wow-social{max-width:820px;display:grid;gap:16px;margin:0 auto}.uix-wow-composer,.uix-wow-post{border:1px solid var(--border);border-radius:17px;background:var(--surface)}.uix-wow-composer{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:13px}.uix-wow-composer-main{min-width:0;display:grid;gap:9px}.uix-wow-composer textarea{resize:vertical;border:0;background:transparent;box-shadow:none}.uix-wow-composer textarea:focus{box-shadow:none}.uix-wow-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.uix-wow-composer-tools{display:flex;gap:3px}.uix-wow-composer-tools button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;background:transparent;color:var(--accent-2);cursor:pointer}.uix-wow-composer-tools button:hover{background:var(--surface-2)}.uix-wow-composer-count{align-self:center;color:var(--muted);font-size:.68rem}.uix-wow-composer-count.warning{color:var(--orange)}.uix-wow-composer-count.danger{color:var(--red)}.uix-wow-social-feed{display:grid;gap:13px}.uix-wow-post{position:relative;overflow:hidden}.uix-wow-post.new-post{animation:uix-wow-post-enter .45s ease}.uix-wow-post-header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:10px;padding:13px 13px 8px}.uix-wow-post-author{min-width:0;display:grid}.uix-wow-post-author>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.uix-wow-post-author>span{margin-top:2px;color:var(--muted);font-size:.68rem}.uix-wow-post-body{padding:4px 13px 12px 65px}.uix-wow-post-body p{margin:0;line-height:1.65}.uix-wow-post-media{position:relative;min-height:250px;margin-top:13px;overflow:hidden;border:1px solid var(--border);border-radius:15px;background:radial-gradient(circle at 20% 20%,color-mix(in oklab,var(--accent),transparent 55%),transparent 38%),linear-gradient(135deg,#07111f,#141b36)}.uix-wow-post-media-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:18px;opacity:.65;transform:rotate(-6deg) scale(1.08)}.uix-wow-post-media-grid span{border:1px solid color-mix(in oklab,var(--accent),transparent 55%);border-radius:10px;background:color-mix(in oklab,var(--accent),transparent 82%)}.uix-wow-post-media-grid span:nth-child(2),.uix-wow-post-media-grid span:nth-child(5){transform:translateY(24px)}.uix-wow-post-media-overlay{position:absolute;inset:auto 0 0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:50px 18px 18px;background:linear-gradient(transparent,rgba(2,6,18,.94))}.uix-wow-post-media-overlay>div{display:grid}.uix-wow-post-media-overlay strong{color:#fff;font-size:1.1rem}.uix-wow-post-media-overlay span{color:hsla(0,0%,100%,.7);font-size:.72rem}.uix-wow-post-achievement{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:13px;padding:12px;border:1px solid color-mix(in oklab,var(--gold,#eab308),transparent 50%);border-radius:14px;background:radial-gradient(circle at right,rgba(234,179,8,.15),transparent 42%),var(--surface-2)}.uix-wow-post-achievement-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:rgba(234,179,8,.14);color:var(--gold,#eab308);font-size:1.3rem}.uix-wow-post-achievement>div:nth-child(2){min-width:0;display:grid}.uix-wow-post-achievement small,.uix-wow-post-achievement span{color:var(--muted);font-size:.67rem}.uix-wow-post-achievement>strong{color:var(--gold,#eab308)}.uix-wow-post-stats{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 13px;border-top:1px solid var(--border);color:var(--muted);font-size:.7rem}.uix-wow-post-stats button{padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.uix-wow-post-stats>div{display:flex;gap:6px}.uix-wow-post-actions{display:grid;grid-template-columns:repeat(4,1fr);padding:5px;border-top:1px solid var(--border)}.uix-wow-post-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:6px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:.73rem;cursor:pointer}.uix-wow-post-actions button.active,.uix-wow-post-actions button:hover{background:var(--surface-2);color:var(--accent-2)}.uix-wow-post-actions button.active i.bi-heart{color:var(--red)}.uix-wow-reaction-picker{position:absolute;right:12px;bottom:58px;z-index:12;display:flex;gap:4px;padding:6px;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:var(--shadow)}.uix-wow-reaction-picker[hidden]{display:none}.uix-wow-reaction-picker button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:transparent;font-size:1rem;cursor:pointer;transition:transform .14s ease}.uix-wow-reaction-picker button:hover{background:var(--surface-2);transform:scale(1.3) translateY(-4px)}.uix-wow-comments{display:grid;gap:11px;padding:12px 13px;border-top:1px solid var(--border);background:color-mix(in oklab,var(--surface-2),transparent 30%)}.uix-wow-comments[hidden]{display:none}.uix-wow-comment{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px}.uix-wow-comment>div{padding:8px 10px;border-radius:12px;background:var(--surface)}.uix-wow-comment p{margin:3px 0 6px;font-size:.78rem}.uix-wow-comment>div>div{display:flex;gap:9px;color:var(--muted);font-size:.63rem}.uix-wow-comment button{padding:0;border:0;background:transparent;color:var(--accent-2);font:inherit;font-weight:800;cursor:pointer}.uix-wow-comment-form{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px}.uix-wow-achievement-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.uix-wow-achievement-gallery{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:11px;margin-top:20px}.uix-wow-achievement-card{--achievement-color:var(--muted);display:grid;grid-template-columns:54px minmax(0,1fr);gap:11px;padding:13px;border:1px solid color-mix(in oklab,var(--achievement-color),transparent 65%);border-radius:15px;background:radial-gradient(circle at top right,color-mix(in oklab,var(--achievement-color),transparent 88%),transparent 42%),var(--surface)}.uix-wow-achievement-card.common{--achievement-color:var(--green)}.uix-wow-achievement-card.rare{--achievement-color:var(--blue)}.uix-wow-achievement-card.legendary{--achievement-color:var(--gold,#eab308)}.uix-wow-achievement-card-icon{width:54px;height:54px;display:grid;grid-row:span 2;place-items:center;border-radius:16px;background:color-mix(in oklab,var(--achievement-color),transparent 82%);color:var(--achievement-color);font-size:1.3rem;box-shadow:0 0 20px color-mix(in oklab,var(--achievement-color),transparent 80%)}.uix-wow-achievement-card>div:nth-child(2){min-width:0;display:grid}.uix-wow-achievement-card small,.uix-wow-achievement-card span{color:var(--muted);font-size:.66rem}.uix-wow-achievement-card>div:nth-child(2)>span{color:var(--achievement-color);font-weight:900;text-transform:uppercase;letter-spacing:.06em}.uix-wow-achievement-card-progress{grid-column:2;display:grid;gap:5px}.uix-wow-achievement-card-progress>div{height:5px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.uix-wow-achievement-card-progress i{display:block;height:100%;border-radius:inherit;background:var(--achievement-color)}.uix-wow-achievement-overlay{--achievement-color:var(--gold,#eab308);position:fixed;inset:0;z-index:30000;display:grid;place-items:center;overflow:hidden;padding:20px;background:radial-gradient(circle at center,color-mix(in oklab,var(--achievement-color),transparent 76%),rgba(3,5,12,.98) 48%);backdrop-filter:blur(18px)}.uix-wow-achievement-overlay[hidden]{display:none}.uix-wow-achievement-overlay.common{--achievement-color:var(--green)}.uix-wow-achievement-overlay.rare{--achievement-color:var(--blue)}.uix-wow-achievement-overlay.legendary{--achievement-color:var(--gold,#eab308)}.uix-wow-achievement-rays{position:absolute;width:900px;height:900px;background:repeating-conic-gradient(from 0deg,color-mix(in oklab,var(--achievement-color),transparent 83%) 0deg 5deg,transparent 5deg 14deg);opacity:.42;animation:uix-wow-rays-spin 18s linear infinite;mask-image:radial-gradient(circle,#000,transparent 67%)}.uix-wow-achievement-unlock{position:relative;z-index:3;width:min(580px,100%);display:grid;justify-items:center;padding:32px;border:1px solid color-mix(in oklab,var(--achievement-color),transparent 45%);border-radius:26px;background:radial-gradient(circle at top,color-mix(in oklab,var(--achievement-color),transparent 84%),transparent 46%),rgba(8,10,20,.92);color:#f8fafc;box-shadow:0 45px 120px rgba(0,0,0,.65),0 0 70px color-mix(in oklab,var(--achievement-color),transparent 72%);text-align:center;animation:uix-wow-achievement-enter .65s cubic-bezier(.17,.89,.32,1.35)}.uix-wow-achievement-close{position:absolute;top:13px;right:13px;width:36px;height:36px;display:grid;place-items:center;border:1px solid hsla(0,0%,100%,.12);border-radius:999px;background:hsla(0,0%,100%,.06);color:#94a3b8;cursor:pointer}.uix-wow-achievement-kicker{display:flex;align-items:center;gap:10px;color:var(--achievement-color);font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.16em}.uix-wow-achievement-kicker span{width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--achievement-color))}.uix-wow-achievement-kicker span:last-child{background:linear-gradient(90deg,var(--achievement-color),transparent)}.uix-wow-achievement-emblem{position:relative;width:160px;height:160px;display:grid;place-items:center;margin:22px 0}.uix-wow-achievement-emblem-ring{position:absolute;inset:0;border:1px solid color-mix(in oklab,var(--achievement-color),transparent 35%);border-radius:999px}.uix-wow-achievement-emblem-ring.ring-one{animation:uix-wow-emblem-spin 7s linear infinite}.uix-wow-achievement-emblem-ring.ring-one:after,.uix-wow-achievement-emblem-ring.ring-one:before{content:"";position:absolute;top:50%;width:10px;height:10px;border-radius:999px;background:var(--achievement-color);box-shadow:0 0 18px var(--achievement-color)}.uix-wow-achievement-emblem-ring.ring-one:before{left:-5px}.uix-wow-achievement-emblem-ring.ring-one:after{right:-5px}.uix-wow-achievement-emblem-ring.ring-two{inset:18px;border-style:dashed;animation:uix-wow-emblem-spin 5s linear infinite reverse}.uix-wow-achievement-emblem-icon{width:104px;height:104px;display:grid;place-items:center;border:1px solid color-mix(in oklab,var(--achievement-color),#fff 15%);border-radius:30px;background:linear-gradient(145deg,color-mix(in oklab,var(--achievement-color),transparent 58%),color-mix(in oklab,var(--achievement-color),#000 50%));color:#fff;font-size:3rem;box-shadow:0 0 50px color-mix(in oklab,var(--achievement-color),transparent 48%),inset 0 1px hsla(0,0%,100%,.22);transform:rotate(-6deg)}.uix-wow-achievement-rarity{padding:5px 9px;border:1px solid color-mix(in oklab,var(--achievement-color),transparent 45%);border-radius:999px;background:color-mix(in oklab,var(--achievement-color),transparent 86%);color:var(--achievement-color);font-size:.63rem;font-weight:950;text-transform:uppercase;letter-spacing:.09em}.uix-wow-achievement-unlock h2{margin:12px 0 6px;color:#fff;font-size:clamp(2rem,7vw,3.3rem);letter-spacing:-.055em}.uix-wow-achievement-unlock>p{max-width:440px;margin:0;color:#94a3b8;line-height:1.6}.uix-wow-achievement-reward{display:flex;align-items:center;gap:30px;margin-top:21px;padding:10px 14px;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;background:hsla(0,0%,100%,.045)}.uix-wow-achievement-reward span{display:flex;align-items:center;gap:6px;color:#94a3b8;font-size:.7rem}.uix-wow-achievement-reward strong{color:var(--achievement-color)}.uix-wow-achievement-unlock-progress{width:100%;display:grid;gap:7px;margin:22px 0}.uix-wow-achievement-unlock-progress>div:first-child{display:flex;justify-content:space-between;color:#94a3b8;font-size:.68rem}.uix-wow-achievement-progress-track{height:8px;overflow:hidden;border-radius:999px;background:hsla(0,0%,100%,.08)}.uix-wow-achievement-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--achievement-color),#fff);box-shadow:0 0 18px var(--achievement-color);animation:uix-wow-progress-fill 1.1s .5s forwards}.uix-wow-achievement-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.uix-wow-achievement-particle{position:absolute;top:50%;left:50%;width:var(--particle-size);height:var(--particle-size);border-radius:var(--particle-radius);background:var(--particle-color);box-shadow:0 0 12px var(--particle-color);animation:uix-wow-particle-burst var(--particle-duration) ease-out forwards}@keyframes uix-wow-crown-float{50%{transform:translateY(-7px) rotate(4deg)}}@keyframes uix-wow-rank-up{0%{background:color-mix(in oklab,var(--green),transparent 72%);transform:translateY(18px)}to{background:var(--surface);transform:none}}@keyframes uix-wow-rank-down{0%{background:color-mix(in oklab,var(--red),transparent 76%);transform:translateY(-18px)}to{background:var(--surface);transform:none}}@keyframes uix-wow-post-enter{0%{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}@keyframes uix-wow-rays-spin{to{transform:rotate(1turn)}}@keyframes uix-wow-emblem-spin{to{transform:rotate(1turn)}}@keyframes uix-wow-achievement-enter{0%{opacity:0;transform:scale(.72) translateY(40px)}to{opacity:1;transform:none}}@keyframes uix-wow-progress-fill{to{width:100%}}@keyframes uix-wow-particle-burst{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) translateX(0) scale(0)}20%{transform:translate(-50%,-50%) rotate(var(--particle-angle)) translateX(65px) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translateX(var(--particle-distance)) rotate(540deg) scale(.4)}}@media (max-width:900px){.uix-wow-heatmap-summary{grid-template-columns:repeat(2,1fr)}.uix-wow-leaderboard-row{grid-template-columns:45px minmax(150px,1fr) 90px 70px}.uix-wow-leaderboard-progress{display:none}.uix-wow-achievement-gallery{grid-template-columns:1fr}}@media (max-width:640px){.uix-wow-podium{grid-template-columns:repeat(3,minmax(95px,1fr));gap:4px;padding-right:5px;padding-left:5px}.uix-wow-podium-card{padding-right:4px;padding-left:4px}.uix-wow-podium-card>strong{max-width:100%;overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.uix-wow-leaderboard-row{grid-template-columns:40px minmax(0,1fr) auto}.uix-wow-leaderboard-score{grid-column:3}.uix-wow-leaderboard-delta{display:none}.uix-wow-post-body{padding-left:13px}.uix-wow-post-actions button span{display:none}.uix-wow-post-media-overlay{align-items:flex-start;flex-direction:column}.uix-wow-post-achievement{grid-template-columns:46px minmax(0,1fr)}.uix-wow-post-achievement>strong{grid-column:2}.uix-wow-achievement-unlock{padding:26px 18px}.uix-wow-achievement-emblem{width:135px;height:135px}.uix-wow-achievement-emblem-icon{width:88px;height:88px}}@media (prefers-reduced-motion:reduce){.uix-wow-achievement-overlay *,.uix-wow-leaderboard-row,.uix-wow-post{animation:none!important;transition-duration:.01ms!important}}.ce-social-commend,.ce-social-event-spotlight,.ce-social-live-hud,.ce-social-lobby,.ce-social-post,.ce-social-progression,.ce-social-recap{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.ce-social-event-art{position:relative;min-height:330px;display:flex;align-items:flex-end;padding:30px;overflow:hidden;background:radial-gradient(circle at 75% 20%,color-mix(in oklab,var(--accent),transparent 55%),transparent 34%),linear-gradient(135deg,color-mix(in oklab,var(--accent),#050508 55%),#080a11 62%,color-mix(in oklab,var(--purple),#050508 70%));isolation:isolate}.ce-social-event-art:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 70%)}.ce-social-event-art-grid{position:absolute;inset:-40%;z-index:-2;background-image:linear-gradient(hsla(0,0%,100%,.055) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.055) 1px,transparent 0);background-size:44px 44px;transform:perspective(700px) rotateX(62deg) translateY(110px);animation:ce-social-grid 18s linear infinite}@keyframes ce-social-grid{to{background-position:0 88px,88px 0}}.ce-social-event-art-copy{max-width:680px}.ce-social-event-art-copy .status-chip{margin-bottom:18px}.ce-social-event-type{margin-bottom:8px;color:var(--accent-2);font-size:.82rem;font-weight:900;letter-spacing:.08em}.ce-social-event-art h3{font-size:clamp(2rem,5vw,4.5rem);line-height:.95}.ce-social-event-art p{max-width:54ch;margin-top:15px;color:hsla(0,0%,100%,.78);font-size:1rem}.ce-social-event-countdown{position:absolute;top:24px;right:24px;display:grid;justify-items:end;padding:13px 16px;border:1px solid hsla(0,0%,100%,.18);border-radius:14px;background:rgba(5,7,12,.68);backdrop-filter:blur(12px)}.ce-social-event-countdown span{color:hsla(0,0%,100%,.66);font-size:.7rem;font-weight:900;letter-spacing:.08em}.ce-social-event-countdown strong{font-size:1.2rem}.ce-social-event-content{display:grid;gap:22px;padding:24px}.ce-social-event-host{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px}.ce-social-event-host>div{min-width:0;display:grid}.ce-social-event-host small{margin-top:3px;color:var(--accent-2)}.ce-social-event-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ce-social-event-metrics>div{display:grid;justify-items:center;padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);text-align:center}.ce-social-event-metrics i{margin-bottom:8px;color:var(--accent-2);font-size:1.15rem}.ce-social-event-metrics strong{font-size:1.08rem}.ce-social-event-metrics span{margin-top:2px;color:var(--muted);font-size:.7rem}.ce-social-event-prize{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;padding:14px;border:1px solid color-mix(in oklab,var(--gold),transparent 60%);border-radius:14px;background:linear-gradient(90deg,color-mix(in oklab,var(--gold),transparent 88%),transparent)}.ce-social-event-prize-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:color-mix(in oklab,var(--gold),transparent 78%);color:var(--gold);font-size:1.35rem}.ce-social-event-prize>div:last-child{display:grid}.ce-social-event-prize small,.ce-social-event-prize span{color:var(--muted);font-size:.75rem}.ce-social-rsvp-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.ce-social-avatar-stack{display:flex;padding-left:8px}.ce-social-avatar-stack .avatar{margin-left:-8px;border:3px solid var(--surface)}.ce-social-rsvp{display:flex;gap:8px;flex-wrap:wrap}.ce-social-rsvp .active{border-color:var(--green);background:color-mix(in oklab,var(--green),transparent 82%);color:var(--green)}.ce-social-live-head,.ce-social-lobby-head,.ce-social-progression-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--surface-2),transparent 18%)}.ce-social-lobby-title{display:flex;align-items:center;gap:12px}.ce-social-lobby-title>div{display:grid}.ce-social-lobby-title span{color:var(--muted);font-size:.78rem}.ce-social-live-orb{width:40px;height:40px;display:grid;place-items:center;border-radius:999px;background:color-mix(in oklab,var(--green),transparent 82%)}.ce-social-live-orb i,.ce-social-pulse-dot{width:10px;height:10px;border-radius:999px;background:var(--green);box-shadow:0 0 0 0 color-mix(in oklab,var(--green),transparent 45%);animation:ce-social-pulse 1.8s infinite}@keyframes ce-social-pulse{70%{box-shadow:0 0 0 10px transparent}}.ce-social-lobby-code{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.72rem}.ce-social-lobby-code button{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer}.ce-social-lobby-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr)}.ce-social-lobby-main{padding:18px;border-right:1px solid var(--border)}.ce-social-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ce-social-team-card{overflow:hidden;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.ce-social-team-card.blue{border-color:color-mix(in oklab,var(--blue),transparent 65%)}.ce-social-team-card.red{border-color:color-mix(in oklab,var(--red),transparent 65%)}.ce-social-team-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid var(--border)}.ce-social-team-card>header>div{display:grid}.ce-social-team-card>header span{color:var(--muted);font-size:.68rem}.ce-social-team-members{display:grid;padding:7px}.ce-social-team-members button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:0;border-radius:11px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.ce-social-team-members button:hover{background:var(--surface)}.ce-social-team-members button>span:nth-child(2){display:grid}.ce-social-team-members small{color:var(--muted);font-size:.7rem}.ce-social-team-members button>i{color:var(--orange)}.ce-social-team-members button.ready>i{color:var(--green)}.ce-social-lobby-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.ce-social-lobby-actions>span{margin-left:auto}.ce-social-lobby-side{display:grid;align-content:start}.ce-social-lobby-panel{padding:15px;border-bottom:1px solid var(--border)}.ce-social-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.82rem;font-weight:900}.ce-social-panel-title>span{display:flex;align-items:center;gap:8px}.ce-social-panel-title i{color:var(--accent-2)}.ce-social-panel-title button{border:0;background:transparent;color:var(--muted);cursor:pointer}.ce-social-rule-list{display:grid;gap:10px;margin-top:13px}.ce-social-rule-list>div{display:grid;grid-template-columns:26px 1fr;gap:9px;align-items:start}.ce-social-rule-list>div>span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:color-mix(in oklab,var(--accent),transparent 84%);color:var(--accent-2);font-size:.72rem;font-weight:900}.ce-social-rule-list p{color:var(--muted);font-size:.78rem;line-height:1.45}.ce-social-lobby-chat{max-height:220px;display:grid;gap:11px;overflow:auto;margin-top:13px}.ce-social-lobby-chat>div{display:grid;grid-template-columns:auto 1fr;gap:8px}.ce-social-lobby-chat p{padding:8px 10px;border-radius:0 11px 11px 11px;background:var(--surface-2);font-size:.78rem}.ce-social-lobby-chat small{display:block;margin-top:2px;color:var(--muted)}.ce-social-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px}.ce-social-live-head>div{display:grid}.ce-social-live-head>div:first-child{grid-template-columns:auto auto;align-items:center;gap:8px 10px}.ce-social-live-head small{grid-column:1/-1;color:var(--muted)}.ce-social-live-time{justify-items:end}.ce-social-live-time span{color:var(--muted);font-size:.7rem}.ce-social-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;border-bottom:1px solid var(--border)}.ce-social-scoreboard article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:24px}.ce-social-scoreboard article.red{direction:rtl;text-align:right}.ce-social-scoreboard article.red>*{direction:ltr}.ce-social-team-emblem{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;font-size:1.5rem}.ce-social-scoreboard .blue .ce-social-team-emblem{background:color-mix(in oklab,var(--blue),transparent 78%);color:var(--blue)}.ce-social-scoreboard .red .ce-social-team-emblem{background:color-mix(in oklab,var(--red),transparent 78%);color:var(--red)}.ce-social-scoreboard article>div:nth-child(2){display:grid}.ce-social-scoreboard article small,.ce-social-scoreboard article>div:nth-child(2)>span{color:var(--muted);font-size:.75rem}.ce-social-scoreboard article>div:nth-child(2)>strong{font-size:2.4rem;line-height:1}.ce-social-versus{display:grid;place-items:center;align-content:center;padding:14px;border-right:1px solid var(--border);border-left:1px solid var(--border)}.ce-social-versus span{font-size:1.4rem;font-weight:950}.ce-social-versus strong{color:var(--muted);font-size:.68rem}.ce-social-rank-change{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:900}.ce-social-rank-change.positive{color:var(--green)}.ce-social-rank-change.negative{color:var(--red)}.ce-social-live-grid{display:grid;grid-template-columns:1fr 260px;gap:14px;padding:16px}.ce-social-live-grid article{border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.ce-social-momentum-card{padding:16px}.ce-social-completions-card header,.ce-social-contribution-card header,.ce-social-momentum-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ce-social-momentum-card header>div{display:grid}.ce-social-contribution-card header span,.ce-social-momentum-card header span{color:var(--muted);font-size:.72rem}.ce-social-momentum-card header>i{color:var(--accent-2);font-size:1.25rem}.ce-social-momentum-track{position:relative;display:flex;height:16px;overflow:hidden;margin-top:22px;border-radius:999px;background:var(--border)}.ce-social-momentum-track i{height:100%;transition:width .4s ease}.ce-social-momentum-track .blue{background:linear-gradient(90deg,var(--blue),color-mix(in oklab,var(--blue),#fff 20%))}.ce-social-momentum-track .red{background:linear-gradient(90deg,color-mix(in oklab,var(--red),#fff 20%),var(--red))}.ce-social-momentum-track span{position:absolute;top:50%;left:50%;width:4px;height:24px;border-radius:999px;background:#fff;transform:translate(-50%,-50%)}.ce-social-momentum-labels{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:var(--muted);font-size:.72rem}.ce-social-momentum-labels span{display:flex;align-items:center;gap:6px}.ce-social-momentum-labels b{width:8px;height:8px;border-radius:999px;background:var(--blue)}.ce-social-momentum-labels span:last-child b{background:var(--red)}.ce-social-contribution-card{grid-row:span 2;display:grid;justify-items:center;gap:14px;padding:16px}.ce-social-contribution-card header{width:100%}.ce-social-contribution-ring{--value:50;width:132px;height:132px;display:grid;place-items:center;border-radius:999px;background:conic-gradient(var(--accent) calc(var(--value)*1%),var(--border) 0)}.ce-social-contribution-ring:before{content:"";grid-area:1/1;width:106px;height:106px;border-radius:inherit;background:var(--surface-2)}.ce-social-contribution-ring>div{grid-area:1/1;z-index:1;display:grid;justify-items:center}.ce-social-contribution-ring strong{font-size:1.4rem}.ce-social-contribution-ring span{color:var(--muted);font-size:.68rem}.ce-social-contribution-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ce-social-contribution-stats>div{display:grid;justify-items:center;padding:8px;border-radius:10px;background:var(--surface)}.ce-social-contribution-stats span{color:var(--muted);font-size:.64rem}.ce-social-completions-card{min-width:0;padding:15px}.ce-social-completions-card header button{border:0;background:transparent;color:var(--accent-2);font:inherit;font-size:.72rem;cursor:pointer}.ce-social-completion-feed{display:grid;gap:8px;margin-top:12px}.ce-social-completion-feed>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border-radius:11px;background:var(--surface)}.ce-social-completion-feed p{min-width:0;font-size:.76rem}.ce-social-completion-feed p b{color:var(--accent-2)}.ce-social-completion-feed small{display:block;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.ce-social-completion-feed>div>i{color:var(--green)}.ce-social-recap-hero{position:relative;display:grid;justify-items:center;padding:42px 18px 28px;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 10%,color-mix(in oklab,var(--gold),transparent 65%),transparent 38%),linear-gradient(180deg,color-mix(in oklab,var(--accent),transparent 88%),transparent)}.ce-social-recap-confetti{position:absolute;inset:0;pointer-events:none}.ce-social-confetti-piece{position:absolute;top:-20px;width:8px;height:16px;border-radius:3px;background:var(--piece-color);animation:ce-social-confetti var(--duration) linear forwards;transform:rotate(var(--rotation))}@keyframes ce-social-confetti{to{top:110%;transform:translateX(var(--drift)) rotate(calc(var(--rotation) + 540deg))}}.ce-social-winner-kicker{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.1em}.ce-social-winner-emblem{width:104px;height:104px;display:grid;place-items:center;margin:18px 0;border:1px solid color-mix(in oklab,var(--gold),transparent 42%);border-radius:999px;background:radial-gradient(circle,color-mix(in oklab,var(--gold),transparent 68%),transparent 72%);color:var(--gold);font-size:3rem;box-shadow:0 0 50px color-mix(in oklab,var(--gold),transparent 72%)}.ce-social-recap-hero h3{font-size:clamp(2rem,5vw,4rem)}.ce-social-recap-hero p{color:var(--muted)}.ce-social-final-score{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:18px;margin-top:16px}.ce-social-final-score strong{font-size:2rem}.ce-social-final-score span{color:var(--muted);font-size:.72rem}.ce-social-recap-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.ce-social-award-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px}.ce-social-award-grid article{position:relative;display:grid;justify-items:center;gap:7px;padding:20px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);text-align:center}.ce-social-award-grid article.mvp{border-color:color-mix(in oklab,var(--gold),transparent 55%);background:linear-gradient(180deg,color-mix(in oklab,var(--gold),transparent 87%),var(--surface-2))}.ce-social-award-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in oklab,var(--accent),transparent 82%);color:var(--accent-2)}.ce-social-award-rarity{color:var(--muted);font-size:.65rem;font-weight:900;letter-spacing:.08em}.ce-social-award-grid p{font-size:.78rem}.ce-social-award-grid small{color:var(--muted);font-size:.68rem}.ce-social-recap-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border)}.ce-social-recap-stats>div{display:grid;justify-items:center;padding:17px;border-right:1px solid var(--border)}.ce-social-recap-stats>div:last-child{border-right:0}.ce-social-recap-stats i{color:var(--accent-2)}.ce-social-recap-stats strong{margin-top:5px;font-size:1.2rem}.ce-social-recap-stats span{color:var(--muted);font-size:.68rem}.ce-social-achievement-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ce-social-achievement-toolbar .control{width:auto}.ce-social-achievement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ce-social-achievement-tile{position:relative;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;border:1px solid var(--border);border-radius:15px;background:var(--surface);color:var(--text);font:inherit;text-align:center;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ce-social-achievement-tile:hover{transform:translateY(-3px);border-color:var(--rarity-color,var(--accent));box-shadow:0 14px 34px rgba(0,0,0,.2)}.ce-social-achievement-tile.common{--rarity-color:var(--grey)}.ce-social-achievement-tile.uncommon{--rarity-color:var(--green)}.ce-social-achievement-tile.rare{--rarity-color:var(--blue)}.ce-social-achievement-tile.epic{--rarity-color:var(--purple)}.ce-social-achievement-tile.legendary{--rarity-color:var(--gold)}.ce-social-achievement-tile.limited{--rarity-color:var(--red)}.ce-social-achievement-tile.legacy{--rarity-color:var(--cyan)}.ce-social-achievement-tile:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 25%,color-mix(in oklab,var(--rarity-color),transparent 76%),transparent 40%);pointer-events:none}.ce-social-achievement-rarity{position:absolute;top:12px;right:12px;color:var(--rarity-color);font-size:.65rem;font-weight:900}.ce-social-achievement-emblem{width:76px;height:76px;display:grid;place-items:center;margin-bottom:14px;border:1px solid color-mix(in oklab,var(--rarity-color),transparent 45%);border-radius:22px;background:color-mix(in oklab,var(--rarity-color),transparent 82%);color:var(--rarity-color);font-size:2rem}.ce-social-achievement-tile p{margin-top:6px;color:var(--muted);font-size:.76rem}.ce-social-achievement-tile small{margin-top:12px;color:var(--rarity-color)}.ce-social-mini-progress{width:100%;height:7px;overflow:hidden;margin-top:14px;border-radius:999px;background:var(--border)}.ce-social-mini-progress i{display:block;height:100%;border-radius:inherit;background:var(--rarity-color)}.ce-social-achievement-tile.locked{filter:saturate(.25);opacity:.72}.ce-social-achievement-tile.locked .ce-social-achievement-emblem{filter:blur(.5px)}.ce-social-season-badge{display:flex;align-items:center;gap:10px}.ce-social-season-badge>i{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:color-mix(in oklab,var(--gold),transparent 78%);color:var(--gold);font-size:1.25rem}.ce-social-season-badge>span{display:grid;color:var(--muted);font-size:.7rem}.ce-social-season-badge strong{color:var(--text);font-size:.95rem}.ce-social-progression-head>div:first-child{display:grid}.ce-social-progression-head small,.ce-social-progression-head>div:first-child>span{color:var(--muted);font-size:.72rem}.ce-social-progression-head>div:first-child>strong{font-size:1.4rem}.ce-social-season-meter{position:relative;height:11px;margin:22px 22px 10px;border-radius:999px;background:var(--border)}.ce-social-season-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--purple))}.ce-social-season-meter span{position:absolute;top:50%;width:20px;height:20px;border:4px solid var(--surface);border-radius:999px;background:var(--accent-2);transform:translate(-50%,-50%)}.ce-social-reward-scroll{overflow-x:auto;padding:16px 16px 26px}.ce-social-reward-track{position:relative;min-width:1100px;display:grid;grid-template-columns:repeat(10,1fr);gap:12px}.ce-social-reward-track:before{content:"";position:absolute;top:17px;right:5%;left:5%;height:3px;background:var(--border)}.ce-social-reward-track article{position:relative;z-index:1;display:grid;justify-items:center;gap:10px}.ce-social-level-node{width:36px;height:36px;display:grid;place-items:center;border:4px solid var(--surface);border-radius:999px;background:var(--border);font-size:.75rem;font-weight:900}.ce-social-reward-track article.claimed .ce-social-level-node{background:var(--green)}.ce-social-reward-track article.available .ce-social-level-node{background:var(--accent);box-shadow:0 0 0 5px var(--ring)}.ce-social-reward-card{width:100%;min-height:146px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);text-align:center}.ce-social-reward-card>span{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:color-mix(in oklab,var(--accent),transparent 82%);color:var(--accent-2);font-size:1.25rem}.ce-social-reward-card small{color:var(--muted);font-size:.67rem}.ce-social-reward-card.premium{border-color:color-mix(in oklab,var(--gold),transparent 60%)}.ce-social-reward-card.legendary>span,.ce-social-reward-card.premium>span{background:color-mix(in oklab,var(--gold),transparent 80%);color:var(--gold)}.ce-social-reward-track article.locked{opacity:.55;filter:saturate(.3)}.ce-social-post{max-width:760px;margin:0 auto}.ce-social-post-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:15px}.ce-social-post-head>div{display:grid}.ce-social-post-head>div>div{display:flex;align-items:center;gap:8px}.ce-social-post-head>div>span{color:var(--muted);font-size:.72rem}.ce-social-post-copy{padding:0 15px 14px}.ce-social-share-achievement{position:relative;display:grid;justify-items:center;overflow:hidden;margin:0 15px;padding:32px 16px;border:1px solid color-mix(in oklab,var(--gold),transparent 50%);border-radius:17px;background:radial-gradient(circle at 50% 15%,color-mix(in oklab,var(--gold),transparent 58%),transparent 28%),linear-gradient(145deg,#15110a,#090a10 62%);text-align:center}.ce-social-share-rays{position:absolute;width:500px;height:500px;background:repeating-conic-gradient(from 0deg,hsla(0,0%,100%,.05) 0 5deg,transparent 5deg 16deg);animation:ce-social-spin 24s linear infinite}@keyframes ce-social-spin{to{transform:rotate(1turn)}}.ce-social-share-achievement>:not(.ce-social-share-rays){position:relative;z-index:1}.ce-social-share-kicker{color:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.08em}.ce-social-share-emblem{width:92px;height:92px;display:grid;place-items:center;margin:18px 0;border:1px solid color-mix(in oklab,var(--gold),transparent 40%);border-radius:999px;background:color-mix(in oklab,var(--gold),transparent 80%);color:var(--gold);font-size:2.5rem;box-shadow:0 0 42px color-mix(in oklab,var(--gold),transparent 70%)}.ce-social-share-achievement h3{font-size:2rem}.ce-social-share-achievement>p{color:hsla(0,0%,100%,.7)}.ce-social-share-meta{display:flex;gap:20px;margin-top:18px}.ce-social-share-meta span{display:grid;color:hsla(0,0%,100%,.6);font-size:.68rem}.ce-social-share-meta strong{color:#fff;font-size:.9rem}.ce-social-post-summary{display:flex;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid var(--border)}.ce-social-post-summary button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.75rem;cursor:pointer}.ce-social-post-actions{display:grid;grid-template-columns:repeat(4,1fr);padding:5px 8px}.ce-social-post-actions button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;cursor:pointer}.ce-social-post-actions button.active,.ce-social-post-actions button:hover{background:var(--surface-2);color:var(--accent-2)}.ce-social-reaction-picker{display:flex;gap:6px;margin:0 12px 10px;padding:8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);width:max-content}.ce-social-reaction-picker button{padding:4px;border:0;background:transparent;font-size:1.2rem;cursor:pointer}.ce-social-post-comments{display:grid;gap:10px;padding:13px;border-top:1px solid var(--border);background:color-mix(in oklab,var(--surface-2),transparent 32%)}.ce-social-post-comments form,.ce-social-post-comments>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.ce-social-post-comments p{padding:8px 10px;border-radius:0 12px 12px 12px;background:var(--surface-2);font-size:.78rem}.ce-social-post-comments small{display:block;margin-top:3px;color:var(--muted)}.ce-social-post-comments small button{border:0;background:transparent;color:var(--accent-2);font:inherit;cursor:pointer}.ce-social-profile-demo{min-height:420px;display:flex;align-items:flex-end;justify-content:center;gap:80px;padding:40px 20px}.ce-social-profile-trigger-wrap{position:relative}.ce-social-profile-trigger{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.ce-social-profile-trigger>span:nth-child(2){display:grid}.ce-social-profile-trigger small{color:var(--muted)}.ce-social-profile-trigger.compact{padding-right:15px}.ce-social-profile-card{position:absolute;bottom:calc(100% + 12px);left:0;z-index:300;width:350px;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.98);transform-origin:bottom left;transition:.2s ease}.ce-social-profile-card.align-right{right:0;left:auto;transform-origin:bottom right}.ce-social-profile-trigger-wrap:focus-within .ce-social-profile-card,.ce-social-profile-trigger-wrap:hover .ce-social-profile-card{opacity:1;visibility:visible;pointer-events:auto;transform:none}.ce-social-profile-banner{height:90px;padding:12px;background:radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.2),transparent 25%),linear-gradient(135deg,var(--accent),var(--purple))}.ce-social-profile-banner.alt{background:linear-gradient(135deg,var(--red),var(--orange))}.ce-social-profile-banner .status-chip{float:right}.ce-social-profile-body{padding:15px}.ce-social-profile-body>.avatar{margin-top:-52px;border:4px solid var(--surface)}.ce-social-profile-name{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:8px}.ce-social-profile-name>div{display:grid}.ce-social-profile-name>div span{color:var(--muted);font-size:.75rem}.ce-social-profile-body>p{margin:13px 0;color:var(--muted);font-size:.8rem}.ce-social-profile-clan{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.ce-social-profile-clan>i{color:var(--accent-2)}.ce-social-profile-clan>span{display:grid}.ce-social-profile-clan small{color:var(--muted);font-size:.7rem}.ce-social-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}.ce-social-profile-stats>div{display:grid;justify-items:center;padding:8px;border-radius:10px;background:var(--surface-2)}.ce-social-profile-stats span{color:var(--muted);font-size:.62rem}.ce-social-featured-awards{display:flex;align-items:center;gap:7px}.ce-social-featured-awards>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px}.ce-social-featured-awards .legendary{background:color-mix(in oklab,var(--gold),transparent 80%);color:var(--gold)}.ce-social-featured-awards .epic{background:color-mix(in oklab,var(--purple),transparent 80%);color:var(--purple)}.ce-social-featured-awards .rare{background:color-mix(in oklab,var(--blue),transparent 80%);color:var(--blue)}.ce-social-featured-awards small{color:var(--muted)}.ce-social-profile-actions{display:flex;gap:7px;margin-top:13px}.ce-social-profile-actions .btn:first-child{flex:1}.ce-social-commend{padding:18px}.ce-social-commend-intro{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid color-mix(in oklab,var(--red),transparent 65%);border-radius:14px;background:color-mix(in oklab,var(--red),transparent 91%)}.ce-social-commend-icon{width:50px;height:50px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:color-mix(in oklab,var(--red),transparent 78%);color:var(--red);font-size:1.25rem}.ce-social-commend-intro p{color:var(--muted);font-size:.8rem}.ce-social-commend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.ce-social-commend-grid>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer}.ce-social-commend-grid>button.selected,.ce-social-commend-grid>button:hover{border-color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 88%)}.ce-social-commend-grid>button>span:nth-child(2){display:grid}.ce-social-commend-grid small{color:var(--muted);font-size:.68rem}.ce-social-commend-grid>button>i{color:var(--accent-2)}.ce-social-commend-selection{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.ce-social-commend-selected{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:13px}.ce-social-commend-selected>div{display:grid}.ce-social-commend-selected>div span{color:var(--muted);font-size:.68rem}.ce-social-commend-selected button{border:0;background:transparent;color:var(--muted);cursor:pointer}.ce-social-commend-types{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.ce-social-commend-types button{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer}.ce-social-commend-types button>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:color-mix(in oklab,var(--accent),transparent 83%);color:var(--accent-2)}.ce-social-commend-types button>span{display:grid}.ce-social-commend-types small{color:var(--muted);font-size:.67rem}.ce-social-commend-types button.active{border-color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 88%)}.ce-social-commend-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}.ce-social-commend-sent{display:grid;gap:8px;margin-top:12px}.ce-social-commend-sent>div{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid color-mix(in oklab,var(--green),transparent 65%);border-radius:11px;background:color-mix(in oklab,var(--green),transparent 91%);font-size:.78rem}.ce-social-modal-overlay{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}.ce-social-modal-overlay[hidden]{display:none}.ce-social-achievement-modal{position:relative;width:min(720px,100%);max-height:calc(100vh - 36px);overflow-y:auto;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);animation:ce-social-modal-in .22s ease}@keyframes ce-social-modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.ce-social-modal-close{position:absolute;top:14px;right:14px;z-index:2;width:40px;height:40px;display:grid;place-items:center;border:1px solid hsla(0,0%,100%,.16);border-radius:999px;background:rgba(0,0,0,.32);color:#fff;cursor:pointer}.ce-social-achievement-modal-hero{display:grid;justify-items:center;padding:38px 20px 28px;background:radial-gradient(circle at 50% 20%,color-mix(in oklab,var(--gold),transparent 58%),transparent 35%),linear-gradient(180deg,#17120a,var(--surface));text-align:center}.ce-social-modal-rarity{color:var(--gold);font-size:.7rem;font-weight:900;letter-spacing:.09em}.ce-social-modal-emblem{width:100px;height:100px;display:grid;place-items:center;margin:16px;border:1px solid color-mix(in oklab,var(--gold),transparent 40%);border-radius:999px;background:color-mix(in oklab,var(--gold),transparent 80%);color:var(--gold);font-size:2.8rem}.ce-social-achievement-modal-hero h2{font-size:2rem}.ce-social-achievement-modal-hero p{color:var(--muted)}.ce-social-achievement-modal-body{display:grid;gap:17px;padding:18px}.ce-social-modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ce-social-modal-stats>div{display:grid;justify-items:center;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.ce-social-modal-stats span{color:var(--muted);font-size:.68rem}.ce-social-modal-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px;font-size:.78rem}.ce-social-modal-progress>div:last-child{height:9px;overflow:hidden;border-radius:999px;background:var(--border)}.ce-social-modal-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--purple))}.ce-social-modal-section{padding-top:15px;border-top:1px solid var(--border)}.ce-social-modal-section>p{margin-top:10px;color:var(--muted);font-size:.82rem}.ce-social-related-achievements{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.ce-social-related-achievements button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:9px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer}.ce-social-related-achievements button>i{color:var(--accent-2)}.ce-social-related-achievements button>span{display:grid}.ce-social-related-achievements small{color:var(--muted);font-size:.65rem}.ce-social-friend-earned{display:flex;align-items:center;margin-top:11px}.ce-social-friend-earned .avatar{margin-right:-8px;border:3px solid var(--surface)}.ce-social-friend-earned p{display:grid;margin-left:18px;font-size:.76rem}.ce-social-friend-earned p span{color:var(--muted)}.ce-social-achievement-modal-footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 18px;border-top:1px solid var(--border)}.ce-social-toast{position:fixed;right:20px;bottom:20px;z-index:13000;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid color-mix(in oklab,var(--green),transparent 55%);border-radius:13px;background:var(--surface);box-shadow:var(--shadow);animation:ce-social-toast-in .2s ease}.ce-social-toast[hidden]{display:none}.ce-social-toast i{color:var(--green)}@keyframes ce-social-toast-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:980px){.ce-social-achievement-grid,.ce-social-award-grid,.ce-social-commend-grid,.ce-social-event-metrics{grid-template-columns:repeat(2,1fr)}.ce-social-lobby-grid{grid-template-columns:1fr}.ce-social-lobby-main{border-right:0;border-bottom:1px solid var(--border)}.ce-social-live-grid{grid-template-columns:1fr}.ce-social-contribution-card{grid-row:auto}.ce-social-contribution-stats{max-width:320px}.ce-social-scoreboard article{grid-template-columns:auto 1fr}.ce-social-rank-change{grid-column:1/-1}.ce-social-commend-types{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.ce-social-event-art{min-height:400px;padding:20px}.ce-social-event-countdown{top:15px;right:15px}.ce-social-event-host{grid-template-columns:auto 1fr}.ce-social-event-host .btn{grid-column:1/-1;width:100%}.ce-social-achievement-toolbar,.ce-social-live-head,.ce-social-lobby-head,.ce-social-progression-head,.ce-social-rsvp-row{align-items:stretch;flex-direction:column}.ce-social-rsvp{width:100%}.ce-social-rsvp .btn{flex:1}.ce-social-team-grid{grid-template-columns:1fr}.ce-social-lobby-actions>span{width:100%;margin-left:0}.ce-social-scoreboard{grid-template-columns:1fr}.ce-social-versus{border:solid var(--border);border-width:1px 0}.ce-social-scoreboard article.red{direction:ltr;text-align:left}.ce-social-achievement-grid,.ce-social-award-grid,.ce-social-commend-grid,.ce-social-recap-stats{grid-template-columns:1fr 1fr}.ce-social-achievement-toolbar .control{width:100%}.ce-social-profile-demo{min-height:760px;align-items:center;flex-direction:column;gap:390px;padding:30px 10px}.ce-social-profile-card,.ce-social-profile-card.align-right{right:auto;left:50%;transform:translate(-50%,8px) scale(.98);transform-origin:bottom center}.ce-social-profile-trigger-wrap:focus-within .ce-social-profile-card,.ce-social-profile-trigger-wrap:hover .ce-social-profile-card{transform:translateX(-50%)}.ce-social-commend-footer{align-items:stretch;flex-direction:column}.ce-social-modal-stats,.ce-social-related-achievements{grid-template-columns:1fr}.ce-social-share-meta{align-items:center;flex-direction:column;gap:8px}}@media (max-width:520px){.ce-social-achievement-grid,.ce-social-award-grid,.ce-social-commend-grid,.ce-social-commend-types,.ce-social-event-metrics,.ce-social-recap-stats{grid-template-columns:1fr}.ce-social-event-content{padding:15px}.ce-social-scoreboard article{padding:18px 14px}.ce-social-live-grid{padding:10px}.ce-social-post-actions button span{display:none}.ce-social-profile-card{width:min(350px,calc(100vw - 34px))}.ce-social-achievement-modal-footer .btn{flex:1}}.text-lg{font-size:1.25rem}.h1{font-size:clamp(26px,2.8vw,40px);line-height:1.15}.h1,.h2{margin-bottom:10px}.h2{font-size:1.25rem}.mt-2{margin-top:10px}.mt-3{margin-top:14px}.mt-4{margin-top:20px}.mt-5{margin-top:28px}.mb-2{margin-bottom:10px}.mb-3{margin-bottom:14px}.mb-4{margin-bottom:20px}.mb-5{margin-bottom:28px}.flex{display:flex}.flex-between{justify-content:space-between}.flex-between,.flex-center{display:flex;align-items:center}.flex-center{justify-content:center}.gap-2{gap:10px}.gap-3{gap:14px}.gap-4{gap:20px}.wrap{flex-wrap:wrap}.divider{height:1px;background:var(--border);margin:26px 0}.grid{display:grid;gap:20px;grid-template-columns:1fr}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:16px;transition:width var(--transition),transform var(--transition);z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius)}.brand-badge{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 30px rgba(65,68,177,.35)}.brand-title{font-weight:800;letter-spacing:.3px}.side-nav{display:flex;flex-direction:column;gap:8px;margin-top:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);color:var(--muted);transition:background var(--transition),color var(--transition)}.nav-item:hover{background:color-mix(in oklab,var(--surface-2),transparent 20%);color:var(--text)}.nav-item.active{background:color-mix(in oklab,var(--accent),transparent 85%);color:var(--text);border:1px solid color-mix(in oklab,var(--accent),transparent 70%)}.nav-icon{width:22px;text-align:center;opacity:.95}.side-footer{display:grid;gap:10px;padding-top:12px}.main{margin-left:var(--sidebar-w);width:auto;min-width:0;min-height:100vh;flex:1;display:flex;flex-direction:column;transition:margin-left var(--transition);overflow-x:hidden}@media (max-width:900px){.main{margin-left:0;width:100%;max-width:100%}}.topbar{gap:16px;position:sticky;top:0;z-index:20;height:var(--topbar-h);justify-content:space-between;padding:0 22px;background:color-mix(in oklab,var(--bg),var(--surface) 35%);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:12px}.content{flex:1}.alert-success{background:var(--success-bg)}.alert-warning{background:var(--warning-bg)}.alert-danger{background:var(--danger-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border-radius:10px;border:1px solid transparent;cursor:pointer;font-size:.9rem;background:var(--surface-2);color:var(--text);transition:transform .05s ease,opacity var(--transition),background var(--transition),border-color var(--transition);user-select:none;appearance:none;-webkit-appearance:none;font-family:inherit;line-height:1;text-decoration:none}.btn:hover{opacity:.92}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:color-mix(in oklab,var(--accent),transparent 30%)}.btn-outline{border-color:color-mix(in oklab,var(--accent),transparent 30%)}.btn-ghost,.btn-outline{background:transparent;color:var(--text)}.btn-ghost{border-color:transparent}.btn-sm{padding:7px 12px;font-size:.82rem;border-radius:9px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition),border-color var(--transition);box-shadow:none}.card:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--accent),var(--border) 80%)}.card-body{position:relative;padding:18px}.card-title{font-weight:800;color:var(--accent);margin-bottom:10px}.card-footer{background:var(--surface-2);border-top:1px solid var(--border);padding:12px 18px}.card-image{width:100%;height:190px;object-fit:cover}.card-link{display:block}.card-horizontal{display:grid;grid-template-columns:42% 1fr}.card-horizontal .card-image{height:100%;min-height:190px}.card-featured{position:relative}.card-featured .card-image{height:240px}.card-featured .card-body{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.82))}[data-theme=light] .card-featured .card-body{background:linear-gradient(transparent,rgba(0,0,0,.6))}.card-featured .card-title{color:#fff}.card-featured .text-muted{color:hsla(0,0%,100%,.86)}.badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:700}.badge,.progress{border-radius:999px}.progress{background:color-mix(in oklab,var(--border),transparent 15%);overflow:hidden;height:10px;border:1px solid var(--border)}.progress-bar{height:100%;width:60%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.table td,.table th{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left}.table th{background:var(--surface-2);color:var(--accent);font-weight:800}.table tr:last-child td{border-bottom:none}.tabs{display:flex;gap:8px;padding:8px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),#000 6%);flex-wrap:wrap}.tab,.tabs{border-radius:999px}.tab{padding:8px 14px;cursor:pointer;color:var(--muted);user-select:none;transition:background var(--transition),color var(--transition);border:1px solid transparent}.tab.active{background:color-mix(in oklab,var(--accent),transparent 80%);color:var(--text);border-color:color-mix(in oklab,var(--accent),transparent 60%)}.tab-panels{margin-top:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:16px}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:115%;right:0;min-width:190px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:8px;display:none}.dropdown.open .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:10px 12px;border-radius:10px;color:var(--text);font-size:.9rem}.dropdown-menu a:hover{background:color-mix(in oklab,var(--surface-2),transparent 15%)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:50;padding:16px}.modal-overlay.show{display:flex}.modal{width:min(520px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.toast-container{bottom:16px;flex-direction:column;align-items:flex-end;pointer-events:none;position:fixed;top:16px;right:16px;z-index:60;display:grid;gap:10px}.toast{max-width:320px;width:fit-content;pointer-events:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;min-width:240px;box-shadow:var(--shadow);animation:toastIn .22s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.input{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);width:min(360px,55vw)}.input:focus{outline:none;border-color:color-mix(in oklab,var(--accent),transparent 35%);box-shadow:0 0 0 4px var(--ring)}.stat-number{font-size:2rem;font-weight:900;margin-bottom:6px;letter-spacing:.2px}.label{font-weight:800;display:block;margin-bottom:8px}.help{margin-top:8px;font-size:.88rem;color:var(--muted)}.form-grid{gap:14px}.form-grid,.form-group{display:grid}.control{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);width:100%;transition:box-shadow var(--transition),border-color var(--transition)}.control:focus{outline:none;border-color:color-mix(in oklab,var(--accent),transparent 35%);box-shadow:0 0 0 4px var(--ring)}.input-group{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.input-addon{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);white-space:nowrap}.check,.radio{display:flex;align-items:center;gap:10px;color:var(--text);user-select:none}.check input,.radio input{width:18px;height:18px;accent-color:var(--accent)}.switch{display:flex;align-items:center;gap:12px;user-select:none}.switch input{display:none}.switch-ui{width:46px;height:26px;background:color-mix(in oklab,var(--border),transparent 10%);position:relative;transition:background var(--transition),border-color var(--transition);flex:0 0 auto}.switch-ui,.switch-ui:after{border-radius:999px;border:1px solid var(--border)}.switch-ui:after{content:"";width:20px;height:20px;background:var(--surface);position:absolute;top:50%;left:3px;transform:translateY(-50%);transition:left var(--transition),background var(--transition)}.switch input:checked+.switch-ui{background:color-mix(in oklab,var(--accent),transparent 70%);border-color:color-mix(in oklab,var(--accent),transparent 55%)}.switch input:checked+.switch-ui:after{left:23px;background:var(--accent);border-color:color-mix(in oklab,var(--accent),transparent 30%)}.switch-text{font-size:.92rem}.range{width:100%;accent-color:var(--accent)}.breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted)}.breadcrumbs a{color:var(--text);padding:6px 10px;border-radius:999px;border:1px solid transparent}.breadcrumbs a:hover{border-color:var(--border);background:color-mix(in oklab,var(--surface),#000 6%)}.crumb-sep{opacity:.6}.crumb-current{color:var(--muted)}.jumbotron{border-radius:var(--radius-lg);border:1px solid color-mix(in oklab,var(--accent),transparent 70%);background:radial-gradient(1200px 500px at 20% 0,color-mix(in oklab,var(--accent),transparent 75%),transparent),linear-gradient(180deg,color-mix(in oklab,var(--surface),#000 4%),var(--surface));padding:18px;box-shadow:var(--shadow)}.j-title{font-size:clamp(22px,2.2vw,32px);font-weight:900;letter-spacing:.2px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface),#000 4%);transition:transform var(--transition),border-color var(--transition)}.list-item:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--accent),var(--border) 80%)}.type-h1{font-size:1.45rem;font-weight:900}.type-h2{font-size:1.15rem;font-weight:900;margin-top:10px}.type-h3{font-size:1rem;font-weight:800;margin-top:10px;color:var(--muted)}.type-p{margin-top:10px;color:var(--text)}.type-link{color:var(--accent);text-decoration:none}.type-link:hover{text-decoration:underline}.quote{border-left:4px solid var(--accent);background:color-mix(in oklab,var(--surface-2),transparent 30%);border-radius:12px;color:var(--muted)}.codeblock,.quote{margin-top:12px;padding:12px 14px}.codeblock{border:1px solid var(--border);background:color-mix(in oklab,var(--surface),#000 8%);border-radius:12px;overflow:auto}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:color-mix(in oklab,var(--accent),transparent 65%);border:1px solid color-mix(in oklab,var(--accent),transparent 55%);color:var(--text);font-size:.72rem;font-weight:800}.album-tile{display:block;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--surface);transition:transform var(--transition),border-color var(--transition)}.album-tile:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--accent),var(--border) 80%)}.album-tile img{width:100%;height:170px;object-fit:cover}.album-cap{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface-2);border-top:1px solid var(--border)}.has-tooltip{position:relative}.tooltip{position:fixed;z-index:9999;max-width:320px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-size:.85rem;line-height:1.35;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity var(--transition),transform var(--transition)}.tooltip.show{opacity:1;transform:translateY(0)}.tooltip .tooltip-title{font-weight:900;margin-bottom:4px;color:var(--text)}.tooltip[data-variant=info]{border-color:color-mix(in oklab,var(--accent),transparent 60%)}.tooltip-arrow{position:absolute;width:10px;height:10px;background:var(--surface);border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg)}.list-group{display:grid;gap:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.list-group.flush{border:0;border-radius:0}.list-group-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);background:transparent;color:var(--text);transition:background var(--transition),border-color var(--transition)}.list-group-item:last-child{border-bottom:0}.list-group-item:hover{background:color-mix(in oklab,var(--surface-2),transparent 20%)}.list-group-item.active{background:color-mix(in oklab,var(--accent),transparent 86%);border-color:color-mix(in oklab,var(--accent),transparent 60%)}.list-left{display:flex;align-items:center;gap:12px;min-width:0}.list-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:color-mix(in oklab,var(--surface-2),transparent 12%);border:1px solid var(--border);flex:0 0 auto}.list-text{min-width:0}.list-title{font-weight:900}.list-sub{font-size:.88rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52ch}.list-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.list-group-item.clickable{cursor:pointer}.alert{padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.alert .alert-body{min-width:0}.alert .alert-title{font-weight:900;margin-bottom:4px}.alert .alert-close{flex:0 0 auto;width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface-2),transparent 10%);color:var(--text);cursor:pointer;display:grid;place-items:center;transition:opacity var(--transition),transform .05s ease}.alert .alert-close:hover{opacity:.9}.alert .alert-close:active{transform:translateY(1px)}.alert.removing{opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease}.skip-link{position:absolute;left:-999px;top:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);z-index:99999}.skip-link:focus{left:12px}.offcanvas-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:80}.offcanvas{position:fixed;top:0;bottom:0;left:0;width:min(86vw,340px);background:var(--surface);border-right:1px solid var(--border);z-index:90;transform:translateX(-105%);transition:transform var(--transition);display:flex;flex-direction:column}.offcanvas.open{transform:translateX(0)}.offcanvas-header{height:60px;padding:14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.offcanvas-body{padding:12px 10px;display:grid;gap:8px}.offcanvas-footer{margin-top:auto;padding:12px 14px;border-top:1px solid var(--border);display:flex;gap:10px}.empty{text-align:center;padding:26px 18px}.empty-icon{font-size:40px}.empty-title{font-size:1.1rem;margin-top:10px}.skeleton-list{display:grid;gap:12px}.skeleton-row{display:flex;align-items:center;gap:12px}.sk{background:color-mix(in oklab,var(--surface-2),transparent 10%);border:1px solid var(--border);border-radius:12px;position:relative;overflow:hidden}.sk:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.12),transparent);animation:shimmer 1.1s infinite}@keyframes shimmer{to{transform:translateX(100%)}}.sk-avatar{width:38px;height:38px;border-radius:14px}.sk-line{height:16px;width:min(520px,70vw);border-radius:999px}.pagination{gap:8px}.page{min-width:36px;height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.page:hover{background:color-mix(in oklab,var(--surface-2),transparent 20%)}.page.active{border-color:color-mix(in oklab,var(--accent),transparent 40%);background:color-mix(in oklab,var(--accent),transparent 85%)}.spinner{width:34px;height:34px;border-radius:999px;border:3px solid color-mix(in oklab,var(--border),transparent 0%);border-top-color:var(--accent);animation:spin .9s linear infinite}.spinner.sm{width:24px;height:24px;border-width:3px}@keyframes spin{to{transform:rotate(1turn)}}.indeterminate{height:10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface-2),transparent 10%);overflow:hidden;position:relative}.indeterminate:after{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,var(--accent),color-mix(in oklab,var(--accent),#fff 10%));animation:indet 1.2s ease-in-out infinite}@keyframes indet{0%{left:-45%}to{left:105%}}.control.is-valid{border-color:color-mix(in oklab,#2fd180,transparent 35%);box-shadow:0 0 0 4px color-mix(in oklab,#2fd180,transparent 85%)}.control.is-invalid{border-color:color-mix(in oklab,#ff5d5d,transparent 30%);box-shadow:0 0 0 4px color-mix(in oklab,#ff5d5d,transparent 85%)}.control.is-warn{border-color:color-mix(in oklab,#fc6,transparent 30%);box-shadow:0 0 0 4px color-mix(in oklab,#fc6,transparent 88%)}.valid-msg{color:color-mix(in oklab,#2fd180,var(--text) 20%)}.error-msg{color:color-mix(in oklab,#ff5d5d,var(--text) 20%)}.warn-msg{color:color-mix(in oklab,#fc6,var(--text) 20%)}.dropzone:hover{background:color-mix(in oklab,var(--surface-2),transparent 18%)}.dropzone.dragover{border-color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 90%)}.dropzone-input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone-files{display:grid;gap:8px;text-align:left}.file-pill{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-size:.9rem}.combobox{position:relative}.combo-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:8px;z-index:70}.combo-item{padding:10px 12px;border-radius:12px;cursor:pointer;color:var(--text)}.combo-item.active,.combo-item:hover{background:color-mix(in oklab,var(--surface-2),transparent 18%)}.chips{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in oklab,var(--accent),transparent 60%);background:color-mix(in oklab,var(--accent),transparent 88%);font-size:.85rem}.chip button{border:0;background:transparent;color:var(--text);cursor:pointer;opacity:.8}.chip button:hover{opacity:1}.chips-input{border:0;outline:none;background:transparent;color:var(--text);padding:6px;min-width:160px;flex:1 1 160px}.table-wrap{overflow:auto;border-radius:var(--radius-lg)}.table-sort th{cursor:pointer;user-select:none;position:relative}.sort-ind{display:inline-block;margin-left:8px;opacity:.7}.table-sort th[data-dir=asc] .sort-ind:before{content:"▲"}.table-sort th[data-dir=desc] .sort-ind:before{content:"▼"}.badge.outline{background:transparent;border:1px solid color-mix(in oklab,var(--accent),transparent 40%);color:var(--text)}.badge.soft{background:color-mix(in oklab,var(--accent),transparent 86%);border:1px solid color-mix(in oklab,var(--accent),transparent 65%);color:var(--text)}.badge.dot{background:transparent;border:1px solid var(--border);padding-left:10px;position:relative}.badge.dot:before{content:"";width:8px;height:8px;border-radius:999px;background:#2fd180;display:inline-block;margin-right:8px}.avatar-stack{display:flex;align-items:center}.avatar.more{opacity:.85}.avatar.away:after,.avatar.online:after{content:"";width:10px;height:10px;border-radius:999px;position:absolute;right:-2px;bottom:-2px;border:2px solid var(--surface)}.avatar.online:after{background:#2fd180}.avatar.away:after{background:#fc6}.timeline{display:grid;gap:14px}.tl-item{display:flex;gap:12px}.tl-dot{width:12px;height:12px;border-radius:999px;background:var(--accent);margin-top:6px;box-shadow:0 0 0 4px color-mix(in oklab,var(--accent),transparent 85%)}.tl-body{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 14px;width:100%}.tl-title{font-weight:900}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:10px}.step-num{width:28px;height:28px;border-radius:10px;border:1px solid var(--border);display:grid;place-items:center;background:var(--surface-2)}.step-label,.step-num{font-weight:900}.step.done{border-color:color-mix(in oklab,#2fd180,transparent 55%)}.step.done .step-num{background:color-mix(in oklab,#2fd180,transparent 70%)}.step.active{border-color:color-mix(in oklab,var(--accent),transparent 55%);background:color-mix(in oklab,var(--accent),transparent 92%)}.spark{width:120px;height:34px}.codeblock.copyable{position:relative;padding-top:34px}.copy-btn{position:absolute;top:8px;right:8px;height:28px;padding:0 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;font-size:.82rem}.copy-btn:hover{opacity:.92}.popover{position:fixed;z-index:9999;width:min(320px,calc(100vw - 24px));border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);padding:10px}.popover-title{font-weight:900;margin:4px 2px 8px}.popover-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.popover[hidden]{display:none}.section-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--muted);font-weight:900;margin-bottom:8px}.demo-section{scroll-margin-top:calc(var(--topbar-h) + 24px)}.demo-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.demo-title .h2{margin-bottom:0}.swatch{min-height:96px;border-radius:16px;border:1px solid var(--border);padding:14px;display:flex;flex-direction:column;justify-content:space-between}.text-gold{color:var(--gold)!important}.text-green{color:var(--green)!important}.text-red{color:var(--red)!important}.text-orange{color:var(--orange)!important}.text-brown{color:var(--brown)!important}.text-grey{color:var(--grey)!important}.text-blue{color:var(--blue)!important}.text-purple{color:var(--purple)!important}.text-cyan{color:var(--cyan)!important}.bg-gold{border-color:color-mix(in oklab,var(--c-gold),#000 12%)!important;background:var(--gold)!important;color:#13100a!important}.bg-green{border-color:color-mix(in oklab,var(--c-green),#000 12%)!important;background:var(--green)!important;color:#06140d!important}.bg-red{border-color:color-mix(in oklab,var(--c-red),#000 12%)!important;background:var(--red)!important;color:#1a0505!important}.bg-orange{border-color:color-mix(in oklab,var(--c-orange),#000 12%)!important;background:var(--orange)!important;color:#180e03!important}.bg-brown{border-color:color-mix(in oklab,var(--c-brown),#000 12%)!important;background:var(--brown)!important;color:#fff!important}.bg-grey{border-color:color-mix(in oklab,var(--c-grey),#000 12%)!important;background:var(--grey)!important;color:#111!important}.bg-dark{border-color:color-mix(in oklab,var(--c-dark),#000 12%)!important;background:var(--dark)!important;color:#fff!important}.bg-blue{background:var(--blue)!important;color:#03101d!important}.bg-purple{background:var(--purple)!important;color:#fff!important}.bg-cyan{background:var(--cyan)!important;color:#021116!important}.bg-gold-soft{border-color:color-mix(in oklab,var(--c-gold),transparent 60%)!important;background:color-mix(in oklab,var(--gold),transparent 88%)!important}.bg-green-soft{border-color:color-mix(in oklab,var(--c-green),transparent 60%)!important;background:color-mix(in oklab,var(--green),transparent 90%)!important}.bg-red-soft{border-color:color-mix(in oklab,var(--c-red),transparent 60%)!important;background:color-mix(in oklab,var(--red),transparent 90%)!important}.bg-orange-soft{border-color:color-mix(in oklab,var(--c-orange),transparent 60%)!important;background:color-mix(in oklab,var(--orange),transparent 90%)!important}.bg-brown-soft{border-color:color-mix(in oklab,var(--c-brown),transparent 60%)!important;background:color-mix(in oklab,var(--brown),transparent 88%)!important}.bg-grey-soft{border-color:color-mix(in oklab,var(--c-grey),transparent 60%)!important;background:color-mix(in oklab,var(--grey),transparent 88%)!important}.bg-blue-soft{background:color-mix(in oklab,var(--blue),transparent 90%)!important}.bg-purple-soft{background:color-mix(in oklab,var(--purple),transparent 90%)!important}.bg-cyan-soft{background:color-mix(in oklab,var(--cyan),transparent 90%)!important}.border-gold{border-color:color-mix(in oklab,var(--gold),transparent 25%)!important}.border-green{border-color:color-mix(in oklab,var(--green),transparent 25%)!important}.border-red{border-color:color-mix(in oklab,var(--red),transparent 25%)!important}.border-orange{border-color:color-mix(in oklab,var(--orange),transparent 25%)!important}.border-blue{border-color:color-mix(in oklab,var(--blue),transparent 25%)!important}.border-purple{border-color:color-mix(in oklab,var(--purple),transparent 25%)!important}.glow-gold{box-shadow:0 0 28px color-mix(in oklab,var(--gold),transparent 82%)!important}.glow-green{box-shadow:0 0 28px color-mix(in oklab,var(--green),transparent 84%)!important}.glow-red{box-shadow:0 0 28px color-mix(in oklab,var(--red),transparent 84%)!important}.glow-orange{box-shadow:0 0 28px color-mix(in oklab,var(--orange),transparent 84%)!important}.glow-blue{box-shadow:0 0 28px color-mix(in oklab,var(--blue),transparent 84%)!important}.glow-purple{box-shadow:0 0 28px color-mix(in oklab,var(--purple),transparent 84%)!important}.gradient-accent{background:linear-gradient(135deg,var(--accent),var(--accent-2))!important}.gradient-gold{background:linear-gradient(135deg,#f5d56f,#9d6d12)!important;color:#161009!important}.gradient-green{background:linear-gradient(135deg,#5cffb0,#15965a)!important;color:#04140c!important}.gradient-red{background:linear-gradient(135deg,#ff8c8c,#b91f1f)!important;color:#fff!important}.gradient-blue{background:linear-gradient(135deg,#6ec8ff,#2457ff)!important;color:#fff!important}.gradient-purple{background:linear-gradient(135deg,#c084fc,#5b21b6)!important;color:#fff!important}.hero-title{margin-top:12px;font-size:clamp(36px,8vw,82px);line-height:.95;letter-spacing:-.05em;font-weight:900}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.hero-card{align-self:start;justify-self:end;width:100%;max-width:500px;position:relative}.hero-float{margin-top:16px;justify-content:flex-end;position:absolute;right:24px;bottom:-14px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:10px 12px;box-shadow:var(--shadow)}.landing-nav{left:0;right:0;width:100%;position:sticky;top:0;z-index:40;background:color-mix(in oklab,var(--bg),var(--surface) 45%);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.landing-nav-inner{min-height:var(--landing-nav-h);height:70px;max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.landing-brand{gap:12px}.landing-brand,.landing-links{display:flex;align-items:center}.landing-links{gap:16px;color:var(--muted);font-weight:800}.landing-links a:hover{opacity:1;color:var(--text)}.landing-actions{display:flex;gap:10px;align-items:center}.landing-section{padding:42px 0}.landing-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.landing-footer{border-top:1px solid var(--border);padding:26px 0;margin-top:30px;color:var(--muted)}.pricing-card{position:relative}.pricing-card.featured{border-color:color-mix(in oklab,var(--accent),transparent 35%);box-shadow:var(--shadow)}.avatar.xl{width:58px;height:58px;border-radius:18px;font-size:1.2rem;margin-left:0}.dropzone{padding:18px;transition:border-color var(--transition),background var(--transition);position:relative;min-height:130px;width:100%;border:1px dashed var(--accent);border-radius:var(--radius);background:color-mix(in oklab,var(--accent),transparent 94%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;cursor:pointer}.dropzone-icon{font-size:2rem;line-height:1}.avatar-group{display:flex;align-items:center;flex-wrap:wrap}.avatar{place-items:center;box-shadow:0 8px 18px rgba(0,0,0,.18);position:relative;width:42px;height:42px;border-radius:999px;background:var(--surface-2);border:2px solid var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-weight:900;margin-left:-10px}.avatar:first-child{margin-left:0}.presence,.role-badge,.status-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:.82rem;font-weight:800;border:1px solid var(--border);background:var(--surface-2)}.presence-dot{width:9px;height:9px;border-radius:999px;background:var(--muted);box-shadow:0 0 0 3px color-mix(in oklab,var(--muted),transparent 82%)}.presence.online .presence-dot{background:#2ecc71;box-shadow:0 0 0 3px rgba(46,204,113,.18)}.presence.idle .presence-dot{background:#f1c40f;box-shadow:0 0 0 3px rgba(241,196,15,.18)}.presence.dnd .presence-dot{background:#e74c3c;box-shadow:0 0 0 3px rgba(231,76,60,.18)}.presence.offline .presence-dot{background:#7f8495;box-shadow:0 0 0 3px rgba(127,132,149,.18)}.status-chip.success{color:#2ecc71;background:rgba(46,204,113,.12);border-color:rgba(46,204,113,.25)}.status-chip.warning{color:#f1c40f;background:rgba(241,196,15,.12);border-color:rgba(241,196,15,.25)}.status-chip.danger{color:#ff6b6b;background:hsla(0,100%,71%,.12);border-color:hsla(0,100%,71%,.25)}.status-chip.info{color:#5a8cff;background:rgba(90,140,255,.12);border-color:rgba(90,140,255,.25)}.status-chip.muted{color:var(--muted);background:rgba(154,160,181,.1);border-color:var(--border)}.status-chip.premium{color:#f4c542;background:rgba(244,197,66,.12);border-color:rgba(244,197,66,.28)}.user-card{max-width:420px}.user-card-header{display:flex;align-items:center;gap:14px}.avatar.lg{width:58px;height:58px;font-size:1rem}.clan-banner,.clan-card,.event-card{overflow:hidden}.clan-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 10px 28px rgba(65,68,177,.28);flex:0 0 auto}.clan-icon.lg{width:64px;height:64px;border-radius:18px;font-size:1.1rem}.clan-banner{background:radial-gradient(circle at top left,rgba(65,68,177,.25),transparent 35%),var(--surface)}.notification-list{display:grid;gap:10px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border)}.notification-icon{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(65,68,177,.16);flex:0 0 auto}.role-badge.owner{color:#f4c542;background:rgba(244,197,66,.12);border-color:rgba(244,197,66,.28)}.role-badge.manager{color:#b67cff;background:rgba(182,124,255,.12);border-color:rgba(182,124,255,.28)}.role-badge.team1{color:#5a8cff;background:rgba(90,140,255,.12);border-color:rgba(90,140,255,.28)}.role-badge.team2{color:#ff6b6b;background:hsla(0,100%,71%,.12);border-color:hsla(0,100%,71%,.28)}.role-badge.participant{color:#2ecc71;background:rgba(46,204,113,.12);border-color:rgba(46,204,113,.28)}.topbar-actions{flex-shrink:0;display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.global-search{flex:1;min-width:0;position:relative;z-index:80}.global-search-input-wrap{height:42px;display:flex;align-items:center;width:100%;gap:10px;padding:0 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);transition:border-color var(--transition),box-shadow var(--transition)}.global-search:focus-within .global-search-input-wrap{border-color:rgba(90,94,230,.7);box-shadow:0 0 0 4px rgba(65,68,177,.22)}.global-search-input-wrap i{color:var(--muted);font-size:.95rem}.global-search-input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:.9rem}.global-search-clear{width:28px;height:28px;display:none;align-items:center;justify-content:center;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.global-search-clear:hover{background:var(--surface-2);color:var(--text)}.global-search.has-value .global-search-clear{display:flex}.global-search-menu{position:absolute;top:calc(100% + 10px);left:0;right:0;width:100%;max-width:520px;min-width:320px;max-height:70vh;z-index:1000;overflow:hidden;display:none;flex-direction:column;padding:12px;border-radius:18px;border:1px solid var(--border);background:radial-gradient(circle at top right,rgba(65,68,177,.18),transparent 34%),var(--surface);box-shadow:var(--shadow)}.global-search.open .global-search-menu{display:flex}#globalSearchResults{overflow-y:auto;max-height:calc(70vh - 60px);padding-right:4px}#globalSearchResults::-webkit-scrollbar{width:8px}#globalSearchResults::-webkit-scrollbar-thumb{background:rgba(90,94,230,.35);border-radius:999px}#globalSearchResults::-webkit-scrollbar-track{background:transparent}.search-section{display:grid;gap:8px;margin-bottom:14px}.search-section-title{display:flex;align-items:center;gap:8px;padding:4px;color:var(--accent-2);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.search-section-title span{margin-left:auto;color:var(--muted)}.search-result{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border-radius:14px;border:1px solid transparent;background:hsla(0,0%,100%,.025);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.search-result.active,.search-result:hover{background:rgba(65,68,177,.16);border-color:rgba(90,94,230,.38);transform:translateY(-1px)}.search-thumb{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:900;flex:0 0 auto}.search-thumb img{width:100%;height:100%;object-fit:cover}.search-title{color:var(--text);font-weight:900;line-height:1.2}.search-meta,.search-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-meta{color:var(--muted);font-size:.78rem;margin-top:3px}.search-type{padding:5px 9px;border-radius:999px;font-size:.68rem;font-weight:900;text-transform:uppercase;white-space:nowrap;border:1px solid var(--border)}.search-type.clan{color:#8d6cff;background:rgba(141,108,255,.12);border-color:rgba(141,108,255,.28)}.search-type.event{color:#2fd180;background:rgba(47,209,128,.12);border-color:rgba(47,209,128,.28)}.search-type.task{color:#ffae42;background:rgba(255,174,66,.12);border-color:rgba(255,174,66,.28)}.search-type.user{color:#5a8cff;background:rgba(90,140,255,.12);border-color:rgba(90,140,255,.28)}.global-search-empty{text-align:center;padding:28px 16px}.global-search-footer{position:sticky;bottom:-12px;display:flex;justify-content:space-between;gap:12px;padding:12px;margin:12px -12px -12px;border-top:1px solid var(--border);background:color-mix(in oklab,var(--surface),#000 6%);color:var(--muted);font-size:.72rem}.global-search-footer span{display:flex;align-items:center;gap:5px}.global-search-footer kbd{padding:2px 6px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.68rem;font-family:inherit}.search-view-all{display:flex;justify-content:center;padding:9px;border-radius:12px;color:var(--accent-2);font-size:.82rem;font-weight:900}.search-view-all:hover{background:rgba(65,68,177,.12)}.notif-wrapper{position:relative;z-index:80}.notif-button{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.notif-button:hover,.notif-wrapper.open .notif-button{border-color:rgba(90,94,230,.7);box-shadow:0 0 0 4px rgba(65,68,177,.18)}.notif-dot{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:999px;background:#ff5d5d;box-shadow:0 0 0 3px rgba(255,93,93,.18)}.users-list .user-list-item{color:inherit;text-decoration:none}.users-list .user-list-item:hover{color:inherit}.user-thumb{border-radius:14px}.user-thumb img{width:100%;height:100%;object-fit:cover}.user-thumb i{font-size:1.35rem;color:var(--muted)}.pagination{display:flex;gap:.4rem;flex-wrap:wrap}.pagination,.pagination .page{align-items:center;justify-content:center}.pagination .page{min-width:38px;height:38px;padding:0 .85rem;display:inline-flex;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;font-weight:800;line-height:1;text-decoration:none}.pagination .page:hover{border-color:var(--accent);background:rgba(65,68,177,.18)}.pagination .page.active{border-color:var(--accent);background:rgba(129,95,255,.22);color:#fff}.pagination .page.disabled{opacity:.45;pointer-events:none}.notif-menu{position:absolute;top:calc(100% + 10px);right:0;width:min(420px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 100px));overflow:auto;display:none;border-radius:18px;border:1px solid var(--border);background:radial-gradient(circle at top right,rgba(65,68,177,.18),transparent 34%),var(--surface);box-shadow:var(--shadow)}.notif-wrapper.open .notif-menu{display:block}.notif-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.notif-title{color:var(--accent-2);font-weight:900;font-size:1rem}.notif-list{display:grid;gap:8px;padding:10px}.notif-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:12px;border-radius:14px;border:1px solid transparent;background:hsla(0,0%,100%,.025);transition:background .15s ease,border-color .15s ease,transform .15s ease}.notif-item:hover{background:rgba(65,68,177,.14);border-color:rgba(90,94,230,.35);transform:translateY(-1px)}.notif-item.unread{background:rgba(65,68,177,.08)}.notif-item.important{border-color:rgba(255,93,93,.24)}.notif-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:1rem}.notif-icon.success{color:#2fd180;background:rgba(47,209,128,.12);border:1px solid rgba(47,209,128,.26)}.notif-icon.info{color:#5a8cff;background:rgba(90,140,255,.12);border:1px solid rgba(90,140,255,.26)}.notif-icon.warning{color:#ffae42;background:rgba(255,174,66,.12);border:1px solid rgba(255,174,66,.26)}.notif-icon.danger{color:#ff5d5d;background:rgba(255,93,93,.12);border:1px solid rgba(255,93,93,.26)}.notif-icon.muted{color:var(--muted);background:rgba(154,160,181,.1);border:1px solid var(--border)}.notif-content{min-width:0}.notif-item-title{font-weight:900;color:var(--text);line-height:1.2}.notif-item-text{color:var(--muted);font-size:.82rem;margin-top:4px;line-height:1.35}.notif-time{color:var(--accent-2);font-size:.72rem;font-weight:800;margin-top:7px}.notif-footer{position:sticky;bottom:0;padding:12px;border-top:1px solid var(--border);background:color-mix(in oklab,var(--surface),#000 6%);text-align:center}.notif-footer a{color:var(--accent-2);font-weight:900;font-size:.86rem}.date-input-wrap{position:relative}.date-input-wrap i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--accent-2);z-index:2}.date-control{padding-left:40px}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{display:none!important}.flatpickr-months .flatpickr-month{color:var(--text)!important;fill:var(--text)!important;height:44px!important}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year{background:transparent!important;color:var(--text)!important;font-weight:900!important}.flatpickr-days{padding:10px 12px 12px!important}.flatpickr-day:hover{background:rgba(65,68,177,.16)!important;border-color:rgba(90,94,230,.35)!important}.flatpickr-day.today{border-color:rgba(90,94,230,.6)!important}.flatpickr-day.endRange,.flatpickr-day.selected,.flatpickr-day.startRange{background:var(--accent)!important;border-color:var(--accent-2)!important;color:#fff!important}.flatpickr-day.inRange{background:rgba(65,68,177,.18)!important;border-color:transparent!important;box-shadow:none!important}.flatpickr-day.nextMonthDay,.flatpickr-day.prevMonthDay{color:rgba(154,160,181,.35)!important}.flatpickr-time .flatpickr-am-pm,.flatpickr-time input{color:var(--text)!important;font-weight:900!important;background:transparent!important}.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{background:rgba(65,68,177,.12)!important}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:var(--accent-2)!important}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:var(--accent-2)!important}.schedule-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:var(--radius-lg);border:1px solid rgba(90,94,230,.24);background:radial-gradient(circle at top left,rgba(65,68,177,.14),transparent 34%),var(--surface-2)}.schedule-preview-title{font-weight:900;color:var(--text)}.flatpickr-calendar{background:radial-gradient(circle at top right,rgba(65,68,177,.18),transparent 34%),var(--surface)!important;border:1px solid var(--border)!important;border-radius:18px!important;box-shadow:var(--shadow)!important;overflow:hidden!important;font-family:Lexend,sans-serif!important;color:var(--text)!important;width:326px!important;padding:0!important}.flatpickr-innerContainer{display:block!important}.dayContainer,.flatpickr-days,.flatpickr-rContainer{width:100%!important;min-width:100%!important;max-width:100%!important}.dayContainer{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:4px!important;padding:0 12px 12px!important}.flatpickr-weekdays{background:transparent!important;height:auto!important;padding:8px 12px 4px!important}.flatpickr-weekdaycontainer{display:grid!important;grid-template-columns:repeat(7,1fr)!important}span.flatpickr-weekday{color:var(--muted)!important;font-size:.72rem!important;font-weight:900!important;text-transform:uppercase!important;width:auto!important;text-align:center!important}.flatpickr-day{border-radius:10px!important;color:var(--text)!important;border:1px solid transparent!important;font-weight:800!important;width:auto!important;max-width:none!important;height:36px!important;line-height:36px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.flatpickr-months{padding:10px 12px 0!important}.flatpickr-current-month{font-size:1rem!important;font-weight:900!important;left:0!important;width:100%!important;padding-top:8px!important}.flatpickr-monthDropdown-months{appearance:none!important}.flatpickr-next-month,.flatpickr-prev-month{top:12px!important;width:34px!important;height:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important}.flatpickr-next-month:hover,.flatpickr-prev-month:hover{background:rgba(65,68,177,.16)!important}.flatpickr-time{border-top:1px solid var(--border)!important;background:color-mix(in oklab,var(--surface),#000 5%)!important;max-height:50px!important;line-height:50px!important}.flatpickr-time,.flatpickr-time input{height:50px!important}.ui-toast-host{position:fixed;right:16px;bottom:16px;z-index:9000;display:grid;gap:10px;width:min(380px,calc(100vw - 32px))}.ui-toast{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:flex-start;padding:12px;border-radius:16px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);animation:uiToastIn .18s ease}@keyframes uiToastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ui-toast-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(65,68,177,.14)}.ui-toast-title{font-weight:900;line-height:1.2}.ui-toast-text{color:var(--muted);font-size:.86rem;margin-top:3px}.ui-toast-close{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:1rem}.ui-toast.success .ui-toast-icon{color:#2fd180;background:rgba(47,209,128,.12)}.ui-toast.danger .ui-toast-icon,.ui-toast.error .ui-toast-icon{color:#ff5d5d;background:rgba(255,93,93,.12)}.ui-toast.warning .ui-toast-icon{color:#ffae42;background:rgba(255,174,66,.12)}.ui-toast.info .ui-toast-icon{color:#5a8cff;background:rgba(90,140,255,.12)}.ui-modal-overlay{position:fixed;inset:0;z-index:8000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.68);opacity:0;visibility:hidden;transition:.18s ease}.ui-modal-overlay.show{opacity:1;visibility:visible}.ui-modal{width:min(720px,100%);max-height:min(820px,calc(100vh - 36px));overflow:hidden;border-radius:18px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);transform:translateY(10px) scale(.98);transition:.18s ease}.ui-modal-overlay.show .ui-modal{transform:none}.ui-modal-footer,.ui-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px}.ui-modal-header{border-bottom:1px solid var(--border)}.ui-modal-title{font-weight:900;color:var(--text);font-size:1.1rem}.ui-modal-subtitle{color:var(--muted);font-size:.88rem;margin-top:3px}.ui-modal-body{padding:18px;overflow:auto;max-height:calc(100vh - 230px)}.ui-modal-footer{justify-content:flex-end;border-top:1px solid var(--border)}.ui-loading-overlay{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.58);opacity:0;visibility:hidden;transition:.18s ease}.ui-loading-overlay.show{opacity:1;visibility:visible}.ui-loading-box{display:flex;align-items:center;gap:14px;width:min(360px,100%);padding:18px;border-radius:18px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.ui-loading-title{font-weight:900}.ui-loading-text{color:var(--muted);font-size:.88rem}.btn-danger{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.35);color:#fecaca}.btn-danger:hover{background:rgba(239,68,68,.22);border-color:rgba(239,68,68,.55);color:#fff}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.theme-option{width:100%;text-align:left;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:16px;padding:14px;cursor:pointer;transition:.18s ease}.theme-option:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--accent),transparent 35%)}.theme-option.active{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.theme-option-top{display:flex;justify-content:space-between;gap:12px}.theme-option-name{font-weight:900}.theme-option-desc{color:var(--muted);font-size:.82rem;margin-top:3px}.theme-swatches{display:flex;gap:5px;flex:0 0 auto}.theme-dot{width:16px;height:16px;border-radius:999px;border:1px solid hsla(0,0%,100%,.22)}.icon-btn{width:42px;height:42px;padding:0;border-radius:12px}.icon-btn i{font-size:1rem}.theme-preview{height:105px;border-radius:14px;overflow:hidden;background:var(--preview-bg);border:1px solid hsla(0,0%,100%,.12);margin-bottom:12px}.theme-preview-top{height:26px;background:var(--preview-surface);border-bottom:1px solid hsla(0,0%,100%,.1)}.theme-preview-body{padding:12px;display:grid;gap:10px}.theme-preview-card{height:34px;border-radius:10px;background:var(--preview-surface);padding:8px;display:grid;gap:5px}.theme-preview-card small,.theme-preview-card span{display:block;height:5px;border-radius:999px;background:hsla(0,0%,100%,.35)}.theme-preview-card span{width:70%}.theme-preview-card small{width:45%}.theme-preview-button{width:64px;height:18px;border-radius:999px;background:var(--preview-accent)}.desktop-only{display:inline-flex}.mobile-only{display:none}@media (min-width:768px){.grid.cols-6{grid-template-columns:repeat(6,1fr)}.grid.cols-7{grid-template-columns:repeat(7,1fr)}.grid.cols-8{grid-template-columns:repeat(8,1fr)}.grid.cols-9{grid-template-columns:repeat(9,1fr)}.grid.cols-10{grid-template-columns:repeat(10,1fr)}.grid.cols-11{grid-template-columns:repeat(11,1fr)}.grid.cols-12{grid-template-columns:repeat(12,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-5{grid-template-columns:repeat(5,1fr)}}@media (max-width:640px){.process-steps{grid-template-columns:1fr}.process-step:after{top:auto;left:50%;bottom:-12px;width:2px;height:24px;transform:translateX(-50%);display:block}.process-step:nth-child(2n):after,.process-step:nth-child(4n):after{display:block}.process-step:last-child:after{display:none}.process-card{text-align:left}.instruction-step{grid-template-columns:44px 1fr;gap:12px}.instruction-number{width:36px;height:36px;font-size:.92rem}.instruction-step:not(:last-child) .instruction-marker:after{top:44px}}@media (max-width:920px){.landing-links{display:none}}@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.process-steps{grid-template-columns:repeat(2,1fr)}.process-step:after,.process-step:nth-child(4n):after{display:block}.process-step:last-child:after,.process-step:nth-child(2n):after{display:none}}@media (max-width:900px){.hero-card{width:100%}.quick-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.quick-stats-grid{grid-template-columns:1fr}}@media (max-width:640px){.sidebar.mobile-open{width:min(84vw,320px)}.sidebar.mobile-open .hide-collapsed{opacity:1!important;width:auto!important;max-width:none!important;overflow:visible!important;white-space:nowrap!important;pointer-events:auto!important}.sidebar.mobile-open .nav-item{justify-content:flex-start}.sidebar.mobile-open .nav-icon{width:24px;flex:0 0 24px}.sidebar.mobile-open .brand{justify-content:flex-start}.user-card{max-width:none}.clan-banner .flex-between{align-items:flex-start}.clan-banner .flex-between>.flex:last-child{width:100%;margin-top:16px}.clan-banner .flex-between>.flex:last-child .btn{flex:1}.clan-card .grid.cols-3,.event-card .grid.cols-3{grid-template-columns:1fr}}@media (max-width:1200px){.how-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.how-step:nth-child(3):after,.how-step:nth-child(3):before,.how-step:nth-child(6):after,.how-step:nth-child(6):before{display:none}.how-step-wide{grid-column:span 3}.how-step:after,.how-step:before{display:none!important}}@media (max-width:760px){.how-step:not(:last-child):before{top:58px;left:25px;width:2px;height:calc(100% - 42px);background:linear-gradient(180deg,var(--accent),transparent)}.how-step:not(:last-child):after{top:auto;bottom:-3px;left:20px;right:auto;transform:rotate(135deg)}.how-step-wide{grid-column:auto}.how-step{display:grid;gap:14px;align-items:stretch;grid-template-columns:52px 1fr}.how-icon{margin:0;width:46px;height:46px}.event-mode-arrow{transform:rotate(90deg);display:none}.how-steps{grid-template-columns:1fr;gap:16px}.how-card{text-align:left;align-items:flex-start;padding:18px;min-height:auto}.event-mode-split{grid-template-columns:1fr}.how-step:after,.how-step:before{display:none!important}.list-page-actions,.list-page-head{align-items:stretch;flex-direction:column}.list-search{width:100%}.ce-list-item{grid-template-columns:48px minmax(0,1fr);align-items:start}.ce-thumb{width:48px;height:48px}.ce-side{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border)}.ce-title-row{flex-wrap:wrap}.ce-subtitle,.ce-title{white-space:normal}}@media (max-width:980px){.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.feature-steps{grid-template-columns:1fr}.feature-step-card{min-height:auto}}@media (max-width:560px){.feature-card{padding:22px}.feature-tags span{width:100%;justify-content:center}.feature-step-icon{margin-left:22px}.feature-step-card{padding:60px 22px 24px}.feature-tag-list span{flex:1 1 auto;justify-content:center}}@media (min-width:1201px){.how-steps{grid-template-columns:repeat(6,minmax(0,1fr))}.how-step:after,.how-step:before{display:none}.how-step:not(:last-child):before{display:block;opacity:.75;content:"";position:absolute;top:26px;left:calc(50% + 32px);width:calc(100% - 64px);height:2px;background:linear-gradient(90deg,rgba(90,94,230,.9),rgba(90,94,230,.2));z-index:1}.how-step:not(:last-child):after{display:block;opacity:.75;content:"";position:absolute;top:21px;right:10px;width:10px;height:10px;border-top:2px solid var(--accent-2);border-right:2px solid var(--accent-2);transform:rotate(45deg);z-index:1}}@media (min-width:761px){.how-step:after,.how-step:before{display:none!important}.how-step:first-child:before,.how-step:nth-child(2):before,.how-step:nth-child(4):before,.how-step:nth-child(5):before{content:"";display:block!important;position:absolute;top:26px;left:calc(50% + 38px);width:calc(100% - 76px);height:2px;background:linear-gradient(90deg,rgba(90,94,230,.9),rgba(90,94,230,.15));z-index:1}.how-step:first-child:after,.how-step:nth-child(2):after,.how-step:nth-child(4):after,.how-step:nth-child(5):after{content:"";display:block!important;position:absolute;top:21px;right:12px;width:10px;height:10px;border-top:2px solid var(--accent-2);border-right:2px solid var(--accent-2);transform:rotate(45deg);z-index:1}}@media (max-width:900px){.sidebar{width:var(--sidebar-w-collapsed)}.main{margin-left:var(--sidebar-w-collapsed)}.sidebar .hide-collapsed{opacity:0;pointer-events:none;width:0;overflow:hidden;white-space:nowrap}.steps{grid-template-columns:1fr 1fr}}@media (max-width:720px){.card-horizontal{grid-template-columns:1fr}.card-horizontal .card-image{height:190px}.input-group{grid-template-columns:1fr}}@media (max-width:768px){.album-tile img{height:150px}}@media (prefers-reduced-motion:reduce){.tooltip{transition:none}*{transition:none!important;animation:none!important}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.landing-links{display:none}.demo-title,.landing-head{align-items:start;flex-direction:column}.steps{grid-template-columns:1fr}.topbar{height:auto;min-height:var(--topbar-h);gap:12px}.topbar,.topbar .flex{flex-wrap:wrap}.input{width:100%}.main{min-width:0}.global-search{width:100%}.global-search-menu{position:fixed;left:12px;right:12px;top:76px}}@media(max-width:520px){.search-result{grid-template-columns:38px minmax(0,1fr)}.search-type{grid-column:2;justify-self:start}.global-search-footer{display:none}}@media(max-width:640px){.notif-menu{position:fixed;left:12px;right:12px;top:76px;width:auto}.schedule-preview{align-items:flex-start;flex-direction:column}}@media (max-width:575.98px){.desktop-only{display:none}.mobile-only{display:inline-flex}}.clan-overview-hero{display:flex;justify-content:space-between;gap:24px;padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border);background:radial-gradient(circle at top left,rgba(65,68,177,.18),transparent 34%),var(--surface)}.clan-overview-hero.premium{border-color:rgba(214,169,59,.38);background:radial-gradient(circle at top left,rgba(214,169,59,.18),transparent 34%),var(--surface)}.clan-overview-main{display:flex;gap:18px;align-items:center;min-width:0}.clan-overview-img{width:82px;height:82px;border-radius:20px;object-fit:cover;border:1px solid var(--border)}.clan-overview-actions{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.clan-overview-grid{grid-template-columns:1.05fr .95fr}.member-list,.past-event-list{display:grid;gap:10px}.member-row,.past-event-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:14px;border:1px solid var(--border);background:hsla(0,0%,100%,.025)}.past-event-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(65,68,177,.14);overflow:hidden}.past-event-icon img{width:26px;height:26px;object-fit:contain}.avatar.sm{width:42px;height:42px;border-radius:999px;object-fit:cover;margin-left:0}@media(max-width:900px){.clan-overview-hero{flex-direction:column}.clan-overview-grid{grid-template-columns:1fr}}@media(max-width:560px){.clan-overview-main{align-items:flex-start;flex-direction:column}.member-row,.past-event-row{grid-template-columns:42px minmax(0,1fr)}.member-row .role-badge,.past-event-row .status-chip{grid-column:2;justify-self:start}}.ce-list-item.event .ce-thumb{background:linear-gradient(135deg,rgba(47,209,128,.18),rgba(90,94,230,.18))}.ce-list-item.event.active{border-color:rgba(46,204,113,.35);background:radial-gradient(circle at top left,rgba(46,204,113,.12),transparent 38%),var(--surface)}.ce-list-item.event.inactive{border-color:rgba(90,140,255,.24)}.ce-list-item.event.ended{opacity:.78}.ce-list-item.event.ended .ce-title{color:var(--muted)}.event-thumb img{width:30px;height:30px;object-fit:contain}.ce-mini-icons img{width:24px;height:24px;object-fit:contain}@media(max-width:760px){.list-page-actions .btn-primary{width:100%}}.ce-list-item.event.active .ce-thumb{background:rgba(46,204,113,.18)}.ce-list-item.event.active .status-chip{background:#2ecc71;color:#fff}.ce-list-item.event.upcoming{border-color:rgba(90,140,255,.25)}.ce-list-item.event.upcoming .ce-thumb{background:rgba(90,140,255,.16)}.ce-list-item.event.ended{opacity:.72;border-color:var(--border);background:var(--surface)}.ce-list-item.event.ended .ce-meta,.ce-list-item.event.ended .ce-subtitle,.ce-list-item.event.ended .ce-title{color:var(--muted)}.ce-list-item.event.ended .ce-thumb{filter:grayscale(1);opacity:.6}.ce-list-item.event.premium{border-color:rgba(214,169,59,.45);background:radial-gradient(circle at top left,rgba(214,169,59,.15),transparent 35%),var(--surface)}.ce-list-item.event.premium .ce-thumb{background:rgba(214,169,59,.18)}.ce-list-item.event.premium:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.05) 45%,transparent 75%)}.ce-thumb.bingo{background:#4f46e5}.ce-thumb.connect4{background:#ef4444}.ce-thumb.tiles{background:#10b981}.ce-thumb.hextiles{background:#8b5cf6}.ce-thumb.battleships{background:#0ea5e9}.ce-list-item.task{background:radial-gradient(circle at top left,rgba(214,169,59,.12),transparent 32%),var(--surface);border-color:rgba(214,169,59,.22)}.ce-list-item.task.drop{background:radial-gradient(circle at top left,rgba(214,169,59,.13),transparent 32%),var(--surface);border-color:rgba(214,169,59,.26)}.ce-list-item.task.kill{background:radial-gradient(circle at top left,rgba(255,93,93,.12),transparent 32%),var(--surface);border-color:rgba(255,93,93,.24)}.create-event-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;padding:24px;margin-bottom:24px;border-radius:var(--radius-lg);border:1px solid var(--border);background:radial-gradient(circle at top left,rgba(65,68,177,.18),transparent 34%),var(--surface)}.create-event-summary{display:grid;gap:10px}.summary-pill{padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:hsla(0,0%,100%,.025)}.summary-label{display:block;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.create-event-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;margin-bottom:24px}.create-event-left,.create-event-right{min-width:0}.create-event-left{display:grid;gap:24px}.create-event-left .card{margin-bottom:0}.sticky-create-card{position:sticky;top:calc(var(--topbar-h) + 18px)}.event-type-strip{padding:0;margin-bottom:22px;border:0;background:transparent}.event-type-strip-head{margin-bottom:10px}.event-type-pills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.event-type-pill{min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.025);cursor:pointer;transition:.18s ease}.event-type-pill.active,.event-type-pill:hover{transform:translateY(-1px);border-color:rgba(90,94,230,.48);background:rgba(65,68,177,.14)}.event-type-pill input{display:none}.event-type-pill img{width:24px;height:24px;object-fit:contain;flex:0 0 auto}.event-type-pill span{min-width:0;font-size:.82rem;font-weight:900;color:var(--accent-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-grid.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.input-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ce-select{position:relative}.ce-select-button{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.ce-select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:90;display:none;max-height:280px;overflow:auto;padding:8px;border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.ce-select-menu.open{display:grid;gap:6px}.ce-select-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px;border:0;border-radius:12px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.ce-select-item:hover{background:rgba(65,68,177,.14)}.ce-select-icon{width:34px;height:34px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:rgba(65,68,177,.14);flex:0 0 auto}.ce-select-icon img{width:100%;height:100%;object-fit:cover}.event-create-checklist{display:grid;gap:10px}.check-row{gap:10px;color:var(--muted);font-size:.9rem}.check-row.done{color:#2fd180}.create-submit-btn{width:100%}.task-pool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.task-category-card{min-width:0;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--border);background:hsla(0,0%,100%,.018)}.task-category-card.wide{grid-column:1/-1}.task-category-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}.task-category-head strong{color:var(--accent-2)}.task-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.task-category-card.wide .task-toggle-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.boss-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.task-toggle{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.022);cursor:pointer;line-height:1.25}.task-toggle:hover{background:rgba(65,68,177,.1)}.task-toggle input{flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:var(--accent)}.task-toggle span{min-width:0}.task-toggle.parent{font-weight:900;color:var(--accent-2);background:rgba(65,68,177,.1)}.task-toggle.sub{font-size:.86rem}.task-group-list{display:grid;gap:12px}.task-suboptions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:8px;padding:12px;border-radius:14px;border:1px solid var(--border);background:rgba(0,0,0,.1)}.task-suboptions.dense{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.success-created{text-align:center}@media(max-width:1100px){.create-event-grid,.create-event-hero{grid-template-columns:1fr}.sticky-create-card{position:static}.create-event-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.create-event-summary,.event-type-pills,.form-grid.two-col,.task-pool-grid{grid-template-columns:1fr}}.event-setup-card{overflow:visible}.setup-section{display:grid;gap:10px}.setup-divider{height:1px;background:var(--border);margin:22px 0}.create-event-grid{gap:24px}.task-pool-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.task-pool-footer-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media(max-width:760px){.task-pool-footer{align-items:stretch;flex-direction:column}.task-pool-footer-actions .btn{width:100%}.create-task-hero{grid-template-columns:1fr}}.error-page-section{min-height:calc(100vh - var(--topbar-h) - 120px);display:grid;place-items:center;padding-block:40px}.error-card{position:relative;overflow:hidden;max-width:760px;width:100%;padding:48px;border-radius:24px;border:1px solid var(--border);background:radial-gradient(circle at top left,rgba(65,68,177,.16),transparent 36%),var(--surface);box-shadow:var(--shadow);text-align:center}.error-glow{position:absolute;inset:auto;top:-120px;right:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(90,94,230,.28),transparent 72%);pointer-events:none;animation:errorGlow 7s ease-in-out infinite alternate}.error-icon{width:96px;height:96px;margin:0 auto 22px;border-radius:24px;display:grid;place-items:center;background:rgba(65,68,177,.14);border:1px solid rgba(90,94,230,.28)}.error-icon i{font-size:2.8rem;color:var(--accent-2)}.error-title{margin:12px 0;font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1.05;color:var(--text)}.error-text{max-width:520px;margin:0 auto 28px;color:var(--muted);line-height:1.7;font-size:1rem}.error-actions{gap:12px;margin-bottom:28px}.error-actions,.error-help{display:flex;justify-content:center;flex-wrap:wrap}.error-help{gap:10px}@keyframes errorGlow{0%{transform:translateY(-10px) scale(1);opacity:.65}to{transform:translateY(15px) scale(1.15);opacity:1}}@media(max-width:768px){.error-card{padding:32px 24px;border-radius:20px}.error-icon{width:72px;height:72px;border-radius:18px}.error-icon i{font-size:2rem}.error-actions{flex-direction:column}.error-actions .btn{width:100%}.error-help{justify-content:flex-start}}.create-task-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;padding:24px;margin-bottom:24px;border-radius:var(--radius-lg);border:1px solid var(--border);background:radial-gradient(circle at top left,rgba(65,68,177,.18),transparent 34%),var(--surface)}.create-task-summary{display:flex;gap:10px;flex-wrap:wrap}.task-builder-layout{display:grid;gap:24px}.task-builder-main{display:grid;gap:20px}.task-form-panel,.task-form-section,.task-preview-panel{padding:16px;border-radius:var(--radius-lg);border:1px solid var(--border);background:hsla(0,0%,100%,.018)}.task-form-section{margin-bottom:20px}.task-form-section-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}.task-type-pills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.task-type-pill{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 10px;border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.025);color:var(--text);cursor:pointer;transition:.18s ease}.task-type-pill.active,.task-type-pill:hover{transform:translateY(-1px);border-color:rgba(90,94,230,.48);background:rgba(65,68,177,.14);color:var(--accent-2)}.task-type-pill input{display:none}.task-type-pill span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900;font-size:.82rem}.task-overview-grid,.task-requirement-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.task-preview-canvas-wrap{display:grid;place-items:center;padding:18px;border-radius:var(--radius-lg);border:1px solid var(--border);background:radial-gradient(circle at center,rgba(65,68,177,.12),transparent 55%),var(--surface-2)}#previewCanvas{width:256px;height:256px;max-width:100%;border-radius:16px}.requirement-mode-card{display:grid;gap:8px;background:rgba(0,0,0,.1)}.or-qty-card,.requirement-mode-card{padding:14px;border-radius:var(--radius-lg);border:1px solid var(--border)}.or-qty-card{max-width:360px;margin-bottom:12px;background:hsla(0,0%,100%,.018)}.category-section-header{margin:18px 0 8px;color:var(--accent-2);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.category-section{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.category-pill{border:1px solid var(--border);background:hsla(0,0%,100%,.025);color:var(--text);border-radius:999px;padding:7px 11px;font-size:.82rem;font-weight:800;cursor:pointer}.category-pill.active,.category-pill:hover{border-color:rgba(90,94,230,.45);background:rgba(65,68,177,.16);color:var(--accent-2)}.autocomplete-wrapper{position:relative}.autocomplete-box{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:120;max-height:280px;overflow:auto;display:none;padding:8px}.autocomplete-box:not(:empty){display:block}.item-select-box{margin-top:14px}#selectedNpcs,#selectedXp,.selected-item-area,.task-drop-area{display:grid;gap:10px;min-height:52px}@media(max-width:900px){.create-task-hero,.task-overview-grid,.task-requirement-grid,.task-type-pills{grid-template-columns:1fr}}.event-view-hero,.task-view-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border);background:radial-gradient(circle at top left,rgba(65,68,177,.18),transparent 34%),var(--surface)}.event-view-hero.premium{border-color:rgba(214,169,59,.4);background:radial-gradient(circle at top left,rgba(214,169,59,.18),transparent 34%),var(--surface)}.event-view-hero.active{border-color:rgba(47,209,128,.32)}.event-view-hero.ended{opacity:.78}.event-view-main,.task-view-main{display:flex;align-items:center;gap:18px;min-width:0}.event-view-icon{width:86px;height:86px;border-radius:22px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);background:rgba(65,68,177,.14);overflow:hidden}.event-view-icon img{width:58px;height:58px;object-fit:contain}.event-view-actions,.task-view-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.event-board-card{overflow:visible}.event-board-zoom{position:relative;width:100%;max-height:720px;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border);background-repeat:no-repeat;background-size:220%;background-position:50%;cursor:zoom-in}.event-board-zoom img{width:100%;height:auto;border-radius:inherit;transition:opacity .18s ease}.event-board-zoom.is-zoomed img{opacity:0}.event-view-grid,.task-view-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.event-info-list,.event-task-list,.participant-list,.participant-row,.task-requirements-list{display:grid;gap:10px}.participant-row{grid-template-columns:auto minmax(0,1fr);align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.025)}.participant-rank{color:var(--accent-2);font-weight:900;font-size:.82rem}.team-card{padding:16px;border-radius:var(--radius-lg);border:1px solid var(--border);background:hsla(0,0%,100%,.018)}.team-card.team-one{border-color:rgba(90,140,255,.28)}.team-card.team-two{border-color:hsla(0,100%,71%,.28)}.team-card-head{display:flex;justify-content:space-between;gap:12px}.team-title{font-weight:900;color:var(--accent-2)}.event-info-list>div{display:flex;justify-content:space-between;gap:14px;padding:12px;border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.025)}.event-info-list strong{text-align:right;color:var(--text)}.ce-scroll-list{max-height:520px;overflow:auto;padding-right:4px}.ce-scroll-list.lg{max-height:720px}.ce-scroll-list::-webkit-scrollbar{width:8px}.ce-scroll-list::-webkit-scrollbar-thumb{background:rgba(90,94,230,.35);border-radius:999px}.ce-scroll-list::-webkit-scrollbar-track{background:transparent}.event-task-row,.task-requirement-row{display:grid;grid-template-columns:auto 46px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:14px;border:1px solid var(--border);background:hsla(0,0%,100%,.025)}.event-task-row:hover,.task-requirement-row:hover{background:rgba(65,68,177,.1);border-color:rgba(90,94,230,.32)}.event-task-number{color:var(--accent-2);font-weight:900;font-size:.82rem;min-width:38px}.event-task-icon,.task-requirement-row img{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;object-fit:contain;background:rgba(65,68,177,.14);border:1px solid var(--border);padding:6px}.event-task-main{min-width:0}.event-task-title{color:var(--text);font-weight:900;line-height:1.25}.event-task-desc{color:var(--muted);font-size:.84rem;margin-top:3px}.event-task-drops{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.drop-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:900;border:1px solid var(--border);background:hsla(0,0%,100%,.035);color:var(--muted)}.drop-pill.or-pill{color:#ffae42;background:rgba(255,174,66,.11);border-color:rgba(255,174,66,.3)}.drop-pill.and-pill{color:#2fd180;background:rgba(47,209,128,.11);border-color:rgba(47,209,128,.3)}.task-view-hero.drop{border-color:rgba(214,169,59,.28);background:radial-gradient(circle at top left,rgba(214,169,59,.14),transparent 34%),var(--surface)}.task-view-hero.kill{border-color:rgba(255,93,93,.28);background:radial-gradient(circle at top left,rgba(255,93,93,.13),transparent 34%),var(--surface)}.task-view-hero.skill{border-color:rgba(53,213,255,.28);background:radial-gradient(circle at top left,rgba(53,213,255,.13),transparent 34%),var(--surface)}.task-preview-wrap{width:118px;height:118px;flex:0 0 auto;display:grid;place-items:center;padding:10px;border-radius:22px;border:1px solid var(--border);background:radial-gradient(circle at center,rgba(65,68,177,.16),transparent 58%),var(--surface-2)}.task-preview-wrap #previewCanvas{width:96px;height:96px;border-radius:16px}.task-requirement-row{grid-template-columns:46px minmax(0,1fr)}.task-requirement-row strong{color:var(--text)}@media(max-width:900px){.event-view-hero,.task-view-hero{flex-direction:column}.event-view-actions,.task-view-actions{justify-content:flex-start}.event-view-grid,.task-view-grid{grid-template-columns:1fr}}@media(max-width:560px){.event-view-main,.task-view-main{align-items:flex-start;flex-direction:column}.event-view-icon{width:72px;height:72px;border-radius:18px}.event-view-icon img{width:48px;height:48px}.event-task-row{grid-template-columns:auto 42px minmax(0,1fr);gap:10px}.event-task-number{grid-column:1/-1}.event-task-icon,.task-requirement-row img{width:42px;height:42px}.event-info-list>div{flex-direction:column;gap:4px}.event-info-list strong{text-align:left}.task-preview-wrap{width:104px;height:104px}.task-preview-wrap #previewCanvas{width:84px;height:84px}}.profile-hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface)}.profile-cover{height:120px;background:radial-gradient(circle at 20% 20%,rgba(90,94,230,.35),transparent 34%),linear-gradient(135deg,rgba(65,68,177,.35),rgba(53,213,255,.1));border-bottom:1px solid var(--border)}.profile-main{display:flex;align-items:flex-end;gap:18px;padding:0 24px 24px;margin-top:-42px}.profile-avatar-img{width:96px;height:96px;border-radius:24px;object-fit:cover;border:4px solid var(--surface);box-shadow:var(--shadow);background:var(--surface-2);flex:0 0 auto}.profile-info{min-width:0;flex:1;padding-top:46px}.profile-badges{display:flex;flex-wrap:wrap;gap:8px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;padding-top:46px}.profile-grid{grid-template-columns:.95fr 1.05fr;align-items:start}.profile-left,.profile-right{min-width:0}.connected-list,.mini-profile-list{display:grid;gap:10px}.ce-scroll-list.sm{max-height:300px}.connected-item,.mini-profile-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:14px;border:1px solid var(--border);background:hsla(0,0%,100%,.025);color:var(--text);transition:.15s ease}.connected-item:hover,.mini-profile-item:hover{background:rgba(65,68,177,.12);border-color:rgba(90,94,230,.34);transform:translateY(-1px)}.connected-icon,.mini-profile-icon,.mini-profile-icons{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(65,68,177,.14);border:1px solid var(--border);overflow:hidden}.connected-icon i{color:var(--accent-2);font-size:1.1rem}.mini-profile-icon img,.mini-profile-icons img{width:28px;height:28px;object-fit:contain}.profile-guild-list{max-height:440px}.profile-guild-item{grid-template-columns:58px minmax(0,1fr) auto}.mini-profile-item.task-type-1{border-color:rgba(214,169,59,.22);background:radial-gradient(circle at top left,rgba(214,169,59,.1),transparent 36%),hsla(0,0%,100%,.025)}.mini-profile-item.task-type-2{border-color:rgba(255,93,93,.22);background:radial-gradient(circle at top left,rgba(255,93,93,.1),transparent 36%),hsla(0,0%,100%,.025)}.mini-profile-item.task-type-3{border-color:rgba(53,213,255,.22);background:radial-gradient(circle at top left,rgba(53,213,255,.1),transparent 36%),hsla(0,0%,100%,.025)}@media(max-width:980px){.profile-grid{grid-template-columns:1fr}.profile-main{align-items:flex-start;flex-direction:column}.profile-actions,.profile-info{padding-top:0}.profile-actions{justify-content:flex-start}}@media(max-width:560px){.profile-main{padding:0 18px 18px}.profile-avatar-img{width:82px;height:82px;border-radius:20px}.connected-item,.mini-profile-item,.profile-guild-item{grid-template-columns:42px minmax(0,1fr)}.connected-item .status-chip,.mini-profile-icons,.mini-profile-item .status-chip,.profile-guild-item .ce-side{grid-column:2;justify-self:start}}.leaderboard-hero{display:flex;justify-content:space-between;gap:24px;align-items:stretch;padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border);background:radial-gradient(circle at top left,rgba(65,68,177,.18),transparent 34%),var(--surface)}.leaderboard-hero-card{min-width:190px;display:grid;place-items:center;text-align:center;padding:18px;border-radius:var(--radius-lg);border:1px solid rgba(90,94,230,.28);background:rgba(65,68,177,.1)}.leaderboard-tabs{display:flex;gap:10px;flex-wrap:wrap}.leaderboard-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-weight:900;cursor:pointer}.leaderboard-tab.active,.leaderboard-tab:hover{color:var(--text);border-color:rgba(90,94,230,.45);background:rgba(65,68,177,.16)}.leaderboard-panel{display:none}.leaderboard-panel.active{display:block}.leaderboard-list{display:grid;gap:10px}.leaderboard-row{display:grid;grid-template-columns:58px 52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:hsla(0,0%,100%,.025);color:var(--text);transition:.15s ease}.leaderboard-row:hover{transform:translateY(-1px);border-color:rgba(90,94,230,.38);background:rgba(65,68,177,.12)}.leaderboard-row.top-1{border-color:rgba(214,169,59,.45);background:radial-gradient(circle at top left,rgba(214,169,59,.16),transparent 34%),var(--surface)}.leaderboard-row.top-2{border-color:rgba(143,150,168,.38);background:radial-gradient(circle at top left,rgba(143,150,168,.14),transparent 34%),var(--surface)}.leaderboard-row.top-3{border-color:rgba(154,106,58,.38);background:radial-gradient(circle at top left,rgba(154,106,58,.14),transparent 34%),var(--surface)}.leaderboard-rank{font-weight:900;color:var(--accent-2);font-size:1rem}.leaderboard-avatar{width:52px;height:52px;border-radius:15px;overflow:hidden;display:grid;place-items:center;background:rgba(65,68,177,.14);border:1px solid var(--border)}.leaderboard-avatar img{width:100%;height:100%;object-fit:cover}.leaderboard-main{min-width:0}.leaderboard-title{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:4px;color:var(--muted);font-size:.82rem}.leaderboard-score{min-width:88px;display:grid;justify-items:end;text-align:right}.leaderboard-score strong{color:var(--accent-2);font-size:1.15rem;line-height:1}.leaderboard-score span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}@media(max-width:760px){.leaderboard-hero{flex-direction:column}.leaderboard-hero-card{min-width:0}.leaderboard-tab{flex:1 1 auto;justify-content:center}.leaderboard-row{grid-template-columns:44px 46px minmax(0,1fr)}.leaderboard-score{grid-column:3;justify-items:start;text-align:left}}.task-board-readonly .task-tile{cursor:pointer}.task-board-readonly .task-tile:hover{transform:translateY(-2px)}.task-tile-img img{width:34px;height:34px;object-fit:contain}.task-tile-readonly{color:var(--text)}.task-info-modal{max-width:680px}.task-info-head{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center}.task-info-icon{width:64px;height:64px;border-radius:16px;border:1px solid var(--border);background:rgba(65,68,177,.14);display:grid;place-items:center}.task-info-icon img{width:46px;height:46px;object-fit:contain}.task-info-title{font-size:1.1rem;font-weight:900;color:var(--text)}.task-info-section{display:grid;gap:10px}.task-info-progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.task-info-progress-card{padding:14px;border-radius:14px;border:1px solid var(--border);background:hsla(0,0%,100%,.025)}.task-info-progress-card.team-one{border-color:rgba(90,140,255,.35)}.task-info-progress-card.team-one strong{color:#5a8cff}.task-info-progress-card.team-two{border-color:hsla(0,100%,71%,.35)}.task-info-progress-card.team-two strong{color:#ff6b6b}.drop-pill.muted{color:var(--muted)}.event-board-shell{width:100%;overflow:visible}.board-editor-shell .task-board,.event-board-card .task-board,.event-editor-shell .task-board,.event-grid-board{--board-cols:5;--tile-gap:12px;display:grid;grid-template-columns:repeat(var(--board-cols),minmax(0,1fr));gap:var(--tile-gap);width:100%;max-width:100%}.board-editor-shell .task-tile,.event-board-card .task-tile,.event-editor-shell .task-tile,.event-grid-tile{appearance:none;-webkit-appearance:none;position:relative;min-width:0;min-height:0;aspect-ratio:1/1.25;padding:12px;border-radius:16px;border:1px solid var(--border);background:radial-gradient(circle at top right,rgba(65,68,177,.18),transparent 38%),var(--surface-2);color:var(--text);font:inherit;text-align:left;display:flex;flex-direction:column;gap:10px;overflow:hidden;cursor:pointer}.board-editor-shell .task-tile:hover,.event-board-card .task-tile:hover,.event-editor-shell .task-tile:hover,.event-grid-tile:hover{transform:translateY(-2px);border-color:rgba(90,94,230,.45);box-shadow:0 12px 28px rgba(0,0,0,.22)}.board-editor-shell .task-tile,.event-editor-shell .task-tile{cursor:grab}.board-editor-shell .task-tile:active,.event-editor-shell .task-tile:active{cursor:grabbing}.board-editor-shell .task-tile.dragging,.event-board-card .task-tile.dragging,.event-editor-shell .task-tile.dragging,.event-grid-tile.dragging{opacity:.45;transform:scale(.98)}.board-editor-shell .task-tile.drop-target,.event-board-card .task-tile.drop-target,.event-editor-shell .task-tile.drop-target,.event-grid-tile.drop-target{border-color:var(--accent-2);box-shadow:0 0 0 3px rgba(90,94,230,.22)}.board-editor-shell .task-tile.selected,.event-board-card .task-tile.selected,.event-editor-shell .task-tile.selected,.event-grid-tile.selected{border-color:#2fd180;box-shadow:0 0 0 3px rgba(47,209,128,.18)}.board-editor-shell .task-tile-num,.event-board-card .task-tile-num,.event-editor-shell .task-tile-num,.event-grid-tile-num{position:absolute;top:10px;right:10px;color:var(--muted);font-size:.72rem;font-weight:900;opacity:.85}.board-editor-shell .task-tile-img,.event-board-card .task-tile-img,.event-editor-shell .task-tile-img,.event-grid-tile-img{width:44px;height:44px;border-radius:12px;background:rgba(65,68,177,.14);border:1px solid rgba(90,94,230,.28);display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden}.board-editor-shell .task-tile-img img,.event-board-card .task-tile-img img,.event-editor-shell .task-tile-img img,.event-grid-tile-img img{width:34px;height:34px;object-fit:contain}.board-editor-shell .task-tile-title,.event-board-card .task-tile-title,.event-editor-shell .task-tile-title,.event-grid-tile-title{color:var(--text);font-weight:900;line-height:1.22;padding-right:24px;font-size:clamp(.76rem,1.15vw,.95rem);overflow:hidden}.board-editor-shell .task-tile-desc,.event-board-card .task-tile-desc,.event-editor-shell .task-tile-desc,.event-grid-tile-desc{display:none}.board-editor-shell .task-tile-footer,.event-board-card .task-tile-footer,.event-editor-shell .task-tile-footer,.event-grid-tile-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.board-editor-shell .task-pill,.event-board-card .task-pill,.event-editor-shell .task-pill,.event-grid-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:rgba(65,68,177,.14);border:1px solid rgba(90,94,230,.28);color:#fff;font-size:.7rem;font-weight:900}.event-grid-handle{color:var(--muted);font-size:1rem}@media(max-width:760px){.board-editor-shell .task-board,.event-board-card .task-board,.event-editor-shell .task-board,.event-grid-board{--tile-gap:8px}.board-editor-shell .task-tile,.event-board-card .task-tile,.event-editor-shell .task-tile,.event-grid-tile{padding:8px;border-radius:13px}.board-editor-shell .task-tile-img,.event-board-card .task-tile-img,.event-editor-shell .task-tile-img,.event-grid-tile-img{width:34px;height:34px;border-radius:10px}.board-editor-shell .task-tile-img img,.event-board-card .task-tile-img img,.event-editor-shell .task-tile-img img,.event-grid-tile-img img{width:26px;height:26px}.board-editor-shell .task-pill,.event-board-card .task-pill,.event-editor-shell .task-pill,.event-grid-pill{font-size:.62rem;padding:4px 7px}}.board-editor-shell{padding:0;border:0;background:transparent;box-shadow:none}.board-toolbar{display:block;margin-bottom:18px}.board-toolbar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.board-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}@media(max-width:620px){.board-toolbar-head{flex-direction:column}.board-meta{justify-content:flex-start}}.task-tile.dirty{border-color:#5a8cff!important;box-shadow:0 0 0 2px rgba(90,140,255,.22),0 0 20px rgba(90,140,255,.18)!important}.task-tile.dirty:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at top right,rgba(90,140,255,.18),transparent 42%)}.manage-task-modal{max-width:680px}.manage-clan-list{display:grid;gap:10px;max-height:520px;overflow:auto}.manage-clan-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border-radius:14px;border:1px solid var(--border);background:hsla(0,0%,100%,.025)}.manage-clan-main{display:flex;align-items:center;gap:12px;min-width:0}.manage-clan-icon{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:rgba(65,68,177,.14);overflow:hidden;flex:0 0 auto}.manage-clan-icon img{width:100%;height:100%;object-fit:cover}.manage-clan-name{color:var(--text);font-weight:900}@media(max-width:560px){.manage-clan-row{align-items:flex-start;flex-direction:column}.manage-clan-row .btn{width:100%}}.task-pool-search{width:min(280px,100%)}.task-pool-list{max-height:520px;overflow:auto;padding-right:4px}.task-pool-list::-webkit-scrollbar{width:8px}.task-pool-list::-webkit-scrollbar-thumb{background:rgba(90,94,230,.35);border-radius:999px}.task-pool-list::-webkit-scrollbar-track{background:transparent}.event-meta-inline{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.event-meta-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:hsla(0,0%,100%,.04);font-size:.9rem}.event-meta-chip i{color:var(--accent);font-size:1rem}.event-meta-chip strong{margin-right:6px;color:var(--muted);font-weight:700}#taskErrorBox:empty,#taskSuccessBox:empty,.d-none{display:none!important}.autocomplete-box{max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);z-index:50}.autocomplete-box>div,.autocomplete-result{display:flex;align-items:center;gap:10px;padding:9px 10px;cursor:pointer}.autocomplete-box img{width:32px!important;height:32px!important;object-fit:contain!important;flex:0 0 auto}.task-builder-card{overflow:visible}.task-overview-grid,.task-requirement-grid{align-items:start}.item-select-box{max-height:360px;overflow-y:auto;padding:10px;border:1px solid var(--border);border-radius:14px;background:rgba(0,0,0,.12)}.item-dropdown-search{position:sticky;top:0;z-index:5;margin-bottom:10px;background:var(--surface)}.item-dropdown-results{display:grid;gap:6px}.item-dropdown-results .autocomplete-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer}.item-dropdown-results .autocomplete-item:hover{background:hsla(0,0%,100%,.055)}.item-dropdown-results .auto-icon,.item-dropdown-results .autocomplete-item img{width:30px!important;height:30px!important;object-fit:contain!important;flex:0 0 30px}.selected-drop-row{display:grid;grid-template-columns:32px minmax(0,1fr) 80px 38px 38px;gap:8px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:12px;background:hsla(0,0%,100%,.035);margin-bottom:8px}.selected-drop-row img{width:28px!important;height:28px!important;object-fit:contain!important}.selected-drop-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-drop-row input{width:80px}.task-drop-area{display:grid;gap:10px}.task-pill{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:hsla(0,0%,100%,.035)}.task-pill img{width:34px!important;height:34px!important;object-fit:contain!important;flex:0 0 34px}.task-pill span{min-width:0;flex:1;color:var(--text);font-weight:800;line-height:1.25}.task-pill button{width:30px;height:30px;border:1px solid hsla(0,100%,71%,.35);border-radius:10px;background:hsla(0,100%,71%,.12);color:#ff8b8b;font-weight:900;display:grid;place-items:center;flex:0 0 auto;cursor:pointer}.task-pill button:hover{background:hsla(0,100%,71%,.22)}@media (max-width:640px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:50;width:min(84vw,320px);transform:translateX(-102%)}.sidebar.mobile-open{transform:translateX(0);box-shadow:var(--shadow)}.main{margin-left:0}.mobile-backdrop{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.mobile-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}}@media (max-width:760px){.list-page-actions>.btn,.list-page-actions>.control,.list-page-actions>.list-search,.list-page-head>div:first-child{flex:0 0 auto}.list-page-actions>.btn,.list-page-actions>.control,.list-page-actions>.list-search{width:100%!important;max-width:none}}@media (max-width:640px){.global-search-menu{position:fixed;left:12px;right:12px;top:76px;width:auto;min-width:0;max-width:none;max-height:calc(100vh - 92px)}#globalSearchResults{max-height:calc(100vh - 170px)}}@media (max-width:560px){.event-task-list.ce-scroll-list.lg{max-height:none;overflow:visible;padding-right:0}.event-task-row{grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:12px}.event-task-number{grid-column:1/-1;min-width:0}.event-task-icon{width:34px;height:34px;border-radius:10px;padding:5px}.event-task-icon img{width:26px;height:26px;object-fit:contain}.event-task-main{min-width:0}.event-task-title{font-size:.95rem;line-height:1.25}.event-task-desc{font-size:.82rem;line-height:1.45}.event-task-drops{display:grid;grid-template-columns:1fr;gap:8px;width:100%;margin-top:10px}.drop-pill{width:100%;border-radius:12px;justify-content:flex-start;align-items:flex-start;white-space:normal;overflow-wrap:anywhere;line-height:1.35;padding:8px 10px;font-size:.74rem}.drop-pill.and-pill:first-child,.drop-pill.or-pill:first-child{width:fit-content;max-width:100%;border-radius:999px;font-size:.7rem}}.notif-tabs{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border)}.notif-tab{flex:1;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:10px;padding:7px 10px;font-size:.82rem;font-weight:700;text-transform:lowercase;cursor:pointer}.notif-tab.active{background:rgba(65,68,177,.18);border-color:rgba(65,68,177,.65);color:var(--text)}.notif-inbox-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px}.notif-mailbox-card,.notif-sidebar-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.notif-sidebar-card{padding:14px;height:max-content;position:sticky;top:88px}.notif-side-title{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:4px 6px 12px}.notif-category{width:100%;border:0;background:transparent;color:var(--muted);padding:10px 12px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-weight:750;text-transform:lowercase}.notif-category span{display:flex;align-items:center;gap:10px}.notif-category b{font-size:.76rem;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.notif-category.active,.notif-category:hover{background:rgba(65,68,177,.16);color:var(--text)}.notif-category.active b{color:var(--text);border-color:rgba(65,68,177,.55)}.notif-side-divider{height:1px;background:var(--border);margin:10px 4px}.notif-mailbox-card{overflow:hidden}.notif-mailbox-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--border)}.notif-search-wrap{flex:1;display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:0 12px;min-height:42px}.notif-search-wrap i{color:var(--muted)}.notif-search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.compact-input{width:170px}.notif-mailbox-list{padding:14px}.notif-date-label{color:var(--muted);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:14px 4px 10px}.notif-date-group:first-child .notif-date-label{margin-top:0}.notif-mail-row{position:relative;display:grid;grid-template-columns:5px 42px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:16px;padding:12px;margin-bottom:10px;overflow:hidden}.notif-mail-row.unread{background:rgba(65,68,177,.1);border-color:rgba(65,68,177,.38)}.notif-mail-status{width:5px;align-self:stretch;border-radius:999px;background:var(--border)}.notif-mail-row.general .notif-mail-status{background:#c7a34d}.notif-mail-row.account .notif-mail-status{background:#3b82f6}.notif-mail-row.event .notif-mail-status{background:#8b5cf6}.notif-mail-row.task .notif-mail-status{background:#22c55e}.notif-mail-row.clan .notif-mail-status{background:#06b6d4}.notif-mail-row.warning .notif-mail-status{background:#f59e0b}.notif-mail-row.danger .notif-mail-status{background:#ef4444}.notif-mail-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:hsla(0,0%,100%,.05);border:1px solid var(--border)}.notif-mail-icon.general{color:var(--accent)}.notif-mail-icon.account{color:#3b82f6}.notif-mail-icon.event{color:#8b5cf6}.notif-mail-icon.task{color:#22c55e}.notif-mail-icon.clan{color:#06b6d4}.notif-mail-icon.warning{color:#f59e0b}.notif-mail-icon.danger{color:#ef4444}.notif-mail-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.notif-mail-type{font-size:.72rem;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.notif-mail-time{color:var(--muted);font-size:.78rem;white-space:nowrap}.notif-mail-message{color:var(--text);font-weight:650;line-height:1.35}.notif-mail-row.read{opacity:.72}.notif-mail-row.read .notif-mail-message{font-weight:500}.notif-mail-actions{display:flex;align-items:center;gap:8px}.notif-page-empty{padding:60px 20px}@media (max-width:900px){.notif-inbox-layout{grid-template-columns:1fr}.notif-sidebar-card{position:static}.notif-mailbox-toolbar{flex-direction:column;align-items:stretch}.compact-input{width:100%}}@media (max-width:640px){.notif-sidebar-card{display:grid;grid-template-columns:1fr 1fr;gap:8px}.notif-side-divider,.notif-side-title{grid-column:1/-1}.notif-category{padding:9px 10px}.notif-mail-row{grid-template-columns:4px 36px minmax(0,1fr)}.notif-mail-actions{grid-column:2/-1;justify-content:flex-start}.notif-mail-top{align-items:flex-start;flex-direction:column;gap:2px}}.notif-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.notif-page-header .page-actions{margin-left:auto;padding-bottom:4px}@media (max-width:640px){.notif-page-header{align-items:flex-start;flex-direction:column}.notif-page-header .page-actions{margin-left:0;width:100%}.notif-page-header .page-actions .btn{width:100%}}.notif-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-top:1px solid var(--border)}.notif-pagination[hidden]{display:none}.notif-page-count{color:var(--muted);font-size:.85rem;font-weight:800;text-transform:lowercase}@media (max-width:520px){.notif-pagination{flex-direction:column}.notif-pagination .btn{width:100%}}.clan-events-banner{margin-top:18px;padding:14px;border:1px solid rgba(65,68,177,.45);border-radius:16px;background:radial-gradient(circle at top left,rgba(65,68,177,.18),transparent 38%),hsla(0,0%,100%,.03)}.clan-events-banner-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.clan-events-banner-list{display:grid;gap:10px}.clan-event-banner-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid var(--border);border-radius:14px;background:rgba(0,0,0,.16);color:var(--text);text-decoration:none}.clan-event-banner-card.active{border-color:rgba(34,197,94,.42);background:rgba(34,197,94,.08)}.clan-event-banner-card.upcoming{border-color:rgba(59,130,246,.38);background:rgba(59,130,246,.07)}.clan-event-banner-card:hover{transform:translateY(-1px);border-color:rgba(65,68,177,.8)}.clan-event-banner-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.clan-event-banner-icon img{width:28px;height:28px;object-fit:contain}.clan-event-banner-title{font-weight:900}.event-status-pill{border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:900;text-transform:lowercase;white-space:nowrap}.event-status-pill.active{color:#86efac;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.35)}.event-status-pill.upcoming{color:#93c5fd;background:rgba(59,130,246,.14);border:1px solid rgba(59,130,246,.35)}.clan-events-more{margin-top:10px;padding-left:4px}@media (max-width:640px){.clan-events-banner-head{align-items:flex-start;flex-direction:column}.clan-event-banner-card{grid-template-columns:38px minmax(0,1fr)}.event-status-pill{grid-column:2;width:max-content}}.beta-banner{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 20px;border-radius:18px;border:1px solid rgba(240,196,25,.45);background:radial-gradient(circle at top left,rgba(240,196,25,.18),transparent 34%),linear-gradient(135deg,rgba(240,196,25,.1),rgba(65,68,177,.08)),var(--surface);box-shadow:0 14px 40px rgba(0,0,0,.18)}.beta-banner-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(240,196,25,.14);color:#f0c419;font-size:1.25rem}.beta-banner-title{color:var(--text);font-size:1rem;font-weight:900;margin-bottom:3px}.beta-banner-text{color:var(--muted);font-size:.94rem;line-height:1.45;max-width:760px}.beta-discord-btn{background:#5865f2;color:#fff;border:0;white-space:nowrap;box-shadow:0 10px 24px rgba(88,101,242,.24)}.beta-discord-btn:hover{background:#4752c4;color:#fff}@media (max-width:760px){.beta-banner{grid-template-columns:1fr;text-align:center}.beta-banner-icon{margin:0 auto}.beta-discord-btn{width:100%;justify-content:center}}.changelog-header{align-items:flex-end}.changelog-timeline{position:relative;display:grid;gap:18px}.changelog-entry{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px}.changelog-line{position:relative;display:flex;justify-content:center}.changelog-line:after{content:"";position:absolute;top:42px;bottom:-24px;width:2px;background:linear-gradient(to bottom,var(--border),transparent)}.changelog-entry:last-child .changelog-line:after{display:none}.changelog-dot{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(65,68,177,.16);border:1px solid rgba(65,68,177,.55);color:var(--accent-2,var(--accent));box-shadow:0 10px 24px rgba(0,0,0,.18)}.changelog-entry.pinned .changelog-dot{color:#f0c419;border-color:rgba(240,196,25,.45);background:rgba(240,196,25,.12)}.changelog-card{display:grid;grid-template-columns:220px minmax(0,1fr);overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:18px;color:var(--text);text-decoration:none;box-shadow:var(--shadow);transition:transform .16s ease,border-color .16s ease}.changelog-card:hover{transform:translateY(-2px);border-color:rgba(65,68,177,.75)}.changelog-card.has-image{display:grid;grid-template-columns:220px minmax(0,1fr)}.changelog-card.no-image{display:block;max-width:760px}.changelog-card.no-image .changelog-card-body{padding:22px 24px}.changelog-card h2{margin:0 0 8px;font-size:1.45rem;line-height:1.15}.changelog-card p{color:var(--muted);margin:0;line-height:1.55;max-width:560px}.changelog-image{width:220px;height:180px;min-height:180px;overflow:hidden;background:var(--surface-2)}.changelog-image img{width:100%;height:100%;display:block;object-fit:cover}.changelog-card-body{padding:22px 24px}.changelog-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.change-pill,.change-pinned,.change-version{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:900;text-transform:lowercase;border:1px solid var(--border);background:var(--surface-2);color:var(--muted)}.change-pill.update{color:#93c5fd;border-color:rgba(59,130,246,.35);background:rgba(59,130,246,.12)}.change-pill.feature{color:#86efac;border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.12)}.change-pill.fix{color:#fcd34d;border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.12)}.change-pill.security{color:#fca5a5;border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.12)}.change-pill.discord{color:#c4b5fd;border-color:rgba(88,101,242,.4);background:rgba(88,101,242,.14)}.change-pill.runelite{color:#67e8f9;border-color:rgba(6,182,212,.35);background:rgba(6,182,212,.12)}.change-pill.events{color:#fdba74;border-color:rgba(249,115,22,.35);background:rgba(249,115,22,.12)}.change-date{color:var(--muted);font-size:.82rem;font-weight:700}.changelog-read-more{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:var(--accent-2,var(--accent));font-weight:900;text-decoration:none}.changelog-admin-actions,.changelog-card-admin{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.changelog-admin-actions form,.changelog-card-admin form{margin:0}.changelog-current-image{overflow:hidden;border-radius:16px;border:1px solid var(--border);background:var(--surface-2)}.changelog-current-image img{display:block;width:100%;max-height:320px;object-fit:cover}.changelog-post-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.changelog-post-head{padding:28px}.changelog-post-head h1{margin:0 0 10px;font-size:clamp(34px,5vw,56px)}.changelog-post-image{width:100%;max-width:720px;max-height:360px;margin:0 auto 24px;overflow:hidden;border-radius:18px;border:1px solid var(--border);background:var(--surface-2)}.changelog-post-image img{width:100%;height:100%;max-height:360px;display:block;object-fit:contain}.changelog-post-body{padding:28px;color:var(--text);line-height:1.75;white-space:pre-line;font-size:1.02rem}.changelog-form-card{max-width:920px}.code-safe-textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.55}.changelog-form-options{display:flex;flex-wrap:wrap;gap:14px}.check-row{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:700}.check-row input{width:18px;height:18px}@media (max-width:760px){.changelog-entry{grid-template-columns:1fr}.changelog-line{display:none}.changelog-card,.changelog-card.has-image{display:block}.changelog-card.no-image{max-width:none}.changelog-image{width:100%;height:200px}.changelog-post-body,.changelog-post-head{padding:20px}}.side-footer{margin-top:auto;padding:16px;border-top:1px solid var(--border)}.nav-item-footer{position:relative;justify-content:flex-start}.nav-badge{margin-left:auto;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#5865f2,#7b61ff);box-shadow:0 4px 14px rgba(88,101,242,.35)}.sidebar.collapsed .nav-badge{display:none}.security-admin-grid{display:grid;grid-template-columns:minmax(280px,420px) minmax(280px,1fr);gap:18px}.security-ip-list{display:grid;gap:10px;max-height:260px;overflow:auto}.security-ip-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.security-ip-row form,.security-log-table form{margin:0}.security-path{max-width:260px;overflow-wrap:anywhere}.security-rule-pill{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:.72rem;font-weight:900;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);color:#fca5a5}.admin-stat-card{display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--border);color:var(--text);text-decoration:none;box-shadow:var(--shadow);min-width:0}.admin-stat-card:hover{border-color:rgba(65,68,177,.75);transform:translateY(-2px)}.admin-stat-card>i{width:46px;height:46px;min-width:46px;display:grid;place-items:center;border-radius:14px;background:rgba(65,68,177,.16);color:var(--accent-2,var(--accent));font-size:1.25rem}.admin-stat-card.danger>i{background:rgba(239,68,68,.14);color:#fca5a5}.admin-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-action{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);text-decoration:none;font-weight:800;min-width:0}.admin-action:hover{border-color:rgba(65,68,177,.75)}.admin-action i{color:var(--accent-2,var(--accent));flex:0 0 auto}.admin-action span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-snapshot-list{display:grid;gap:10px}.admin-snapshot-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2)}.admin-mini-list{display:grid;gap:10px}.admin-mini-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);text-decoration:none;min-width:0}.admin-mini-row>div:last-child{min-width:0}.admin-mini-row .text-sm,.admin-mini-row strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-mini-icon{width:38px;height:38px;min-width:38px;display:grid;place-items:center;border-radius:12px;background:rgba(65,68,177,.16)}.admin-mini-icon.danger{color:#fca5a5;background:rgba(239,68,68,.14)}.admin-mini-avatar-fallback{width:42px;height:42px;min-width:42px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);flex:0 0 42px}.admin-toolbar{display:flex;gap:10px;align-items:center}.admin-toolbar .control{max-width:520px}.admin-table-wrap,.security-log-table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid var(--border);border-radius:16px;-webkit-overflow-scrolling:touch}.admin-table{width:100%;min-width:980px;border-collapse:collapse;table-layout:fixed}.admin-table td,.admin-table th{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.admin-table th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.admin-table tr:last-child td{border-bottom:0}.admin-table td:first-child,.admin-table th:first-child{width:270px}.admin-table td:nth-child(2),.admin-table th:nth-child(2){width:185px}.admin-table td:nth-child(3),.admin-table td:nth-child(4),.admin-table th:nth-child(3),.admin-table th:nth-child(4){width:145px}.admin-table td:nth-child(5),.admin-table th:nth-child(5){width:155px}.admin-table td:nth-child(6),.admin-table th:nth-child(6){width:160px}.admin-table code{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.security-log-table{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}.security-log-table td,.security-log-table th{min-width:0;overflow:hidden;padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.security-log-table th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.security-log-table tr:last-child td{border-bottom:0}.security-log-table td:first-child,.security-log-table th:first-child{width:160px}.security-log-table td:nth-child(2),.security-log-table th:nth-child(2){width:140px}.security-log-table td:nth-child(3),.security-log-table th:nth-child(3){width:80px}.security-log-table td:nth-child(4),.security-log-table th:nth-child(4){width:300px}.security-log-table td:nth-child(5),.security-log-table th:nth-child(5){width:170px}.security-log-table td:nth-child(6),.security-log-table th:nth-child(6){width:90px}.security-log-table code{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-cell{display:flex;align-items:center;gap:12px;min-width:0}.admin-user-cell .admin-mini-avatar-fallback,.admin-user-cell img{width:42px;height:42px;min-width:42px;flex:0 0 42px;border-radius:50%;object-fit:cover}.admin-user-info{min-width:0;flex:1}.admin-user-name{font-weight:900;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-id{margin-top:2px;font-size:.8rem;color:var(--muted);white-space:nowrap}.admin-task-cell{display:flex;align-items:center;gap:12px;min-width:0}.admin-task-cell img{width:38px;height:38px;min-width:38px;object-fit:contain;border-radius:10px;background:var(--surface-2)}.admin-task-cell>div{min-width:0}.admin-task-cell .text-sm,.admin-task-cell strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-row-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.admin-row-actions form{margin:0}.admin-row-actions .btn{white-space:nowrap}.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px}@media (max-width:1000px){.security-admin-grid{grid-template-columns:1fr}}@media (max-width:760px){.admin-action-grid{grid-template-columns:1fr}.admin-toolbar{flex-direction:column;align-items:stretch}.admin-toolbar .control{max-width:none}.admin-pagination{flex-direction:column}}@media (max-width:700px){.admin-table,.admin-table tbody,.admin-table td,.admin-table th,.admin-table thead,.admin-table tr,.security-log-table,.security-log-table tbody,.security-log-table td,.security-log-table th,.security-log-table thead,.security-log-table tr{display:block;width:100%!important;min-width:0!important}.admin-table,.security-log-table{min-width:0}.admin-table thead,.security-log-table thead{display:none}.admin-table tr,.security-log-table tr{padding:14px;border-bottom:1px solid var(--border)}.admin-table tr:last-child,.security-log-table tr:last-child{border-bottom:0}.admin-table td,.security-log-table td{border-bottom:0;padding:7px 0}.admin-table td:before,.security-log-table td:before{content:attr(data-label);display:block;color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.admin-table code,.security-log-table code{white-space:normal;word-break:break-all;overflow:visible;text-overflow:clip}.admin-row-actions{width:100%;margin-top:4px}.admin-row-actions .btn,.admin-row-actions form,.admin-row-actions form .btn{width:100%}}.task-set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:14px}.task-set-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);min-width:0}.task-set-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-set-title{margin:0;font-size:1.05rem;font-weight:900;line-height:1.25}.task-set-owner{color:var(--muted);font-size:.82rem;margin-top:3px}.task-set-desc{color:var(--muted);font-size:.92rem;line-height:1.45;margin:0}.task-set-meta{align-items:center;color:var(--muted);font-size:.82rem}.task-set-actions,.task-set-meta{display:flex;flex-wrap:wrap;gap:8px}.task-set-actions{margin-top:auto}.task-set-actions form{display:inline-flex;margin:0}.count-pill,.mini-pill,.visibility-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;border-radius:999px;border:1px solid var(--border);background:hsla(0,0%,100%,.04);color:var(--text);font-size:.72rem;font-weight:800;padding:4px 9px;text-transform:capitalize}.visibility-public{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.12)}.visibility-private{border-color:rgba(148,163,184,.35);background:rgba(148,163,184,.1)}.visibility-guild{border-color:rgba(90,140,255,.35);background:rgba(90,140,255,.12)}.visibility-unlisted{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.12)}.task-set-settings-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,260px);gap:16px;align-items:start}.task-set-description-field{grid-column:1/-1}.guild-checkbox-list{display:grid;gap:8px;max-height:180px;overflow:auto;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.guild-checkbox{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text)}.task-builder-panel{display:grid;grid-template-columns:minmax(280px,460px) minmax(320px,1fr);gap:18px;align-items:start}.task-builder-column{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:16px;min-width:0;overflow:hidden}.task-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.task-search-tools{grid-template-columns:1fr;margin-bottom:14px}.available-task-list,.selected-task-list,.task-list-preview,.task-search-tools{display:grid;gap:10px}.available-task-list,.selected-task-list{max-height:520px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.available-task-row,.builder-task-row,.task-preview-row{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);min-width:0}.available-task-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}.builder-task-handle{color:var(--muted);cursor:grab;padding-top:2px}.builder-task-main,.task-preview-main{flex:1;min-width:0}.builder-task-title,.task-preview-title{font-weight:900;color:var(--text);line-height:1.25;overflow-wrap:anywhere}.builder-task-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.task-preview-number{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border-radius:10px;background:hsla(0,0%,100%,.06);border:1px solid var(--border);color:var(--muted);font-weight:900;font-size:.8rem}.task-preview-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.btn-xs{padding:4px 8px;font-size:.72rem;border-radius:9px}.btn-soft{background:hsla(0,0%,100%,.06);border:1px solid var(--border);color:var(--text)}.empty-state{max-width:380px;padding:22px;border:1px dashed var(--border);border-radius:16px;text-align:center;color:var(--muted);background:hsla(0,0%,100%,.03)}.empty-state.small{padding:16px}.empty-icon{font-size:1.7rem;margin-bottom:8px}.empty-title{font-weight:900;color:var(--text);margin-bottom:4px}@media (max-width:900px){.task-builder-panel,.task-search-tools,.task-set-settings-grid{grid-template-columns:1fr}.available-task-list,.selected-task-list{max-height:none;overflow:visible}.available-task-row,.builder-task-row{flex-direction:column}.builder-task-actions,.task-set-actions{width:100%}.builder-task-actions .btn,.task-set-actions .btn,.task-set-actions form{flex:1}.task-set-actions form button{width:100%}}.task-sets-page{width:100%;max-width:1180px;margin:0 auto;padding:22px 18px 60px}.task-sets-page .page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.task-sets-page .card{padding:20px;overflow:hidden}.task-sets-page .card+.card{margin-top:20px}.task-search-tools .input,.task-set-settings-grid .input{width:100%}.task-preview-pills .mini-pill{font-size:.68rem;padding:3px 8px}@media (max-width:900px){.task-sets-page{padding:16px 12px 50px}.task-sets-page .page-head{display:block}.task-sets-page .page-actions{margin-top:14px}.empty-state,.task-set-card{max-width:none}.available-task-list,.selected-task-list{max-height:none;padding-right:0}}.task-preview-click{width:100%;text-align:left;cursor:pointer;border:1px solid var(--border);color:inherit}.task-preview-click:hover{border-color:var(--accent);background:hsla(0,0%,100%,.06)}.task-detail-modal{max-width:720px;width:min(720px,calc(100vw - 24px))}.task-modal-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.task-modal-image{display:flex;justify-content:center;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.task-modal-image img{width:72px;height:72px;object-fit:contain}.task-modal-req-list{display:grid;gap:10px}.task-modal-req{padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.task-modal-req pre{margin:0;white-space:pre-wrap;word-break:break-word;color:var(--text);font-size:.8rem}.task-modal-req-title{font-weight:900;margin-bottom:10px;color:var(--text)}.task-modal-section{margin-top:10px}.task-modal-label{color:var(--muted);font-size:.78rem;font-weight:800;margin-bottom:6px}.task-modal-chip-list{display:flex;flex-wrap:wrap;gap:6px}.text-link{color:var(--accent-2,var(--accent));text-decoration:none;font-weight:800}.text-link:hover{text-decoration:underline}.ce-thumb{display:flex;align-items:center;justify-content:center;overflow:hidden}.ce-thumb img{width:100%;height:100%;max-width:72px;max-height:72px;object-fit:contain;image-rendering:auto}.profile-guild-item .ce-title-row{display:block}.profile-guild-item .ce-title{display:block;white-space:normal;overflow:visible;text-overflow:unset;word-break:normal;overflow-wrap:anywhere;line-height:1.25;max-width:100%}.profile-guild-item .badge{margin-top:6px;width:fit-content}.clan-settings-modal{width:min(680px,calc(100vw - 24px));max-width:680px}.clan-settings-modal .form-grid{display:grid;gap:16px}.clan-settings-modal .input-group{display:flex;gap:10px}.clan-settings-modal .input-group .control{flex:1;min-width:0}.clan-settings-modal .px-0{padding-left:0;padding-right:0}.clan-settings-modal .pb-0{padding-bottom:0}.bug-report-page{width:100%;max-width:1180px;margin:0 auto;padding:22px 18px 60px}.bug-report-page .page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.bug-report-page .form-grid{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:16px}.bug-report-page .form-group.full{grid-column:1/-1}.bug-report-card{max-width:900px}.bug-report-list{display:grid;gap:16px}.bug-report-admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.bug-report-title{font-size:1.05rem;font-weight:900;color:var(--text)}.bug-report-message{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text);white-space:pre-wrap}.bug-report-message,.bug-report-url{overflow-wrap:anywhere}.bug-report-admin-form{display:grid;grid-template-columns:180px 1fr auto;gap:10px;align-items:start}@media (max-width:760px){.bug-report-admin-form,.bug-report-page .form-grid{grid-template-columns:1fr}.bug-report-admin-head{flex-direction:column}}.bug-report-list.compact{display:grid;gap:10px}.bug-report-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.bug-report-row:hover{border-color:var(--accent);background:var(--surface-2)}.bug-report-row-main{min-width:0}.bug-modal-section{margin-bottom:16px}.bug-modal-label{font-size:.78rem;font-weight:900;color:var(--muted);text-transform:uppercase;margin-bottom:6px}.bug-modal-message{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere}.bug-modal-grid{display:grid;grid-template-columns:180px 1fr;gap:14px}.status-open{color:#facc15}.status-investigating{color:#60a5fa}.status-needs_info{color:#fb923c}.status-planned{color:#a78bfa}.status-resolved{color:#4ade80}.status-closed{color:#94a3b8}.status-duplicate{color:#f87171}@media (max-width:720px){.bug-report-row{align-items:flex-start;flex-direction:column}.bug-modal-grid{grid-template-columns:1fr}}.security-path-details summary{cursor:pointer;color:var(--accent-2);font-weight:800;white-space:nowrap}.security-path-list{display:grid;gap:6px;margin-top:8px;max-height:220px;overflow:auto}.security-path-list code{display:block;max-width:100%;padding:6px 8px;border-radius:8px;background:var(--surface-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.security-log-table-wrap{overflow-x:hidden}.security-rule-list{display:flex;flex-wrap:wrap;gap:4px}.task-set-select-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.task-set-select-main{display:grid;gap:3px;min-width:0}.task-set-select-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card,.card-body,.task-set-select{overflow:visible}.task-set-select{z-index:20}.task-set-select-menu{top:calc(100% + 8px);display:none;max-height:320px}.ce-select-menu.open{display:block;opacity:1;pointer-events:auto;visibility:visible}.task-set-select{position:relative;z-index:50}.task-set-select-menu{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:9999;max-height:280px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.task-set-select-menu.open{display:block}.task-set-select-item{padding:14px 16px;min-height:64px;background:var(--surface)}.task-set-select-item:hover{background:var(--surface-2)}.task-set-select-card{position:relative;z-index:30;margin-bottom:90px}.w-10{width:10%}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.task-set-select-grid{align-items:start;width:100%}.task-set-select-grid .form-group{min-width:0}.task-set-select{width:100%}.task-set-select-button{width:100%;min-height:58px;justify-content:space-between}.task-set-select-menu{width:100%;max-height:360px;overflow-y:auto;overflow-x:hidden}@media (max-width:768px){.task-set-select-grid{grid-template-columns:1fr}}.task-set-select-menu::-webkit-scrollbar{width:10px}.task-set-select-menu::-webkit-scrollbar-track{background:transparent}.task-set-select-menu::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.task-set-select-menu::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:padding-box}.task-set-menu-header{display:grid;gap:4px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface-2);position:sticky;top:0;z-index:2}.ce-select-empty{padding:14px}.event-created-grid{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.event-created-row{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:14px}.event-created-label{color:var(--muted);font-size:.9rem;font-weight:800;text-align:left}.event-created-code{justify-self:end;min-height:38px;display:inline-flex;align-items:center;padding:8px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-weight:900;letter-spacing:.04em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.event-password-combo{justify-self:end;display:inline-flex;align-items:stretch}.event-password-combo code{padding:8px 12px;border:1px solid var(--border);border-left:0;border-radius:0 10px 10px 0;font-weight:900;letter-spacing:.04em;white-space:nowrap}.event-copy-combo-btn,.event-password-combo code{min-height:38px;display:inline-flex;align-items:center;background:var(--surface);color:var(--text)}.event-copy-combo-btn{width:42px;border-radius:10px 0 0 10px;border:1px solid var(--border);justify-content:center;cursor:pointer}.event-copy-combo-btn:hover{border-color:var(--accent);color:var(--accent)}.event-copy-combo-btn.copied{border-color:rgba(34,197,94,.45);color:#22c55e}.task-set-panel{display:none}.task-set-panel.active{display:block}.task-set-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0}.task-set-toolbar .leaderboard-tabs{margin:0}.task-set-toolbar>.btn{margin-left:auto;flex:0 0 auto}@media (max-width:768px){.task-set-toolbar{flex-direction:column;align-items:stretch}.task-set-toolbar>.btn{margin-left:0;width:100%}}.task-set-filters{display:flex;align-items:center;gap:12px}.task-set-search-wrap{flex:1}@media(max-width:768px){.task-set-filters{flex-direction:column;align-items:stretch}.task-set-filters .compact-input{width:100%}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;border:3px solid var(--surface)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::-webkit-scrollbar-corner{background:var(--surface)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--surface)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent-2))}.changelog-form-card{overflow:hidden}.changelog-form-card .card-body,.changelog-form-card .card-head{padding-left:24px;padding-right:24px}.changelog-form-card .card-head{padding-top:20px;padding-bottom:0}.changelog-form-card .card-body{padding-top:20px;padding-bottom:24px}.changelog-article-card{border:1px solid var(--border);border-radius:20px;background:var(--surface);padding:28px}.leaderboard-hero .page-actions{display:flex;gap:10px;flex-wrap:wrap;align-self:flex-start}.changelog-article-summary{font-size:1.1rem;line-height:1.7;color:var(--muted);margin-bottom:18px}.changelog-article-body{max-width:780px;font-size:1.05rem;line-height:1.85}.changelog-admin-bar{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.changelog-admin-bar form{margin:0;display:inline-flex}.changelog-admin-bar .btn{min-height:36px}.uix-page .card-head{padding:18px 20px;border-bottom:1px solid var(--border)}.uix-page .card-head+.card-body{padding-top:18px}.admin-inline-form{display:grid;gap:8px;min-width:220px}.admin-inline-form textarea{min-height:70px;resize:vertical}.admin-desc-preview{max-width:280px;color:var(--text);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.autocomplete-box .autocomplete-item,.item-dropdown-results .autocomplete-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer}.autocomplete-box .autocomplete-item:hover,.item-dropdown-results .autocomplete-item:hover{background:rgba(99,102,241,.14)}.autocomplete-box .auto-icon,.item-dropdown-results .auto-icon{width:32px;height:32px;object-fit:contain;flex:0 0 auto;image-rendering:pixelated}.autocomplete-box .autocomplete-item span,.item-dropdown-results .autocomplete-item span{color:var(--text);font-weight:700}.profile-page-shell{--profile-accent:var(--accent)}.profile-card-pro{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--profile-accent) 34%,var(--border));border-radius:20px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--profile-accent) 13%,transparent),transparent 42%),var(--surface);box-shadow:0 20px 60px color-mix(in srgb,var(--profile-accent) 12%,transparent)}.profile-card-banner{height:105px;background:linear-gradient(135deg,color-mix(in srgb,var(--profile-accent) 22%,#111827),#111827);background-size:cover;background-position:50%;position:relative}.profile-card-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.12),var(--surface)),radial-gradient(circle at right,color-mix(in srgb,var(--profile-accent) 24%,transparent),transparent 46%)}.profile-card-content{padding:18px 22px 22px}.profile-card-top{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center}.profile-card-avatar{width:72px;height:72px;border-radius:18px;object-fit:cover;border:2px solid color-mix(in srgb,var(--profile-accent) 55%,var(--border));box-shadow:0 10px 26px rgba(0,0,0,.38)}.profile-card-identity h1{margin:2px 0 0;font-size:clamp(28px,3vw,40px);line-height:1.05}.profile-inline-username{color:var(--muted);font-size:.48em;font-weight:850}.profile-premium-line{margin-top:8px;display:inline-flex;align-items:center;gap:7px;color:#f5c84b;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.profile-card-actions,.profile-card-stats{display:flex;gap:8px}.profile-card-stats{flex-wrap:wrap;margin-top:16px}.profile-card-stats span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--profile-accent) 12%,var(--surface-2));border:1px solid color-mix(in srgb,var(--profile-accent) 24%,var(--border));color:var(--muted);font-size:.82rem;font-weight:900}.profile-card-stats strong{color:var(--text)}.profile-card-about{margin-top:16px;width:100%;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--profile-accent) 9%,var(--surface-2));border:1px solid color-mix(in srgb,var(--profile-accent) 24%,var(--border))}.profile-card-bio{display:flex;gap:12px;padding:13px 14px;border-radius:15px;background:hsla(0,0%,100%,.04)}.profile-card-bio i{color:var(--profile-accent)}.profile-card-bio p{margin:0;line-height:1.55;font-weight:800}.profile-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.profile-card-tags span{display:inline-flex;align-items:center;gap:4px;max-width:260px;padding:7px 10px;border-radius:999px;background:hsla(0,0%,100%,.045);border:1px solid color-mix(in srgb,var(--profile-accent) 18%,hsla(0,0%,100%,.07));color:var(--text);font-size:.82rem;font-weight:850}.profile-card-tags span i{color:var(--profile-accent)}.profile-card-tags span b{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.profile-page-shell .card,.profile-page-shell .ce-list-item,.profile-page-shell .connected-item,.profile-page-shell .mini-profile-item{border-color:color-mix(in srgb,var(--profile-accent) 18%,var(--border))}.profile-page-shell .profile-tint-card{background:radial-gradient(circle at top right,color-mix(in srgb,var(--profile-accent) 8%,transparent),transparent 38%),var(--surface);box-shadow:0 14px 42px color-mix(in srgb,var(--profile-accent) 8%,transparent)}@media (max-width:720px){.profile-card-banner{height:82px}.profile-card-content{padding:16px}.profile-card-top{grid-template-columns:64px minmax(0,1fr)}.profile-card-avatar{width:64px;height:64px}.profile-card-actions{grid-column:1/-1}.profile-card-actions .btn{flex:1}}.profile-time-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--profile-accent) 12%,var(--surface-2));border:1px solid color-mix(in srgb,var(--profile-accent) 22%,var(--border));cursor:help}.profile-time-pill i{color:var(--profile-accent)}.profile-time-value{font-variant-numeric:tabular-nums}.profile-achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.profile-achievement-badge{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--profile-accent) 8%,var(--surface-2));border:1px solid color-mix(in srgb,var(--profile-accent) 18%,var(--border))}.achievement-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--profile-accent) 18%,var(--surface));color:var(--profile-accent);flex:0 0 auto}.achievement-icon img{width:28px;height:28px;object-fit:contain}.profile-achievement-badge strong{display:block}.profile-achievement-badge span{color:var(--muted);font-size:.8rem;font-weight:800}.clan-page-shell{--clan-accent:var(--accent)}.clan-card-pro{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--clan-accent) 34%,var(--border));border-radius:20px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--clan-accent) 13%,transparent),transparent 42%),var(--surface);box-shadow:0 20px 60px color-mix(in srgb,var(--clan-accent) 12%,transparent)}.clan-card-banner{height:105px;background:linear-gradient(135deg,color-mix(in srgb,var(--clan-accent) 22%,#111827),#111827);background-size:cover;background-position:50%;position:relative}.clan-card-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.12),var(--surface)),radial-gradient(circle at right,color-mix(in srgb,var(--clan-accent) 24%,transparent),transparent 46%)}.clan-card-content{padding:18px 22px 22px}.clan-card-top{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center}.clan-card-avatar{width:72px;height:72px;border-radius:18px;object-fit:cover;border:2px solid color-mix(in srgb,var(--clan-accent) 55%,var(--border));box-shadow:0 10px 26px rgba(0,0,0,.38)}.clan-card-identity h1{margin:2px 0 0;font-size:clamp(28px,3vw,40px);line-height:1.05}.clan-card-actions,.clan-card-stats{display:flex;gap:8px}.clan-card-stats{flex-wrap:wrap;margin-top:16px}.clan-card-stats span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--clan-accent) 12%,var(--surface-2));border:1px solid color-mix(in srgb,var(--clan-accent) 24%,var(--border));color:var(--muted);font-size:.82rem;font-weight:900}.clan-card-stats strong{color:var(--text)}.clan-card-about{margin-top:16px;width:100%;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--clan-accent) 9%,var(--surface-2));border:1px solid color-mix(in srgb,var(--clan-accent) 24%,var(--border))}.clan-card-about p{margin:0;line-height:1.55;font-weight:800}.clan-page-shell .card,.clan-page-shell .ce-list-item,.clan-page-shell .clan-events-banner,.clan-page-shell .clan-member-row,.clan-page-shell .member-row,.clan-page-shell .past-event-row{border-color:color-mix(in srgb,var(--clan-accent) 18%,var(--border))}.clan-page-shell .card{background:radial-gradient(circle at top right,color-mix(in srgb,var(--clan-accent) 8%,transparent),transparent 38%),var(--surface);box-shadow:0 14px 42px color-mix(in srgb,var(--clan-accent) 8%,transparent)}.clan-member-scroll{display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:4px}.clan-member-row{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);text-decoration:none;color:var(--text)}.clan-member-row:hover{border-color:var(--clan-accent);transform:translateY(-1px)}.clan-member-main{min-width:0;flex:1}.clan-member-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clan-member-row.premium-member strong:after{content:" ✦";color:#f5c84b}@media (max-width:720px){.clan-card-banner{height:82px}.clan-card-content{padding:16px}.clan-card-top{grid-template-columns:64px minmax(0,1fr)}.clan-card-avatar{width:64px;height:64px}.clan-card-actions{grid-column:1/-1}.clan-card-actions .btn{flex:1}}.clan-role-pill{gap:6px;padding:5px 10px;border:1px solid;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.02em;line-height:1.2}.clan-role-icon,.clan-role-pill{display:inline-flex;align-items:center}.clan-role-icon{justify-content:center;width:1rem;margin-right:2px;font-size:.8rem}.clan-settings-member{grid-template-columns:auto minmax(0,1fr) auto}.clan-settings-member .clan-member-main{min-width:0}.clan-settings-member .clan-member-main .text-muted,.clan-settings-member .clan-member-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clan-role-edit-btn{white-space:nowrap;flex-shrink:0}.clan-member-row,.member-row{min-width:0}.clan-member-main,.member-row>div{min-width:0;flex:1}.clan-member-main strong,.member-row strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clan-role-pill{flex-shrink:0;white-space:nowrap}@media (max-width:640px){.clan-member-row,.member-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center}.clan-member-row .avatar,.member-row .avatar{grid-row:span 2}.clan-member-main,.member-row>div{min-width:0}.clan-member-row .clan-role-pill,.member-row .clan-role-pill{grid-column:2;justify-self:start;max-width:100%;font-size:.78rem;padding:6px 10px}.clan-role-icon{flex-shrink:0}}.copy-guild-list{display:grid;gap:10px}.copy-guild-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.copy-guild-main{display:flex;align-items:center;gap:12px;min-width:0}.copy-guild-fallback,.copy-guild-main img{width:42px;height:42px;min-width:42px;border-radius:13px;object-fit:cover;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface)}.copy-guild-main>div:last-child{min-width:0}.copy-guild-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-guild-row form{margin:0;flex:0 0 auto}@media (max-width:620px){.copy-guild-row{align-items:stretch;flex-direction:column}.copy-guild-row form,.copy-guild-row form .btn{width:100%}}.premium-user-card{position:relative;isolation:isolate;overflow:hidden;border-color:rgba(245,190,75,.42);background:linear-gradient(115deg,rgba(245,190,75,.09),hsla(0,0%,100%,.015) 38%,rgba(245,190,75,.04)),var(--surface);box-shadow:inset 3px 0 0 rgba(245,190,75,.82),0 10px 28px rgba(0,0,0,.12)}.premium-user-card:hover{border-color:rgba(245,190,75,.72);transform:translateY(-2px);box-shadow:inset 3px 0 0 #f5be4b,0 14px 34px rgba(0,0,0,.2),0 0 22px rgba(245,190,75,.09)}.premium-user-card>:not(.premium-user-shine){position:relative;z-index:1}.premium-user-shine{position:absolute;z-index:0;top:-70%;left:-20%;width:38%;height:240%;pointer-events:none;opacity:.22;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,236,178,.34),transparent);transition:left .6s ease,opacity .25s ease}.premium-user-card:hover .premium-user-shine{left:105%;opacity:.42}.premium-user-thumb{position:relative;overflow:visible;border-color:rgba(245,190,75,.6);box-shadow:0 0 0 3px rgba(245,190,75,.1),0 0 18px rgba(245,190,75,.12)}.premium-user-thumb img{border-radius:inherit}.premium-avatar-crown{position:absolute;right:-7px;bottom:-7px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--surface);border-radius:999px;color:#3c2800;background:linear-gradient(135deg,#fff0a5,#f5b93f 55%,#d99516);box-shadow:0 4px 12px rgba(217,149,22,.34);font-size:.72rem}.premium-user-name{color:#f8d77a;text-shadow:0 0 18px rgba(245,190,75,.12)}.premium-user-badge{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:4px 9px;border:1px solid rgba(245,190,75,.46);border-radius:999px;color:#f9d878;background:rgba(245,190,75,.11);font-size:.68rem;font-weight:900;line-height:1;letter-spacing:.05em;text-transform:uppercase}.premium-user-badge i{font-size:.72rem}.premium-profile-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(245,190,75,.5);color:#f9d878;background:rgba(245,190,75,.09)}.premium-profile-button:hover{border-color:rgba(245,190,75,.8);color:#2d2005;background:linear-gradient(135deg,#f8db80,#e9a928)}.premium-profile-button i{transition:transform .18s ease}.premium-user-card:hover .premium-profile-button i{transform:translateX(2px)}@media (prefers-reduced-motion:reduce){.premium-user-shine{display:none}.premium-profile-button i,.premium-user-card{transition:none}}@media (max-width:640px){.premium-user-card{box-shadow:inset 3px 0 0 rgba(245,190,75,.82),0 8px 22px rgba(0,0,0,.1)}.premium-user-badge{padding:4px 7px;font-size:.62rem}.premium-profile-button{width:100%}}.event-time-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.event-time-card{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface,#171c26)}.event-time-card-title{padding:14px 14px 10px;color:var(--text-muted);font-size:.82rem;text-transform:lowercase}.event-duration-dates{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.event-duration-date{min-width:0;padding:14px}.event-duration-date+.event-duration-date{border-left:1px solid var(--border)}.event-duration-date span{display:block;margin-bottom:3px;color:var(--text-muted);font-size:.8rem;text-transform:lowercase}.event-duration-date strong{display:block;color:var(--text);font-size:.96rem;line-height:1.35}.event-duration-footer{padding:10px 14px;color:var(--text-muted);font-size:.82rem}.event-duration-footer strong{color:var(--text)}.event-countdown-card{position:relative}.event-countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:95px;align-items:center;padding:4px 18px 14px}.event-countdown-unit{text-align:center}.event-countdown-unit strong{display:block;color:var(--text);font-size:clamp(1.45rem,3vw,2rem);font-variant-numeric:tabular-nums;line-height:1}.event-countdown-unit span{display:block;margin-top:7px;color:var(--text-muted);font-size:.78rem}.event-countdown-progress{position:absolute;right:0;bottom:0;left:0;height:2px;background:hsla(0,0%,100%,.05)}.event-countdown-progress>div{width:0;height:100%;background:var(--success,#22c55e);transition:width 1s linear}.event-time-overview.is-upcoming .event-countdown-progress>div{background:var(--info,#3b82f6)}.event-time-overview.is-ended .event-countdown-progress>div{background:var(--danger,#ef4444)}.event-time-overview.is-ended .event-countdown-unit strong{color:var(--text-muted)}@media (max-width:800px){.event-time-overview{grid-template-columns:1fr}}@media (max-width:480px){.event-duration-dates{grid-template-columns:1fr}.event-duration-date+.event-duration-date{border-top:1px solid var(--border);border-left:0}.event-countdown-grid{padding-inline:8px}.event-countdown-unit strong{font-size:1.35rem}}.event-community-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg,18px);background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 11%,transparent),transparent 30%),var(--surface,var(--card-bg));box-shadow:var(--shadow-sm)}.event-community-head{min-height:78px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 84%,transparent)}.event-community-heading{min-width:0;display:flex;align-items:center;gap:13px}.event-community-heading>div{min-width:0;display:grid;gap:2px}.event-community-heading strong{overflow:hidden;color:var(--text);font-size:1.02rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.event-community-heading small{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.78rem}.event-community-heading small i{color:var(--accent)}.event-community-orb{position:relative;width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent)}.event-community-orb:after,.event-community-orb:before{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:inherit;animation:eventCommunityPulse 2.4s ease-out infinite}.event-community-orb:after{animation-delay:1.2s}.event-community-orb i{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 72%,transparent)}.event-community-head-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.event-community-grid{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(420px,1.35fr);min-height:520px}.event-community-roster{min-width:0;padding:16px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 55%,transparent)}.event-team-switcher{margin-bottom:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.event-team-switcher:has(button:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.event-team-switcher button{min-width:0;padding:10px;display:flex;align-items:center;gap:9px;color:var(--text-muted);text-align:left;border:1px solid var(--border);border-radius:11px;background:var(--surface);cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition),transform var(--transition)}.event-team-switcher button:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));transform:translateY(-1px)}.event-team-switcher button.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent)}.event-team-switcher button>span:nth-child(2){min-width:0;display:grid}.event-team-switcher small,.event-team-switcher strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-team-switcher strong{color:inherit;font-size:.78rem;line-height:1.25}.event-team-switcher small{color:var(--text-muted);font-size:.67rem}.event-team-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%}.event-team-dot.blue{background:var(--team-one,#4f8cff);box-shadow:0 0 10px color-mix(in srgb,var(--team-one,#4f8cff) 60%,transparent)}.event-team-dot.red{background:var(--team-two,#ef5d68);box-shadow:0 0 10px color-mix(in srgb,var(--team-two,#ef5d68) 60%,transparent)}.event-team-dot.muted{background:var(--text-muted)}.event-roster-card{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.event-roster-card.team-one{border-color:color-mix(in srgb,var(--team-one,#4f8cff) 38%,var(--border))}.event-roster-card.team-two{border-color:color-mix(in srgb,var(--team-two,#ef5d68) 38%,var(--border))}.event-roster-card-head{min-height:68px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 76%,transparent)}.event-roster-card-head>div{min-width:0;display:grid;gap:2px}.event-roster-card-head span{color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.event-roster-card-head strong{overflow:hidden;color:var(--text);font-size:.98rem;text-overflow:ellipsis;white-space:nowrap}.event-roster-count{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;color:var(--text)!important;border:1px solid var(--border);border-radius:50%;background:var(--surface);font-size:.78rem!important}.event-roster-list{max-height:392px;padding:6px;overflow-y:auto;scrollbar-width:thin}.event-roster-member{min-height:54px;padding:7px 9px;display:grid;grid-template-columns:24px 34px minmax(0,1fr) 20px;align-items:center;gap:9px;border-radius:9px;transition:background var(--transition),transform var(--transition)}.event-roster-member:hover{background:var(--surface-2);transform:translateX(2px)}.event-roster-position{color:var(--text-muted);font-size:.68rem;font-variant-numeric:tabular-nums;text-align:center}.event-roster-member-copy{min-width:0;display:grid;gap:1px}.event-roster-member-copy small,.event-roster-member-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-roster-member-copy strong{color:var(--text);font-size:.83rem}.event-roster-member-copy small{color:var(--text-muted);font-size:.69rem}.event-roster-member>i{color:var(--green,#34d399);font-size:.82rem;text-align:center}.event-roster-member>i.captain{color:var(--warning,#f5b942)}.event-community-side{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.event-community-panel+.event-community-panel{border-top:1px solid var(--border)}.event-community-panel-title{width:100%;min-height:52px;padding:12px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;color:var(--text);text-align:left;border:0;background:color-mix(in srgb,var(--surface-2) 58%,transparent)}button.event-community-panel-title{cursor:pointer}.event-community-panel-title.static{display:flex;justify-content:space-between;cursor:default}.event-community-panel-title>span:first-child{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;font-weight:800}.event-community-panel-title>span:first-child i{color:var(--accent)}.event-rule-total{min-width:25px;height:25px;padding:0 7px;display:grid;place-items:center;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.68rem;font-weight:800}.event-rules-chevron{color:var(--text-muted);font-size:.75rem;transition:transform .18s ease}.event-rules-panel.collapsed .event-rules-chevron{transform:rotate(180deg)}.event-rule-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border)}.event-rule-list[hidden]{display:none}.event-rule-row{min-width:0;padding:13px;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:9px}.event-rule-row+.event-rule-row{border-left:1px solid var(--border)}.event-rule-row>span{width:25px;height:25px;display:grid;place-items:center;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:.68rem;font-weight:900}.event-rule-row p{margin:1px 0 0;color:var(--text-muted);font-size:.74rem;line-height:1.45}.event-chat-panel{min-height:0;display:grid;grid-template-rows:auto auto minmax(230px,1fr) auto;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 24%,transparent),transparent 35%)}.event-chat-notice{margin:11px 13px 0;padding:8px 10px;display:flex;align-items:flex-start;gap:8px;color:var(--text-muted);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--accent) 7%,transparent);font-size:.7rem;line-height:1.4}.event-chat-notice i{margin-top:1px;color:var(--accent)}.event-chat-messages{min-height:230px;max-height:390px;padding:14px;display:flex;flex-direction:column;gap:11px;overflow-y:auto;scrollbar-width:thin}.event-chat-message{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:9px}.event-chat-message>div{min-width:0;width:fit-content;max-width:min(88%,560px)}.event-chat-message p{margin:0;padding:9px 11px;color:var(--text);border:1px solid var(--border);border-radius:5px 12px 12px 12px;background:var(--surface-2);font-size:.79rem;line-height:1.45;overflow-wrap:anywhere}.event-chat-message p strong{margin-right:4px;color:var(--text)}.event-chat-message small{margin:4px 0 0 4px;display:block;color:var(--text-muted);font-size:.64rem}.event-chat-form{padding:12px 13px;display:grid;grid-template-columns:34px minmax(0,1fr) 42px;align-items:center;gap:9px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 64%,transparent)}.event-chat-input-wrap{position:relative;min-width:0}.event-chat-input-wrap .control{width:100%;padding-right:68px}.event-chat-input-wrap>span{position:absolute;right:11px;top:50%;color:var(--text-muted);font-size:.61rem;pointer-events:none;transform:translateY(-50%)}.event-chat-form .icon-btn{width:42px;height:42px}@keyframes eventCommunityPulse{0%{opacity:.65;transform:scale(.72)}to{opacity:0;transform:scale(1.7)}}@media (max-width:1050px){.event-community-grid{grid-template-columns:minmax(245px,.7fr) minmax(350px,1fr)}.event-rule-list{grid-template-columns:1fr}.event-rule-row+.event-rule-row{border-top:1px solid var(--border);border-left:0}}@media (max-width:800px){.event-community-head{align-items:flex-start;flex-direction:column}.event-community-head-meta{justify-content:flex-start}.event-community-grid{display:block;min-height:0}.event-community-roster{border-right:0;border-bottom:1px solid var(--border)}.event-roster-list{max-height:300px}.event-chat-messages{min-height:310px;max-height:430px}}@media (max-width:560px){.event-community-head{padding:14px}.event-community-heading strong{font-size:.91rem}.event-community-roster{padding:11px}.event-team-switcher,.event-team-switcher:has(button:nth-child(3)){grid-template-columns:1fr}.event-team-switcher button{padding:9px 10px}.event-roster-member{grid-template-columns:21px 32px minmax(0,1fr) 18px;gap:7px}.event-chat-form{grid-template-columns:minmax(0,1fr) 42px}.event-chat-form>.avatar,.event-chat-input-wrap>span{display:none}.event-chat-input-wrap .control{padding-right:var(--control-padding-x,12px)}}.event-progress-feed-head-actions{display:flex;align-items:center;gap:9px}.event-progress-feed{min-width:0}.event-progress-toolbar{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.event-progress-list{position:relative;display:grid}.event-progress-list:before{position:absolute;top:17px;bottom:17px;left:20px;width:2px;border-radius:999px;background:var(--border);content:""}.event-progress-entry{position:relative;min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr)}.event-progress-entry+.event-progress-entry{margin-top:14px}.event-progress-timeline{position:relative;z-index:1;display:flex;justify-content:flex-start}.event-progress-dot{width:42px;height:42px;display:grid;place-items:center;border:4px solid var(--surface);border-radius:50%;color:var(--surface);background:var(--success);box-shadow:0 0 0 1px var(--border),0 0 18px color-mix(in srgb,var(--success) 18%,transparent)}.event-progress-dot.progress{color:var(--info);background:color-mix(in srgb,var(--info) 18%,var(--surface))}.event-progress-entry-body{min-width:0;margin-left:14px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.event-progress-entry-body:hover{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.event-progress-entry.team-one .event-progress-entry-body{border-left:3px solid var(--info)}.event-progress-entry.team-two .event-progress-entry-body{border-left:3px solid var(--danger)}.event-progress-entry-head{margin-bottom:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.event-progress-user{min-width:0;display:flex;align-items:center;gap:10px}.event-progress-user>div{min-width:0}.event-progress-user>div>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.event-progress-user strong{font-size:.9rem}.event-progress-user>div>span{display:block;margin-top:3px;color:var(--text-muted);font-size:.7rem}.event-progress-task{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px}.event-progress-task-icon{width:52px;height:52px;padding:7px;display:grid;place-items:center;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.event-progress-task-icon img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.event-progress-task>div:nth-child(2){min-width:0}.event-progress-task p,.event-progress-task span,.event-progress-task strong{display:block}.event-progress-task>div:nth-child(2)>span{margin-bottom:3px;color:var(--text-muted);font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.event-progress-task strong{overflow:hidden;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.event-progress-task p{margin:4px 0 0;color:var(--text-muted);font-size:.73rem;line-height:1.45}.event-progress-tile{padding:5px 8px;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);background:var(--surface);font-size:.66rem;font-weight:800;white-space:nowrap}.event-progress-meter{margin-top:14px;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.event-progress-meter>div:first-child{margin-bottom:7px;display:flex;align-items:center;justify-content:space-between;gap:10px}.event-progress-meter span{color:var(--text-muted);font-size:.68rem}.event-progress-meter strong{font-size:.72rem}.event-progress-meter-track{height:7px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.event-progress-meter-track i{height:100%;display:block;border-radius:inherit;background:var(--accent)}.event-progress-evidence{width:100%;min-width:0;margin-top:14px;padding:0;display:grid;grid-template-columns:150px minmax(0,1fr) 24px;align-items:center;gap:13px;overflow:hidden;border:1px solid var(--border);border-radius:12px;color:var(--text);background:var(--surface);cursor:pointer;text-align:left;transition:border-color .16s ease,background .16s ease}.event-progress-evidence:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--surface-hover)}.event-progress-evidence-preview{position:relative;height:86px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent),var(--surface-3)}.event-progress-evidence-preview img{width:100%;height:100%;display:block;object-fit:cover}.event-progress-evidence-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--text-muted);font-size:1.4rem}.event-progress-evidence-copy{min-width:0}.event-progress-evidence-copy small,.event-progress-evidence-copy span,.event-progress-evidence-copy strong{display:block}.event-progress-evidence-copy span{margin-bottom:3px;color:var(--text-muted);font-size:.65rem}.event-progress-evidence-copy strong{font-size:.82rem}.event-progress-evidence-copy small{margin-top:3px;color:var(--text-muted);font-size:.67rem}.event-progress-evidence>i{color:var(--text-muted)}.event-progress-entry-footer{margin-top:13px;padding-top:11px;display:flex;align-items:center;flex-wrap:wrap;gap:13px;border-top:1px solid var(--border)}.event-progress-entry-footer button,.event-progress-entry-footer span{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:.67rem}.event-progress-entry-footer span:first-child i{color:var(--success)}.event-progress-entry-footer button{margin-left:auto;padding:0;border:0;background:transparent;cursor:pointer}.event-progress-entry-footer button:hover{color:var(--accent)}.event-progress-load-more{margin-top:18px;display:flex;justify-content:center}.event-progress-empty{min-height:240px}.event-progress-image-overlay{position:fixed;z-index:5000;inset:0;padding:24px;display:grid;place-items:center;background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.event-progress-image-overlay[hidden]{display:none}.event-progress-image-dialog{width:min(1180px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-xl)}.event-progress-image-dialog>footer,.event-progress-image-dialog>header{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.event-progress-image-dialog>header{border-bottom:1px solid var(--border)}.event-progress-image-dialog>header h3{margin:2px 0}.event-progress-image-dialog>header span{color:var(--text-muted);font-size:.72rem}.event-progress-image-dialog>footer{border-top:1px solid var(--border)}.event-progress-image-stage{position:relative;min-height:300px;flex:1;display:grid;place-items:center;overflow:auto;background:linear-gradient(45deg,hsla(0,0%,100%,.025) 25%,transparent 25%),linear-gradient(-45deg,hsla(0,0%,100%,.025) 25%,transparent 25%),var(--surface-3);background-size:24px 24px}.event-progress-image-stage img{max-width:100%;height:auto;display:block}.event-progress-image-loading{min-height:300px;display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.8rem}@media (max-width:700px){.event-progress-toolbar{align-items:stretch;flex-direction:column}.event-progress-toolbar .segmented-control{width:100%;overflow-x:auto}.event-progress-entry{grid-template-columns:30px minmax(0,1fr)}.event-progress-list:before{left:14px}.event-progress-dot{width:30px;height:30px;border-width:3px;font-size:.7rem}.event-progress-entry-body{margin-left:8px;padding:13px}.event-progress-task{grid-template-columns:44px minmax(0,1fr)}.event-progress-task-icon{width:44px;height:44px}.event-progress-tile{grid-column:2;justify-self:start}.event-progress-task strong{white-space:normal}.event-progress-evidence{grid-template-columns:88px minmax(0,1fr) 18px}.event-progress-evidence-preview{height:76px}.event-progress-entry-footer button{margin-left:0}.event-progress-image-overlay{padding:8px}.event-progress-image-dialog{max-height:calc(100vh - 16px)}}.event-progress-feed-card .card-head{padding:14px 16px}.event-progress-feed-card .card-body{padding:14px 16px 16px}.event-progress-feed-card .card-head .h2{margin:2px 0 3px;font-size:1.05rem}.event-progress-feed-card .card-head p{margin:0}.event-progress-toolbar{margin-bottom:12px}.event-progress-toolbar .segmented-control{padding:3px}.event-progress-toolbar .segment{min-height:34px;padding:6px 12px;font-size:.72rem}.event-progress-list:before{top:15px;bottom:15px;left:15px}.event-progress-entry{grid-template-columns:32px minmax(0,1fr)}.event-progress-entry+.event-progress-entry{margin-top:9px}.event-progress-dot{width:32px;height:32px;border-width:3px;font-size:.7rem}.event-progress-entry-body{margin-left:9px;padding:11px 12px;border-radius:11px}.event-progress-entry-head{margin-bottom:9px}.event-progress-user{gap:8px}.event-progress-user .avatar{width:34px;height:34px;min-width:34px;font-size:.72rem}.event-progress-user strong{font-size:.82rem}.event-progress-user>div>span{margin-top:1px;font-size:.64rem}.event-progress-user .status-chip{min-height:22px;padding:2px 7px;font-size:.62rem}.event-progress-task{grid-template-columns:42px minmax(0,1fr) auto;gap:9px}.event-progress-task-icon{width:42px;height:42px;padding:5px;border-radius:9px}.event-progress-task>div:nth-child(2)>span{margin-bottom:1px;font-size:.59rem}.event-progress-task strong{font-size:.82rem}.event-progress-task p{margin-top:2px;font-size:.66rem;line-height:1.3}.event-progress-tile{padding:4px 7px;font-size:.6rem}.event-progress-meter{margin-top:9px;padding:8px 9px;border-radius:8px}.event-progress-meter>div:first-child{margin-bottom:5px}.event-progress-meter span,.event-progress-meter strong{font-size:.63rem}.event-progress-meter-track{height:5px}.event-progress-evidence,.event-progress-evidence.compact{min-height:48px;margin-top:9px;grid-template-columns:48px minmax(0,1fr) 18px;gap:9px;border-radius:9px}.event-progress-evidence-preview{width:48px;height:48px;border-right:1px solid var(--border)}.event-progress-evidence-placeholder{font-size:1rem}.event-progress-evidence-copy{padding:5px 0}.event-progress-evidence-copy span{margin-bottom:1px;font-size:.58rem}.event-progress-evidence-copy strong{font-size:.72rem}.event-progress-evidence-copy small{margin-top:1px;font-size:.59rem}.event-progress-evidence>i{margin-right:8px;font-size:.72rem}.event-progress-entry-footer{margin-top:8px;padding-top:7px;gap:10px}.event-progress-entry-footer button,.event-progress-entry-footer span{font-size:.6rem}.event-progress-load-more{margin-top:12px}.event-progress-load-more .btn{min-height:34px;padding:6px 11px;font-size:.7rem}@media (max-width:700px){.event-progress-feed-card .card-head{align-items:flex-start}.event-progress-feed-head-actions{width:100%;justify-content:space-between}.event-progress-feed-card .card-body{padding:11px}.event-progress-toolbar{gap:8px}.event-progress-toolbar>.text-muted{display:none}.event-progress-task{grid-template-columns:38px minmax(0,1fr)}.event-progress-task-icon{width:38px;height:38px}.event-progress-tile{grid-column:2;margin-top:2px}.event-progress-task p{display:none}.event-progress-entry-footer button{margin-left:auto}}