.community-context-icon{color:#fff;background:linear-gradient(135deg,#7050cf,#e5306f)}.community-tab{text-decoration:none;position:relative;border-bottom-color:#0000!important}.community-tab svg{transition:transform .2s;color:var(--tab-color)!important}.community-tab:hover svg{transform:translateY(-1px)scale(1.08)}.community-tab-indicator{background:var(--tab-color);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.community-badge{color:#fff;background:#e5306f;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-grid}.community-page{padding:22px 26px 40px}.community-page>*{max-width:1180px;margin:0 auto}.community-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:12px;min-width:0;padding:16px 18px;display:flex}.community-card-title{color:var(--muted);align-items:center;gap:8px;display:flex}.community-card-title h2{color:var(--foreground);font-size:14px;font-weight:650}.community-more{color:var(--muted);margin-left:auto;font-size:12px}.community-more:hover{color:var(--foreground)}.community-hint{color:var(--muted);font-size:12px;line-height:1.5}.community-empty{padding:34px 16px}.community-avatar{background:var(--avatar-color);color:#fff;letter-spacing:.02em;box-shadow:0 0 0 2px var(--surface);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid;overflow:hidden}.community-avatar img{object-fit:cover;width:100%;height:100%}.community-user-name{min-width:0;color:var(--foreground);flex-direction:column;line-height:1.25;text-decoration:none;display:flex}.community-user-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.community-user-name small{color:var(--muted);font-size:11px}a.community-user-name:hover strong{text-underline-offset:2px;text-decoration:underline}.community-icon-link{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;margin-left:auto;transition:background .15s,color .15s,transform .15s;display:grid}.community-icon-link:hover{background:var(--hover);color:var(--foreground);transform:scale(1.06)}.community-pill{background:var(--accent-soft);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.community-category{background:color-mix(in srgb, var(--cat,#7050cf) 14%, transparent);color:var(--cat,#7050cf);border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:650;display:inline-flex}.community-activity{flex-direction:column;gap:18px;display:flex}.community-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.community-stat{border:1px solid var(--border);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--stat-color) 16%, transparent), transparent 60%), var(--surface);color:var(--foreground);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.community-stat:hover{border-color:color-mix(in srgb, var(--stat-color) 45%, var(--border));box-shadow:0 12px 26px color-mix(in srgb, var(--stat-color) 16%, transparent);transform:translateY(-2px)}.community-stat-icon{background:var(--stat-color);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.community-stat strong{font-size:22px;font-weight:750;line-height:1.1;display:block}.community-stat small{color:var(--muted);font-size:12px}.community-columns{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.community-side{flex-direction:column;gap:18px;display:flex}.community-feed,.community-posts{flex-direction:column;list-style:none;display:flex}.community-feed>li,.community-posts>li{border-top:1px solid var(--border);gap:12px;padding:14px 0;display:flex}.community-feed>li:first-child,.community-posts>li:first-child{border-top:0}.community-feed-body,.community-post-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.community-feed-head{align-items:center;gap:8px;display:flex}.community-feed-head time{color:var(--muted);font-size:11px}.community-feed-work{background:var(--hover);border-radius:12px;align-items:center;gap:12px;padding:10px;transition:transform .2s;display:flex}.community-feed-work:hover{transform:translate(3px)}.community-feed-work>div{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.community-work-title{color:var(--foreground);font-size:14px;font-weight:650}a.community-work-title:hover{text-decoration:underline}.community-feed-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.community-progress{background:var(--border);border-radius:999px;max-width:320px;height:5px;display:block;overflow:hidden}.community-progress i{border-radius:inherit;height:100%;display:block}.community-mini-list{flex-direction:column;gap:4px;list-style:none;display:flex}.community-mini-list li{border-radius:10px;align-items:center;gap:10px;padding:6px;transition:background .15s;display:flex}.community-mini-list li:hover{background:var(--hover)}.community-club-dot{background:var(--cat);color:#fff;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.community-crown{color:#c77c02;margin-left:auto}.community-friends{flex-direction:column;gap:18px;display:flex}.community-search-field{flex:1;align-items:center;display:flex;position:relative}.community-search-field>svg{color:var(--muted);pointer-events:none;position:absolute;left:11px}.community-search-field>svg.spin{left:auto;right:11px}.community-search-field .input{width:100%;padding-left:34px}.community-people{flex-direction:column;gap:4px;list-style:none;display:flex;overflow:hidden}.community-people>li{border-radius:12px;align-items:center;gap:12px;padding:8px 10px;transition:background .15s;display:flex}.community-people>li:hover{background:var(--hover)}.community-people>li>.community-user-name{flex:1}.community-people time{color:var(--muted);font-size:11px}.community-requests{border-color:color-mix(in srgb, #e5306f 35%, var(--border));background:radial-gradient(circle at 0% 0%, #e5306f17, transparent 55%), var(--surface)}.community-friend-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.community-friend{text-align:center;border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px 14px;transition:transform .2s,box-shadow .2s;display:flex}.community-friend:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.community-friend .community-user-name{align-items:center;max-width:100%}.community-friend>small{color:var(--muted);font-size:11px}.community-friend-actions{gap:6px;margin-top:4px;display:flex}.community-page:has(.community-messages){padding-bottom:22px}.community-messages{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:320px minmax(0,1fr);height:calc(100vh - 190px);min-height:420px;display:grid;overflow:hidden}.community-inbox{border-right:1px solid var(--border);flex-direction:column;gap:8px;padding:8px;display:flex;overflow-y:auto}.community-inbox ul{list-style:none}.community-inbox-item{width:100%;color:var(--foreground);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:10px;transition:background .15s;display:flex}.community-inbox-item:hover{background:var(--hover)}.community-inbox-item.active{background:var(--selected)}.community-inbox-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.community-inbox-top{justify-content:space-between;gap:8px;display:flex}.community-inbox-top strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.community-inbox-top time{color:var(--muted);flex:none;font-size:10px}.community-inbox-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.community-inbox-friends{border-top:1px solid var(--border);padding:8px 6px}.community-inbox-friends h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;font-size:11px}.community-inbox-friends>div{flex-wrap:wrap;gap:6px;display:flex}.community-inbox-friends button{background:0 0;border:0;border-radius:50%;padding:0;transition:transform .15s}.community-inbox-friends button:hover{transform:translateY(-2px)scale(1.06)}.community-thread-pane{flex-direction:column;min-width:0;display:flex}.community-thread-pane>.empty-state{margin:auto}.community-thread{flex-direction:column;height:100%;min-height:0;display:flex}.community-thread-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.community-back{width:30px;height:30px;color:var(--muted);border-radius:9px;place-items:center;transition:background .15s;display:grid}.community-back:hover{background:var(--hover);color:var(--foreground)}.community-thread-header .community-back{display:none}.community-thread-messages{background:radial-gradient(circle at 100% 0%, #15936a0f, transparent 45%), var(--background);flex-direction:column;flex:1;gap:6px;padding:16px 18px;display:flex;overflow-y:auto}.community-thread-start{text-align:center;margin:auto 0 12px}.community-message-row{flex-direction:column;display:flex}.community-day{background:var(--accent-soft);color:var(--muted);border-radius:999px;align-self:center;margin:10px 0 6px;padding:3px 10px;font-size:11px}.community-message{background:var(--surface);border:1px solid var(--border);border-radius:14px 14px 14px 4px;align-self:flex-start;max-width:min(72%,560px);padding:8px 12px 6px;box-shadow:0 2px 8px #0000000a}.community-message.mine{color:#fff;background:linear-gradient(135deg,#15936a,#0e9aa7);border-color:#0000;border-radius:14px 14px 4px;align-self:flex-end}.community-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.community-message time{text-align:right;opacity:.65;margin-top:2px;font-size:10px;display:block}.community-composer{border-top:1px solid var(--border);align-items:flex-end;gap:8px;padding:12px 14px;display:flex}.community-composer .textarea{resize:none;field-sizing:content;flex:1;min-height:38px;max-height:140px}.community-composer-off{border-top:1px solid var(--border);padding:12px 16px}.community-post-composer{border:1px solid var(--border);background:var(--hover);border-radius:12px;padding:10px}.community-post-body p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.55}.community-post-body .community-icon-link{width:24px;height:24px}.community-clubs{flex-direction:column;gap:18px;display:flex}.community-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.community-toolbar .community-search-field{max-width:360px}.community-segmented{background:var(--accent-soft);border-radius:10px;padding:3px;display:inline-flex}.community-segmented button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.community-segmented button:hover{color:var(--foreground)}.community-segmented button.active{background:var(--surface);color:var(--foreground);box-shadow:0 1px 4px #00000014}.community-toolbar>.button{margin-left:auto}.community-club-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.community-club-card{border:1px solid var(--border);background:var(--surface);height:100%;color:var(--foreground);border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden}.community-club-card:hover{border-color:color-mix(in srgb, var(--cat) 45%, var(--border));box-shadow:0 16px 34px color-mix(in srgb, var(--cat) 18%, transparent);transform:translateY(-3px)}.community-club-banner{color:#fff;background:radial-gradient(circle at 85% 10%, #ffffff40, transparent 45%), linear-gradient(135deg, var(--cat), color-mix(in srgb, var(--cat) 55%, #1b1b2f));justify-content:space-between;align-items:flex-end;height:74px;padding:12px 14px;display:flex;position:relative}.community-club-banner .community-pill{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e}.community-club-body{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex}.community-club-body strong{font-size:15px}.community-club-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.community-club-meta{color:var(--muted);gap:12px;margin-top:auto;font-size:12px;display:flex}.community-club-meta span{align-items:center;gap:4px;display:inline-flex}.community-club-owner{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.community-club{flex-direction:column;gap:18px;display:flex}.community-club-hero{color:#fff;background:radial-gradient(circle at 90% 0%, #ffffff3a, transparent 40%), linear-gradient(135deg, var(--cat), color-mix(in srgb, var(--cat) 50%, #15152a));border-radius:18px;align-items:flex-start;gap:16px;padding:22px;display:flex;position:relative;overflow:hidden}.community-club-hero .community-back{color:#fffc}.community-club-hero .community-back:hover{color:#fff;background:#ffffff26}.community-club-hero-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2b;border-radius:16px;flex:none;place-items:center;width:56px;height:56px;display:grid}.community-club-hero-text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.community-club-hero-text .community-category{color:#fff;background:#ffffff2e;align-self:flex-start}.community-club-hero-text h2{letter-spacing:-.01em;font-size:24px;font-weight:750}.community-club-hero-text p{color:#ffffffd9;max-width:640px;font-size:13px;line-height:1.5}.community-club-numbers{color:#ffffffd9;flex-wrap:wrap;gap:16px;margin-top:4px;font-size:12px;display:flex}.community-club-numbers span{align-items:center;gap:5px;display:inline-flex}.community-club-actions{gap:8px;display:flex}.community-club-actions .button-outline,.community-club-actions .button-ghost{color:#fff;background:#ffffff24;border-color:#ffffff40}.community-club-actions .button-outline:hover,.community-club-actions .button-ghost:hover{background:#ffffff3a}.community-club-actions .button-primary{color:#1b1b22;background:#fff}.community-dialog{width:min(480px,100vw - 32px)}.community-form{flex-direction:column;gap:14px;margin-top:14px;display:flex}.community-form label{flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.community-form-actions{justify-content:flex-end;gap:8px;display:flex}.profile-action{color:#29292f;background:#fff;border:1px solid #e6e6ea;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;padding:9px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.profile-action:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000000f}.profile-action.is-primary{color:#fff;background:linear-gradient(135deg,#7050cf,#e5306f);border-color:#0000}.profile-action:disabled{opacity:.6}@media (max-width:960px){.community-columns{grid-template-columns:1fr}.community-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.community-page{padding:16px 14px 32px}.community-messages{grid-template-columns:1fr;height:calc(100vh - 170px)}.community-messages.has-thread .community-inbox,.community-messages:not(.has-thread) .community-thread-pane{display:none}.community-thread-header .community-back{display:grid}.community-club-hero{flex-wrap:wrap}.community-club-actions{width:100%}}.nav-badge{margin-left:auto}.report-button{width:26px;height:26px;color:var(--muted);opacity:.7;background:0 0;border:0;border-radius:8px;place-items:center;transition:opacity .15s,background .15s,color .15s;display:inline-grid}.report-button:hover{opacity:1;color:#d93a50;background:#d93a501f}.community-message{position:relative}.community-message .message-report{opacity:0;position:absolute;top:2px;right:-32px}.community-message:hover .message-report,.community-message .message-report:focus-visible{opacity:.8}.thread-safety{margin-left:auto}.club-report{color:#fffc}.club-report:hover{color:#fff;background:#ffffff26}.danger-item{color:var(--destructive)}.report-form{flex-direction:column;gap:14px;margin-top:14px;display:flex}.report-reasons{flex-wrap:wrap;gap:8px;display:flex}.report-reason{border:1px solid var(--border);background:var(--surface);color:var(--foreground);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s}.report-reason:hover{background:var(--hover)}.report-reason.active{background:color-mix(in srgb, #d93a50 10%, var(--surface));color:#d93a50;border-color:#d93a50}.profile-actions{align-items:center;gap:8px;display:flex}.profile-actions>.profile-action{flex:1}.profile-safety{background:#fff;border:1px solid #e6e6ea;border-radius:10px;width:38px;height:38px;margin-left:0}.moderation-context-icon{color:#fff;background:linear-gradient(135deg,#d93a50,#7050cf)}.moderation-page{flex-direction:column;gap:18px;display:flex}.moderation-page>.community-segmented{align-self:flex-start}.moderation-list{flex-direction:column;gap:14px;display:flex}.moderation-report{border:1px solid var(--border);background:var(--surface);border-left:3px solid #d93a50;border-radius:14px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.moderation-report header{align-items:center;gap:10px;display:flex}.moderation-report header time{color:var(--muted);margin-left:auto;font-size:11px}.moderation-chip{background:var(--accent-soft);color:var(--muted);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:650}.moderation-report blockquote{background:var(--hover);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;margin:0;padding:10px 14px;font-size:13px;line-height:1.5}.moderation-details{color:var(--muted);font-size:12px;font-style:italic}.moderation-people{color:var(--muted);flex-wrap:wrap;gap:4px 18px;font-size:12px;display:flex}.moderation-people strong{color:var(--foreground)}.moderation-badges{flex-wrap:wrap;gap:6px;display:flex}.moderation-badges em{background:var(--accent-soft);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-style:normal;font-weight:650;display:inline-flex}.moderation-badges em.is-admin{color:#7050cf;background:#7050cf24}.moderation-badges em.is-suspended,.moderation-badges em.is-reported{color:#d93a50;background:#d93a5024}.moderation-badges em.is-safe{color:#15936a;background:#15936a24}.moderation-decision{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:10px;display:flex}.moderation-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.moderation-resolution{color:var(--muted);font-size:12px}.moderation-search{max-width:420px}.moderation-users{flex-direction:column;gap:8px;list-style:none;display:flex}.moderation-users li{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.moderation-users li.is-suspended{border-color:color-mix(in srgb, #d93a50 35%, var(--border));background:color-mix(in srgb, #d93a50 4%, var(--surface))}.moderation-user-text{min-width:0;color:var(--muted);flex-direction:column;flex:1;gap:4px;font-size:12px;display:flex}.moderation-user-text strong{color:var(--foreground);font-size:13px}.moderation-user-text small{color:var(--muted);font-weight:400}.moderation-reason{color:#d93a50}.moderation-log{flex-direction:column;list-style:none;display:flex}.moderation-log li{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 4px;font-size:13px;display:flex}.moderation-log li>div{flex:1}.moderation-log time{color:var(--muted);font-size:11px}@media (max-width:760px){.moderation-users li{flex-wrap:wrap}.community-message .message-report{left:-30px;right:auto}}
.settings-layout{grid-template-columns:210px minmax(0,860px);justify-content:center;gap:34px;padding:28px 28px 60px;display:grid}.settings-nav{flex-direction:column;align-self:start;gap:2px;display:flex;position:sticky;top:18px}.settings-nav-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:0 10px 10px;font-size:11px;font-weight:650}.settings-nav-link{color:var(--muted);border-radius:9px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;text-decoration:none;transition:color .15s,background .15s;display:flex;position:relative}.settings-nav-link svg{z-index:1;color:var(--section-color);position:relative}.settings-nav-link:hover{color:var(--foreground);background:var(--hover)}.settings-nav-link.active{color:var(--foreground);font-weight:600}.settings-nav-indicator{border-radius:inherit;background:color-mix(in srgb, var(--section-color) 11%, transparent);box-shadow:inset 3px 0 0 var(--section-color);position:absolute;inset:0}.settings-nav-link>:not(.settings-nav-indicator){z-index:1;position:relative}.settings-content{flex-direction:column;gap:18px;min-width:0;display:flex}.settings-heading h1{letter-spacing:-.01em;font-size:24px;font-weight:750}.settings-heading p{color:var(--muted);margin-top:4px;font-size:13px}.settings-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:20px 22px;scroll-margin-top:18px}.settings-anchor{scroll-margin-top:18px}.settings-section.settings-card{border-top:1px solid var(--border)}.settings-section.settings-card .settings-card-header{margin-bottom:16px}.settings-section.settings-card .settings-card-header p{margin:2px 0 0;font-size:12px}.settings-sessions-more{align-self:flex-start}.settings-card.is-danger{border-color:color-mix(in srgb, #d93a50 28%, var(--border))}.settings-card-header{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;margin-bottom:4px;padding-bottom:16px;display:flex}.settings-card-icon{background:var(--section-color);color:#fff;width:34px;height:34px;box-shadow:0 6px 16px color-mix(in srgb, var(--section-color) 30%, transparent);border-radius:10px;flex:none;place-items:center;display:grid}.settings-card-header h2{font-size:15px;font-weight:650}.settings-card-header p{color:var(--muted);margin-top:2px;font-size:12px}.settings-card-body{flex-direction:column;display:flex}.settings-form{flex-direction:column;gap:14px;padding-top:14px;display:flex}.settings-form .form-grid{margin:0}.settings-form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-form-footer>span{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.settings-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.settings-card-body>.settings-row:first-child{border-top:0}.settings-row-text{flex-direction:column;gap:3px;min-width:0;display:flex}.settings-row-text strong{font-size:13px;font-weight:600}.settings-row-text span{color:var(--muted);font-size:12px;line-height:1.45}.settings-row-control{flex:none}.settings-row-control .select{min-width:230px}.settings-inline{align-items:center;gap:10px;display:flex}.settings-block{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:16px 0;display:flex}.settings-card-body>.settings-block:first-child{border-top:0}.settings-block>strong{font-size:13px;font-weight:600}.settings-block .accent-picker,.settings-block .visual-theme-picker{margin-top:0}.settings-switch{background:var(--border);border:0;border-radius:999px;flex:none;align-items:center;width:38px;height:22px;padding:3px;transition:background .2s;display:flex;position:relative}.settings-switch[aria-checked=true]{background:var(--primary);justify-content:flex-end}:root[data-accent=black] .settings-switch[aria-checked=true]{background:#15936a}.settings-switch>span{background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}.settings-switch:disabled{opacity:.6}.settings-switch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.settings-segmented{background:var(--accent-soft);border-radius:10px;padding:3px;display:inline-flex}.settings-segmented button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.settings-segmented button:hover{color:var(--foreground)}.settings-segmented button.active{background:var(--surface);color:var(--foreground);box-shadow:0 1px 4px #00000018}.mode-picker{grid-template-columns:repeat(3,minmax(0,170px));gap:14px;display:grid}.mode-choice{color:var(--foreground);text-align:left;background:0 0;border:0;flex-direction:column;gap:8px;padding:0;font-size:12px;font-weight:600;display:flex}.mode-choice>span:last-child{align-items:center;gap:5px;display:flex}.mode-preview{border:2px solid var(--border);border-radius:12px;height:92px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.mode-choice:hover .mode-preview{transform:translateY(-2px);box-shadow:0 10px 22px #0000001a}.mode-choice[aria-checked=true] .mode-preview{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent)}.mode-half{background:#fff;flex:1;gap:4px;padding:6px;display:flex}.mode-dark .mode-half,.mode-dark-half{background:#18181b!important}.mode-rail{background:#1e1e22;border-radius:3px;width:8px}.mode-side{background:#f1f1f5;border-radius:4px;width:22%}.mode-dark .mode-side,.mode-dark-half .mode-side{background:#26262c}.mode-main{border:1px solid #e8e8ed;border-radius:5px;flex-direction:column;flex:1;gap:5px;padding:5px;display:flex}.mode-dark .mode-main,.mode-dark-half .mode-main{border-color:#323238}.mode-main i{background:#e6e6ec;border-radius:3px;height:7px}.mode-main i:first-child{background:var(--primary);opacity:.85;width:60%}.mode-dark .mode-main i,.mode-dark-half .mode-main i{background:#34343b}.mode-dark .mode-main i:first-child,.mode-dark-half .mode-main i:first-child{background:var(--primary)}.settings-categories{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;padding-top:14px;display:grid}.settings-category{border:1px solid var(--border);width:100%;color:var(--foreground);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s cubic-bezier(.16,1,.3,1);display:flex}.settings-category:hover{border-color:color-mix(in srgb, var(--cat) 55%, var(--border));background:color-mix(in srgb, var(--cat) 9%, transparent);box-shadow:0 8px 22px color-mix(in srgb, var(--cat) 16%, transparent);transform:translateY(-1px)}.settings-category:hover .settings-category-icon{transform:scale(1.08)rotate(-4deg)}.settings-category:active{transform:translateY(0)scale(.99)}.settings-category:focus-visible{outline:2px solid var(--cat);outline-offset:2px}.settings-category .settings-switch[data-checked=true]{background:var(--cat);justify-content:flex-end}.settings-category.enabled{border-color:color-mix(in srgb, var(--cat) 35%, var(--border));background:color-mix(in srgb, var(--cat) 6%, transparent)}.settings-category strong{flex:1;font-size:13px;font-weight:600}.settings-category-icon{background:color-mix(in srgb, var(--cat) 16%, transparent);width:30px;height:30px;color:var(--cat);border-radius:9px;place-items:center;transition:background .2s,color .2s,transform .25s cubic-bezier(.16,1,.3,1);display:grid}.settings-category.enabled .settings-category-icon{background:var(--cat);color:#fff}.settings-sessions{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:18px;padding-top:16px;display:flex}.settings-sessions-head{justify-content:space-between;align-items:center;display:flex}.settings-sessions-head strong{font-size:13px}.settings-sessions ul{flex-direction:column;gap:6px;list-style:none;display:flex}.settings-sessions li{border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.settings-session-icon{color:#0e9aa7;background:#0e9aa724;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.settings-session-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-session-text strong{align-items:center;gap:8px;font-size:13px;display:flex}.settings-session-text em{color:#15936a;background:#15936a26;border-radius:999px;padding:1px 7px;font-size:10px;font-style:normal;font-weight:650}.settings-session-text small{color:var(--muted);font-size:11px}.settings-danger{background:#d93a500f;border:1px dashed #d93a5073;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:6px 0 14px;padding:14px 16px;display:flex}.settings-danger strong{color:#d93a50}@media (max-width:900px){.settings-layout{grid-template-columns:1fr;padding:18px 14px 40px}.settings-nav{flex-direction:row;position:static;overflow-x:auto}.settings-nav-title{display:none}.settings-nav-link{white-space:nowrap}.settings-row,.settings-danger{flex-direction:column;align-items:stretch}.settings-row-control .select{width:100%;min-width:0}.mode-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}.mfa-title{align-items:center;gap:8px;display:inline-flex}.mfa-title>svg{color:#0e9aa7}.mfa-title em{background:var(--accent-soft);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:10px;font-style:normal;font-weight:650}.mfa-title em.is-on{color:#15936a;background:#15936a26}.mfa-actions{flex-wrap:wrap;gap:8px;display:inline-flex}.mfa-hint{color:var(--muted);font-size:12px;line-height:1.5}.mfa-dialog{width:min(460px,100vw - 32px)}.mfa-qr{background:#fff;border:1px solid #ececf0;border-radius:14px;justify-content:center;width:fit-content;margin:18px auto 10px;padding:14px;display:flex}.mfa-secret{text-align:center;color:var(--muted);margin-bottom:14px;font-size:12px}.mfa-secret code,.mfa-codes code{color:var(--foreground);letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.mfa-code-input{text-align:center;letter-spacing:8px;font-size:22px}.mfa-form{flex-direction:column;gap:12px;margin-top:14px;display:flex}.mfa-codes{flex-direction:column;gap:14px;margin-top:12px;display:flex}.mfa-codes>p{color:var(--muted);font-size:12px;line-height:1.5}.mfa-codes ol{background:var(--hover);border-radius:12px;grid-template-columns:repeat(2,1fr);gap:8px;padding:14px;list-style:none;display:grid}.mfa-codes li{text-align:center;font-size:14px}
:root{--hover-ease:cubic-bezier(.22, 1, .36, 1)}:where(a,button,summary,[role=button],[role=menuitem],[role=option],label.checkbox-field){transition:color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .2s ease, opacity .16s ease, transform .2s var(--hover-ease)}.marketing-footer nav a,.public-footer-link,.inline-link,.manual-link,.section-link,.source-link,.public-collection-link,.legal-article a,.auth-footer a,.auth-switch a,.breadcrumb a,.section-title a{transition:color .16s ease, background-size .26s var(--hover-ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;text-decoration:none;position:relative}.marketing-footer nav a:hover,.public-footer-link:hover,.inline-link:hover,.manual-link:hover,.section-link:hover,.source-link:hover,.public-collection-link:hover,.legal-article a:hover,.auth-footer a:hover,.auth-switch a:hover,.breadcrumb a:hover,.section-title a:hover{color:var(--foreground,#111);background-size:100% 1px}.public-footer-link{font:inherit;color:inherit;cursor:pointer;border:0;padding:0}.marketing-footer .brand,.global-brand .brand{transition:transform .26s cubic-bezier(.34,1.36,.64,1)}.marketing-footer a:hover .brand,.global-brand:hover .brand{transform:scale(1.04)rotate(-1deg)}.demo-categories>button{cursor:pointer;transition:color .16s ease, padding .22s var(--hover-ease), background-color .16s ease;border-radius:8px;padding-left:0;padding-right:0}.demo-categories>button:hover{color:#111;background:linear-gradient(90deg,#1090f314,#0000 80%);padding-left:6px}.demo-categories>button.active:hover{color:#1090f3}.demo-categories>button:hover>span{color:#1090f3;transform:rotate(90deg)}.demo-categories>button>span,.demo-category-icon{transition:transform .26s cubic-bezier(.34,1.36,.64,1),color .16s}.demo-categories>button:hover .demo-category-icon{color:#1090f3;transform:scale(1.18)rotate(-8deg)}.sidebar-section:hover,.support-nav:hover,.nav-add:hover{color:var(--foreground)}.nav-link svg{transition:transform .22s cubic-bezier(.34,1.36,.64,1)}.nav-link:hover svg{transform:scale(1.12)}.view-tab:hover,.view-tab-add:hover{color:var(--foreground)}.view-tab-add:hover svg{transform:rotate(90deg)}.view-tab-add svg{transition:transform .24s cubic-bezier(.34,1.36,.64,1)}.menu-item{transition:background-color .12s,color .12s}.menu-item svg{transition:transform .2s cubic-bezier(.34,1.36,.64,1)}.menu-item[data-highlighted] svg{transform:translate(2px)scale(1.08)}.command-item:hover .command-label{color:var(--foreground)}.favorite-button:hover,.gallery-favorite:hover{transform:scale(1.18)}.favorite-button:active,.gallery-favorite:active{transform:scale(.9)}.collection-grip:hover{color:var(--foreground);transform:scale(1.12)}.chart-toggle:hover{color:var(--foreground)}.profile-trigger:hover .avatar,.avatar:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent);transform:scale(1.06)}.user-menu-identity:hover,.user-menu-cover:hover{opacity:.9}.accent-choice:hover{transform:translateY(-2px)scale(1.06);box-shadow:0 6px 14px #0000001f}.title-option:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));background:var(--hover)}.checkbox-field:hover{color:var(--foreground)}.inline-control:hover{filter:brightness(.98)}@media (prefers-reduced-motion:reduce){.demo-categories>button:hover{padding-left:0}}.text-link{background-image:linear-gradient(currentColor, currentColor), linear-gradient(color-mix(in srgb, currentColor 32%, transparent), color-mix(in srgb, currentColor 32%, transparent));background-position:0 100%,0 100%;background-repeat:no-repeat;background-size:0% 1.5px,100% 1px;text-decoration:none;transition:background-size .26s cubic-bezier(.16,1,.3,1),color .16s,opacity .16s}a:not([class]):not(:has(img,svg)){background-image:linear-gradient(currentColor, currentColor), linear-gradient(color-mix(in srgb, currentColor 32%, transparent), color-mix(in srgb, currentColor 32%, transparent));background-position:0 100%,0 100%;background-repeat:no-repeat;background-size:0% 1.5px,100% 1px;text-decoration:none;transition:background-size .26s cubic-bezier(.16,1,.3,1),color .16s,opacity .16s}:where(nav,.legal-navigation,.marketing-footer,.about-links) a:not([class]):not(:has(img,svg)){background-size:0% 1.5px,0% 1px}.text-link:hover,.text-link:focus-visible{background-size:100% 1.5px,100% 1px}a:not([class]):not(:has(img,svg)):hover{background-size:100% 1.5px,100% 1px}a:not([class]):not(:has(img,svg)):focus-visible{background-size:100% 1.5px,100% 1px}@media (prefers-reduced-motion:reduce){.text-link{transition:color .16s}a:not([class]):not(:has(img,svg)){transition:color .16s}}.sidebar-collapsible{overflow:hidden}.sidebar-section-chevron{transition:transform .22s cubic-bezier(.16,1,.3,1)}.sidebar-section-chevron.closed{transform:rotate(-90deg)}.nav-customize{border:1px dashed color-mix(in srgb, var(--foreground) 16%, transparent);width:100%;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;margin-top:6px;font-size:12px;font-weight:500;transition:border-color .18s,color .18s,background-color .18s;position:relative;overflow:hidden}.nav-customize:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#e5306f24 45%,#7050cf24 55%,#0000 70%);animation:5.5s ease-in-out infinite customize-shine;position:absolute;inset:0;transform:translate(-100%)}.nav-customize svg{color:#7050cf}.nav-customize:hover{color:var(--foreground);background:#7050cf12;border-style:solid;border-color:#7050cf73}.nav-customize:hover svg{transform:rotate(-12deg)scale(1.12)}@keyframes customize-shine{0%,62%{transform:translate(-100%)}to{transform:translate(100%)}}.categories-dialog{width:min(620px,100vw - 32px)}.categories-dialog-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-top:6px}@media (prefers-reduced-motion:reduce){.nav-customize:before{animation:none;display:none}}.stat-tiles{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:12px}.kpi-card{isolation:isolate;border:1px solid var(--border);background:var(--surface);min-height:118px;color:var(--foreground);box-shadow:0 1px 0 color-mix(in srgb, var(--foreground) 4%, transparent), 0 1px 2px color-mix(in srgb, var(--foreground) 5%, transparent);border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px 13px;text-decoration:none;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(90deg, var(--kpi), color-mix(in srgb, var(--kpi) 30%, transparent));opacity:.85;height:3px;position:absolute;inset:0 0 auto}.kpi-glow{z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--kpi) 22%, transparent), transparent 70%);border-radius:50%;width:150px;height:150px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:-60px;right:-50px}.kpi-card:hover{border-color:color-mix(in srgb, var(--kpi) 40%, var(--border));box-shadow:0 14px 30px color-mix(in srgb, var(--kpi) 16%, transparent);transform:translateY(-2px)}.kpi-card:hover .kpi-glow{transform:scale(1.35)}.kpi-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.kpi-label{color:var(--muted);font-size:12px;font-weight:600}.kpi-icon{background:color-mix(in srgb, var(--kpi) 14%, var(--surface));width:30px;height:30px;color:var(--kpi);border-radius:9px;flex:none;place-items:center;transition:transform .26s cubic-bezier(.34,1.36,.64,1);display:grid}.kpi-card:hover .kpi-icon{transform:scale(1.1)rotate(-6deg)}.kpi-value{letter-spacing:-.8px;font-variant-numeric:tabular-nums;font-size:28px;font-weight:750;line-height:1.05}.kpi-meter{background:color-mix(in srgb, var(--kpi) 12%, var(--hover));border-radius:999px;height:5px;margin-top:2px;display:block;overflow:hidden}.kpi-meter>span{border-radius:inherit;background:var(--kpi);transform-origin:0;height:100%;animation:.9s cubic-bezier(.16,1,.3,1) backwards kpi-fill;display:block}.kpi-caption{color:var(--muted);align-items:center;gap:4px;margin-top:auto;font-size:12px;display:flex}.kpi-arrow{opacity:0;transition:opacity .2s,transform .22s cubic-bezier(.16,1,.3,1);transform:translate(-4px,4px)}.kpi-card.is-link:hover .kpi-caption{color:var(--kpi)}.kpi-card.is-link:hover .kpi-arrow{opacity:1;transform:none}.kpi-card:focus-visible{outline:2px solid var(--kpi);outline-offset:2px}.dark .kpi-card{background:color-mix(in srgb, var(--kpi) 5%, var(--surface))}@keyframes kpi-fill{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.kpi-card,.kpi-glow,.kpi-icon,.kpi-arrow{transition:none}.kpi-meter>span{animation:none}}.community-stats>*>.kpi-card,.community-stats>.kpi-card{height:100%}.demo-tabs button{transition:background-color .16s,color .16s,transform .18s cubic-bezier(.16,1,.3,1)}.demo-tabs button:not(.active):hover{background:color-mix(in srgb, currentColor 8%, transparent);color:#202027}.demo-tabs button.active:hover{transform:translateY(-1px)}.password-field button{border-radius:6px;transition:background-color .15s,color .15s}.password-field button:hover{color:#202020;background:#f0f0f3}.rankings-sort a{transition:color .16s,border-color .16s}.rankings-sort a:hover{color:#111;border-color:#c8c8d0}.rankings-sort a.active:hover{color:#7050cf;border-color:#111}.email-banner button:not(.email-banner-close){transition:background-color .16s,transform .18s cubic-bezier(.16,1,.3,1),box-shadow .16s}.email-banner button:not(.email-banner-close):hover{background:#1f6be6;transform:translateY(-1px);box-shadow:0 6px 14px #2f7bff40}.legal-navigation a[aria-current=page]:hover{color:#7050cf}.community-segmented button.active:hover,.view-tab.active:hover,.toolbar-button.selected:hover{filter:brightness(.97)}.dark .community-segmented button.active:hover,.dark .view-tab.active:hover,.dark .toolbar-button.selected:hover{filter:brightness(1.15)}.select-item:focus-visible,.select-trigger:focus-visible{text-decoration:none}