:root{--control-color-scheme: dark;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--page-max-width: 1180px;--page-gutter: clamp(16px, 2.6vw, 36px);--page-section-gap: clamp(20px, 2.8vw, 32px);--color-page-top: #11192b;--color-page-bottom: #090f1c;--color-panel: rgba(16, 25, 45, .88);--color-panel-strong: #10182b;--color-panel-deep: #070c16;--color-nav: rgba(8, 13, 24, .88);--color-border: rgba(157, 176, 207, .18);--color-border-strong: rgba(217, 228, 247, .17);--color-input-border: rgba(183, 201, 231, .22);--color-text: #e7edf7;--color-heading: #f8fafc;--color-muted: #b8c5d9;--color-subtle: #8797af;--color-primary: #315be8;--color-primary-hover: #2447c2;--color-primary-soft: #9cbcff;--color-primary-pale: #cedbff;--color-cyan: #168aa1;--color-cyan-bright: #52c7e8;--color-success: #86efac;--color-warning: #facc15;--color-danger: #fca5a5;--color-rating-blitz: #ff5252;--color-rating-hyper: #5688ff;--color-rating-bullet: #09bdd7;--color-rating-graph-blitz: #ff5263;--color-rating-graph-bullet: #e879f9;--color-rating-graph-hyper: #6790ff;--color-calendar-monthly: #aa8cff;--color-on-primary: #eff6ff;--color-on-elevated: #f5f7fb;--color-player-white: #f4f6f8;--color-player-black: #171c25;--color-gold: #f5c26b;--color-accent-warm: #f2c873;--color-accent-warm-strong: #f0b553;--color-surface-soft: rgba(2, 6, 23, .18);--color-surface-soft-strong: rgba(2, 6, 23, .28);--color-surface-elevated: rgba(15, 23, 42, .72);--color-surface-elevated-strong: rgba(15, 23, 42, .92);--color-surface-inset: rgba(148, 163, 184, .08);--color-surface-inset-strong: rgba(148, 163, 184, .1);--color-panel-soft: var(--color-surface-soft);--color-surface: var(--color-surface-elevated);--color-text-muted: var(--color-muted);--color-accent-soft-bg: rgba(14, 116, 144, .16);--color-accent-soft-bg-strong: rgba(14, 116, 144, .2);--color-accent-soft-border: rgba(148, 163, 184, .28);--color-accent-soft-text: #ecfeff;--color-success-soft-bg: rgba(21, 128, 61, .14);--color-danger-soft-bg: rgba(220, 38, 38, .12);--color-warning-soft-bg: rgba(245, 194, 107, .1);--color-warning-soft-border: rgba(245, 194, 107, .2);--color-table-head: rgba(148, 163, 184, .08);--color-table-hover: rgba(147, 197, 253, .08);--color-overlay: rgba(15, 23, 42, .54);--color-overlay-strong: rgba(15, 23, 42, .95);--color-modal-bg: rgba(15, 23, 42, .54);--color-glass-border: rgba(148, 163, 184, .18);--color-primary-ring: rgba(156, 188, 255, .72);--radius-sm: 6px;--radius-ui: 10px;--radius-lg: 16px;--control-height-touch: 44px;--shadow-panel: 0 22px 52px rgba(1, 5, 14, .32);--shadow-soft: 0 12px 28px rgba(1, 5, 14, .24);--shadow-strong: 0 28px 72px rgba(0, 0, 0, .4);--nav-height: 64px;--page-shell-min-height: calc(100vh - var(--nav-height));--page-shell-min-height-dynamic: calc(100svh - var(--nav-height));--page-shell-padding: max(var(--page-gutter), env(safe-area-inset-top)) max(var(--page-gutter), env(safe-area-inset-right)) max(calc(var(--page-gutter) + 2px), env(safe-area-inset-bottom)) max(var(--page-gutter), env(safe-area-inset-left));--page-background: radial-gradient(ellipse 70% 44% at 12% 6%, rgba(49, 91, 232, .2), transparent 100%), radial-gradient(ellipse 58% 38% at 88% 0%, rgba(22, 138, 161, .14), transparent 100%), linear-gradient(180deg, var(--color-page-top) 0%, var(--color-page-bottom) 100%);--site-background: var(--page-background);--site-background-size: auto;--brand-wordmark-gradient: linear-gradient(180deg, #ffffff 0%, var(--color-primary-pale) 100%);--brand-wordmark-color: var(--color-heading);--brand-wordmark-shadow: 0 0 18px rgba(147, 197, 253, .18);--brand-mark-bg: linear-gradient( 145deg, color-mix(in srgb, var(--color-primary) 18%, var(--color-panel-deep)), var(--color-panel-deep) );--brand-mark-border: color-mix(in srgb, var(--color-primary-soft) 58%, transparent);--brand-mark-color: #8cecf5;--brand-mark-shadow: 0 0 0 1px color-mix(in srgb, white 8%, transparent) inset, 0 8px 18px color-mix(in srgb, var(--color-primary) 24%, transparent);--nav-shadow: none;--dropdown-panel-bg: var(--color-panel-strong)}:root[data-theme=light]{--control-color-scheme: light;--color-page-top: #f7f9fc;--color-page-bottom: #edf2f8;--color-panel: rgba(255, 255, 255, .9);--color-panel-strong: #ffffff;--color-panel-deep: #d4deec;--color-nav: rgba(249, 251, 255, .9);--color-border: rgba(60, 82, 116, .18);--color-border-strong: rgba(60, 82, 116, .24);--color-input-border: rgba(60, 82, 116, .28);--color-text: #1c2a41;--color-heading: #111d31;--color-muted: #465a78;--color-subtle: #5e728f;--color-primary: #2c58d8;--color-primary-hover: #2048bc;--color-primary-soft: #315fd6;--color-primary-pale: #244fbf;--color-cyan: #0e7c79;--color-cyan-bright: #08788e;--color-success: #15803d;--color-warning: #a86d00;--color-danger: #dc2626;--color-rating-blitz: #d92727;--color-rating-hyper: #2859df;--color-rating-bullet: #00849e;--color-rating-graph-blitz: #cf3042;--color-rating-graph-bullet: #a83bbd;--color-rating-graph-hyper: #2f5fd6;--color-calendar-monthly: #6946bd;--color-on-primary: #eff6ff;--color-on-elevated: #142033;--color-gold: #8f6500;--color-accent-warm: #d6a34c;--color-accent-warm-strong: #a86d00;--color-surface-soft: rgba(236, 241, 248, .62);--color-surface-soft-strong: rgba(227, 235, 246, .84);--color-surface-elevated: rgba(255, 255, 255, .88);--color-surface-elevated-strong: rgba(255, 255, 255, .98);--color-surface-inset: rgba(146, 161, 186, .13);--color-surface-inset-strong: rgba(146, 161, 186, .19);--color-accent-soft-bg: rgba(15, 142, 163, .09);--color-accent-soft-bg-strong: rgba(15, 142, 163, .14);--color-accent-soft-border: rgba(76, 94, 122, .22);--color-accent-soft-text: #124654;--color-success-soft-bg: rgba(21, 128, 61, .1);--color-danger-soft-bg: rgba(220, 38, 38, .1);--color-warning-soft-bg: rgba(232, 190, 114, .2);--color-warning-soft-border: rgba(143, 101, 0, .22);--color-table-head: rgba(148, 163, 184, .14);--color-table-hover: rgba(42, 91, 215, .08);--color-overlay: rgba(255, 251, 246, .7);--color-overlay-strong: rgba(255, 252, 249, .96);--color-modal-bg: rgba(255, 250, 245, .74);--color-glass-border: rgba(105, 123, 150, .18);--color-primary-ring: rgba(44, 88, 216, .46);--shadow-panel: 0 22px 60px rgba(133, 153, 184, .18), 0 2px 0 rgba(255, 255, 255, .6) inset;--shadow-soft: 0 14px 28px rgba(139, 157, 184, .18);--shadow-strong: 0 30px 80px rgba(139, 157, 184, .26);--page-background: radial-gradient(ellipse 70% 42% at 14% 0%, rgba(49, 95, 214, .08), transparent 78%), linear-gradient(180deg, var(--color-page-top) 0%, var(--color-page-bottom) 100%);--site-background: var(--page-background);--site-background-size: auto;--brand-wordmark-gradient: linear-gradient(180deg, #07111f 0%, #123177 62%, #0b5264 100%);--brand-wordmark-color: #10265d;--brand-wordmark-shadow: none;--brand-mark-bg: linear-gradient(145deg, #eef4ff 0%, #e2f5f4 100%);--brand-mark-border: color-mix(in srgb, var(--color-primary) 26%, white);--brand-mark-color: #214bc0;--brand-mark-shadow: 0 0 0 1px color-mix(in srgb, white 72%, transparent) inset, 0 5px 12px color-mix(in srgb, var(--color-primary) 12%, transparent);--nav-shadow: 0 10px 30px color-mix(in srgb, var(--color-muted) 8%, transparent);--dropdown-panel-bg: var(--color-panel-strong)}:root{--font-sans: Inter, Arial, sans-serif;--font-brand: "Arial Rounded MT Bold", "Trebuchet MS", "Avenir Next", system-ui, sans-serif;--text-sm: 12px;--text-body: 14px;--text-control: 16px;--text-page-title: 29px;--text-page-title-mobile: 26px;--line-body: 1.55;--link-color: var(--color-primary-soft);--link-hover-color: var(--color-primary-pale);font-family:var(--font-sans);color:var(--color-text);background:var(--color-page-top);-webkit-text-size-adjust:100%}a{color:var(--link-color)}a:hover,a:focus-visible{color:var(--link-hover-color)}:where(.sitePage){width:min(var(--site-page-max-width, var(--page-max-width)),100%);min-height:var(--page-shell-min-height);min-height:var(--page-shell-min-height-dynamic);margin-inline:auto;padding:var(--site-page-padding, var(--page-shell-padding))}:where(button,input,select,textarea,a):focus-visible{outline:3px solid var(--color-primary-ring);outline-offset:2px}:where(input,select,textarea){accent-color:var(--color-primary)}:where(select:not([multiple])){-webkit-appearance:none;-moz-appearance:none;appearance:none;color-scheme:var(--control-color-scheme);background-image:linear-gradient(45deg,transparent 50%,var(--color-subtle) 50%),linear-gradient(135deg,var(--color-subtle) 50%,transparent 50%)!important;background-position:calc(100% - 13px) 50%,calc(100% - 8px) 50%!important;background-repeat:no-repeat!important;background-size:5px 5px!important;padding-inline-end:30px!important}:where(select:not([multiple]):not(:disabled)){cursor:pointer}:where(select:disabled){cursor:not-allowed}:where(input,select,textarea)::placeholder{color:var(--color-subtle);opacity:.9}:where(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.analysisPanel,.puzzleQueueGate,.puzzleEditor,.puzzleQueueList,.puzzleReviewEditor{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.solutionOptionsHeader,.profileBestMonthRanksHeader,.puzzleEditorFields .puzzleEditorFieldHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.analysisFilterGroup,.analysisPlayerSettings,.analysisOpponentField,.analysisDateFilters label,.analysisRatingSlider,.practiceSettingGroup{min-width:0;display:grid;gap:4px}.methodologyIconHeading,.paginationJumpLabel,.practiceExplorerActions{display:inline-flex;align-items:center;gap:8px}.usernamePickerSelectedHeader span,.usernamePickerSelectedHeader small,.usernamePickerSelectedChip>span,.practiceStatus strong,.practiceExplorerPlayerLabel>span,.practiceExplorerPlayerLabel>small,.practicePlayerChip>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usernamePickerSelectedUsers,.practicePlayerChipList{min-width:0;display:flex;flex-wrap:wrap;gap:6px}.usernamePickerSelectedChip,.practicePlayerChip{max-width:100%;min-height:28px;padding:0 4px 0 9px;border:1px solid color-mix(in srgb,var(--color-primary) 34%,var(--color-border));border-radius:999px;background:color-mix(in srgb,var(--color-primary) 16%,var(--color-panel-strong));color:var(--color-heading);display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:820}.usernamePickerSelectedChip button,.practicePlayerChip button{width:22px;height:22px;padding:0;border:0;border-radius:999px;background:transparent;color:color-mix(in srgb,var(--color-heading) 72%,transparent);display:inline-flex;align-items:center;justify-content:center}.h2hSearchGrid input,.h2hFilterGrid input,.h2hFilterGrid select,.matchFilterGrid select,.matchFilterGrid input[type=text],.matchFilterGrid input[type=date]{width:100%;min-width:0;min-height:42px;border:1px solid var(--color-input-border);border-radius:8px;background:var(--color-surface-elevated-strong);color:var(--color-text);font-size:16px;padding:10px 12px}.practiceCheckbox input{width:18px;height:18px;margin:0;accent-color:var(--color-primary);cursor:pointer}.copyPgnCheck,.practiceCopyPgnCheck{color:#49d17d;font-size:14px;font-weight:900;line-height:1}.puzzleDashboardShell,.puzzleSetsShell{width:min(720px,100%);margin:0 auto;display:grid;gap:16px}.puzzleEditorPlayback,.puzzleQueueSubmitRow,.puzzleReviewActions,.puzzleReviewMeta,.dashboardAttemptsTitleRow,.dashboardAttemptsPager{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.commentsHeader>div:first-child>span{color:var(--color-primary-soft);font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.matchVersus,.rangeFilter>label,.sourceFilterGroup>.statusLabel{color:var(--color-subtle);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.solutionOptionList,.moveList{display:flex;flex-wrap:wrap;gap:7px}.h2hModeFilterGroup,.profileMatchFilters .rangeFilter,.profileMatchFilters .sourceFilterGroup{padding:0;border:0;background:transparent}.h2hMatchTableRow,.expandableMatchRow{cursor:pointer;transition:background .14s ease,box-shadow .14s ease}.h2hMatchTableRow:hover,.h2hMatchTableRow:focus-visible,.profileFavoriteOpponentsTable .profileFavoriteOpponentRow:hover,.profileFavoriteOpponentsTable .profileFavoriteOpponentRow:focus-visible{background:var(--color-accent-soft-bg);outline:none}.h2hMatchDetails .matchCardPlayerStats>div,.matchDetailsInner .matchCardPlayerStats>div{border:0;border-radius:0;background:transparent;padding:0}.homePrimaryCta,.analysisPrimaryButton{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.playerProfilePanel .analyzeButton,.matchFilterSearch,.recentMatchesPanel .analyzeButton{min-height:42px;border-radius:8px;background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);font-weight:800}.primaryActionButton{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 16px;border:1px solid color-mix(in srgb,var(--color-primary-soft) 34%,var(--color-primary));border-radius:var(--radius-ui);background:linear-gradient(180deg,color-mix(in srgb,white 11%,transparent),transparent 58%),linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 80%,var(--color-cyan)));color:var(--color-on-primary);font-size:var(--text-control);font-weight:800;line-height:1;text-decoration:none;cursor:pointer;box-shadow:0 1px color-mix(in srgb,white 18%,transparent) inset,0 8px 18px color-mix(in srgb,var(--color-primary) 18%,transparent);transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform 90ms ease}.primaryActionButton:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary-soft) 52%,var(--color-primary));background:linear-gradient(180deg,color-mix(in srgb,white 15%,transparent),transparent 58%),linear-gradient(135deg,var(--color-primary-hover),color-mix(in srgb,var(--color-primary) 68%,var(--color-cyan-bright)));transform:translateY(-1px);box-shadow:0 1px color-mix(in srgb,white 22%,transparent) inset,0 11px 22px color-mix(in srgb,var(--color-primary) 24%,transparent)}.primaryActionButton:active:not(:disabled){transform:translateY(0);box-shadow:0 1px color-mix(in srgb,white 14%,transparent) inset}.primaryActionButton:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-ring),0 8px 18px color-mix(in srgb,var(--color-primary) 20%,transparent)}.primaryActionButton:disabled{opacity:.55;cursor:not-allowed;transform:none}.primaryActionButton svg{width:12px;height:12px;flex:0 0 auto}.profileMatchFilterFooter .sourceFilterSourceCheck,.sourceFilterSourceCheck{border:0;background:transparent;padding:0 4px}.dashboardAttemptRow:hover,.puzzleSetPuzzleRow:hover{transform:translateY(-1px);border-color:var(--color-accent-soft-border);background:color-mix(in srgb,var(--color-surface-elevated) 72%,transparent)}.rankingOpeningTag:hover,.rankingOpeningTag:focus-visible,.rankingOpeningTag.active,.usersOpeningTag:hover,.usersOpeningTag:focus-visible,.usersOpeningTag.active{border-color:var(--color-primary-soft);background:var(--color-panel-strong);color:var(--color-primary-pale)}.puzzleCommentList,.puzzleCommentReplies,.matchGamesList,.siteCommentList,.puzzleOtherAttemptsList,.analysisMoveList,.analysisRecentGames ol,.notificationList{display:grid;list-style:none;margin:0;padding:0}.homePrimaryCta,.homeSecondaryCta,.puzzleSetCompleteLink,.puzzleActions .puzzlePrimaryAction,.mobileActionCard .puzzlePrimaryAction,.fenAnalyzeButton,.analysisLichessLink,.analysisFilterToggle,.analysisSpeedToggles button,.analysisPrimaryButton,.matchPageH2HLink,.profilePuzzleDashboardLink,.profileBanActions a,.profileScoreBox,.profileFavoriteOpponentH2HButton,.puzzleDashboardActionLink,.puzzleSetsBackLink,.puzzleSetStartLink,.puzzleSetOpenLink,.puzzleSetCardStartLink,.tournamentYearNavCurrent,.navAuthButton{display:inline-flex;align-items:center;justify-content:center;font-weight:800}.usernamePickerDatabaseList button,.navSearchResultName,.navSearchResultMeta,.puzzleOtherAttemptUser,.feedbackBadge strong,.analysisMoveList button,.analysisExplorerTabs button,.analysisPlayerNameButton,.matchPageHeaderPlayer,.practiceSegmented button,.practiceModeGrid button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usernamePickerSelectedHeader,.h2hTitleRow,.puzzleHeaderTopline,.analysisExplorerCompactHeader,.profileAliasRow,.practiceStatus,.practiceCheckbox{min-width:0;display:flex;align-items:center;justify-content:space-between}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--site-background);background-size:var(--site-background-size);color:var(--color-text);font-family:var(--font-sans);overflow-x:hidden}button,select,input{font:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed}img,svg,canvas{max-width:100%}::selection{background:color-mix(in srgb,var(--color-primary) 48%,transparent);color:var(--color-heading)}.page{min-height:100vh;display:grid;grid-template-columns:minmax(300px,24rem) minmax(0,36rem);gap:var(--page-section-gap);align-items:start;justify-content:center;width:min(var(--page-max-width),100%);margin:0 auto;background:var(--site-background);background-size:var(--site-background-size);padding:max(var(--page-gutter),env(safe-area-inset-top)) max(var(--page-gutter),env(safe-area-inset-right)) max(var(--page-gutter),env(safe-area-inset-bottom)) max(var(--page-gutter),env(safe-area-inset-left))}.rankingsPage{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:var(--site-background);background-size:var(--site-background-size);padding:max(var(--page-gutter),env(safe-area-inset-top)) max(var(--page-gutter),env(safe-area-inset-right)) max(var(--page-gutter),env(safe-area-inset-bottom)) max(var(--page-gutter),env(safe-area-inset-left))}.panel{min-width:0;max-width:100%;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(18px,2.4vw,26px);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel>h1{margin:0 0 12px;font-size:var(--text-page-title)}.panel>p{margin:0 0 20px;line-height:var(--line-body);color:var(--color-muted)}.controls{display:grid;gap:16px}.controls>label{display:grid;gap:8px;font-size:var(--text-body)}.controls>label>select,.controls>label>input[type=text],.controls>label>input[type=date]{border:1px solid var(--color-input-border);background:var(--color-panel-strong);color:var(--color-text);border-radius:var(--radius-ui);font-size:var(--text-control);padding:10px 12px;min-width:140px}.buttonRow{display:flex;gap:10px;flex-wrap:wrap}.buttonRow button,.analyzeButton{border:1px solid var(--color-input-border);background:var(--color-panel-strong);color:var(--color-text);border-radius:var(--radius-ui);font-size:var(--text-control);padding:10px 12px;text-decoration:none;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .12s ease}.buttonRow button:hover:not(:disabled),.analyzeButton:hover:not(.disabled){border-color:var(--color-accent-soft-border);background:var(--color-surface-elevated-strong);color:var(--color-heading)}.analyzeButton{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);font-weight:800}.buttonRow button:disabled,.analyzeButton.disabled{opacity:.5;pointer-events:none}.statusLabel{display:block;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-subtle);margin-bottom:6px}.errorText{color:var(--color-danger);font-size:var(--text-body)}.rankingsMeta{margin-top:18px;display:flex;justify-content:space-between;color:var(--color-muted);font-size:var(--text-body)}.emptyRankings{margin-top:12px;padding:12px;border-radius:10px;background:var(--color-panel-strong);color:var(--color-muted)}.rankingLink{color:var(--link-color);text-decoration:none}.rankingLink:hover{text-decoration:underline}.scoreCell{white-space:nowrap;text-align:center!important;font-variant-numeric:tabular-nums;min-width:108px}.scoreDash{padding:0 2px}@media (max-width: 1180px){.page{grid-template-columns:1fr;justify-items:stretch;width:100%;max-width:740px}}@media (max-width: 640px){.page,.rankingsPage{padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.panel{padding:16px}.panel>h1{font-size:var(--text-page-title-mobile);line-height:1.15;overflow-wrap:anywhere}.controls{gap:12px}.controls>label>select,.controls>label>input[type=text],.controls>label>input[type=date],.buttonRow button,.analyzeButton{min-height:44px;width:100%;min-width:0}.buttonRow>*{flex:1 1 140px}.rankingsMeta{gap:6px;flex-direction:column;align-items:flex-start}}.appShell{min-height:100vh;position:relative;isolation:isolate;background:var(--site-background)}.appMain{min-height:var(--page-shell-min-height);min-height:var(--page-shell-min-height-dynamic);background:var(--site-background);background-size:var(--site-background-size);scroll-margin-top:var(--nav-height)}.skipLink{position:absolute;left:18px;top:12px;z-index:60;transform:translateY(-160%);padding:10px 14px;border-radius:var(--radius-ui);background:var(--color-primary);color:var(--color-on-primary);font-weight:700;text-decoration:none;transition:transform .14s ease}.skipLink:focus{transform:translateY(0)}.appShell:before,.appShell:after{content:"";position:fixed;pointer-events:none;z-index:0;opacity:1;transition:opacity .18s ease}.appShell:before{display:none}.appShell:after{inset:var(--nav-height) 0 auto;height:min(42vh,420px);background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 34%),radial-gradient(circle at 82% 10%,color-mix(in srgb,var(--color-cyan) 8%,transparent),transparent 32%),linear-gradient(90deg,transparent 0 49.9%,color-mix(in srgb,var(--color-border) 18%,transparent) 50%,transparent 50.1%);-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.topNav,.appMain{position:relative;z-index:1}.topNav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:100vw;min-height:var(--nav-height);overflow:visible;padding:max(10px,env(safe-area-inset-top)) max(clamp(16px,2.4vw,30px),env(safe-area-inset-right)) 10px max(clamp(16px,2.4vw,30px),env(safe-area-inset-left));border-bottom:1px solid var(--color-border);background:var(--color-nav);box-shadow:0 10px 30px color-mix(in srgb,var(--color-panel-deep) 18%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.12);backdrop-filter:blur(20px) saturate(1.12)}.mobileMenuButton{position:relative;z-index:42;display:none;width:36px;height:36px;border:1px solid transparent;border-radius:var(--radius-ui);background:var(--color-panel-strong);color:var(--color-heading);align-items:center;justify-content:center}.mobileMenuButton:hover,.mobileMenuButton:focus-visible{background:var(--color-panel);border-color:transparent}.mobileMenuButton:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-ring)}.homeBrand{display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:31;margin-right:12px;color:var(--color-heading);font-family:var(--font-brand);font-size:20px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap}.brandMark{display:inline-grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid var(--brand-mark-border);border-radius:9px;background:var(--brand-mark-bg);color:var(--brand-mark-color);box-shadow:var(--brand-mark-shadow);transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.brandMarkDark{width:30px;height:30px;flex:0 0 30px;object-fit:contain;transition:filter .14s ease}.brandMarkLight{display:none}:root[data-theme=light] .brandMarkDark{display:none}:root[data-theme=light] .brandMarkLight{display:inline-grid}.brandMark svg{width:26px;height:26px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round}.brandMarkNucleus,.brandMarkElectron{fill:currentColor;stroke:none}.homeBrand:hover .brandMark,.homeBrand:focus-visible .brandMark{transform:translateY(-1px)}.homeBrand:hover .brandMarkDark,.homeBrand:focus-visible .brandMarkDark{filter:brightness(1.12) saturate(1.08)}.homeBrand span{background:var(--brand-wordmark-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;color:transparent;text-shadow:var(--brand-wordmark-shadow);transition:color .14s ease,filter .14s ease}.homeBrand:hover span,.homeBrand:focus-visible span{filter:brightness(1.12) saturate(1.08)}:root[data-theme=light] .homeBrand span{background:none;color:var(--brand-wordmark-color);-webkit-text-fill-color:currentColor}:root[data-theme=light] .homeBrand:hover span,:root[data-theme=light] .homeBrand:focus-visible span{color:color-mix(in srgb,var(--brand-wordmark-color) 82%,var(--color-primary))}.topNavCenter{flex:1 1 0;margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%}.topNavLinks{flex:1 1 0;display:inline-flex;gap:2px;position:relative;z-index:2;min-width:0;max-width:100%}.topNavLinks a,.navDropdownTrigger{color:var(--color-muted);font-size:15px;text-decoration:none;white-space:nowrap;transition:background-color .14s ease,color .14s ease}.topNavLinks>a,.navDropdownTrigger{min-height:36px;padding:0 10px;border-radius:var(--radius-sm);display:inline-flex;align-items:center}.topNavLinks a:hover,.navDropdownTrigger:hover{color:var(--color-heading)}.topNavLinks>a:hover,.navDropdownTrigger:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.topNavLinks>a.isActive,.navDropdown.isActive>.navDropdownTrigger{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-heading)}.navDropdown{position:relative;display:inline-flex;align-items:center}.navDropdown.open:after{content:"";position:absolute;top:100%;left:-8px;right:-8px;height:10px;z-index:40}.navDropdownTrigger{border:0;background:transparent;padding-inline:10px;font-family:inherit;line-height:inherit;display:inline-flex;align-items:center;gap:6px}.navDropdownTrigger:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-ring);border-radius:6px}.navDropdownTrigger svg{width:10px;height:10px;transition:transform .14s ease}.navDropdown.open .navDropdownTrigger svg{transform:rotate(180deg)}.navDropdownMenu{position:absolute;top:calc(100% + 10px);left:0;z-index:41;min-width:210px;padding:6px;border-radius:var(--radius-ui);display:grid;gap:1px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-panel-strong) 92%,transparent),color-mix(in srgb,var(--color-panel) 94%,transparent)),var(--dropdown-panel-bg);border:1px solid color-mix(in srgb,var(--color-border-strong) 76%,transparent);box-shadow:0 18px 42px color-mix(in srgb,var(--color-panel-deep) 38%,transparent),0 1px color-mix(in srgb,white 7%,transparent) inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:top left;animation:navDropdownMenuIn .16s cubic-bezier(.16,1,.3,1) both;will-change:opacity,transform}.topNavLinks .navDropdownMenu a{width:100%;min-height:34px;padding:0 10px;border-radius:6px;border:0;background:transparent;display:flex;align-items:center;color:var(--color-muted);font-size:14px;font-weight:700;text-decoration:none;transition:background .12s ease,color .12s ease}.topNavLinks .navDropdownMenu a:hover{background:color-mix(in srgb,var(--color-primary) 16%,transparent);color:var(--color-heading);text-decoration:none}.topNavLinks .navDropdownMenu a.isActive{background:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-heading)}@keyframes navDropdownMenuIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=light] .topNav{box-shadow:var(--nav-shadow)}.navSettings{position:relative;display:inline-flex;z-index:40}.navSettingsButton{width:32px;height:32px;border:0;background:transparent;color:var(--color-text);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.navSettingsButton:hover,.navSettingsButton.open{background:var(--color-panel-strong)}.navSettingsButton:focus-visible{outline:2px solid var(--color-primary-ring);outline-offset:2px}.navSettingsButton i{font-size:14px;line-height:1}.navSettingsMenu{position:absolute;top:calc(100% + 10px);right:0;z-index:41;min-width:232px;padding:10px;border-radius:12px}.navSettingsSection+.navSettingsSection{margin-top:14px;padding-top:14px;border-top:1px solid var(--color-border)}.navSettingsLabel{display:block;margin:2px 4px 8px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-subtle)}.navSettingsCheckbox{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--color-heading);font-size:13px;font-weight:700;cursor:pointer}.navSettingsCheckbox input{width:18px;height:18px;margin:0;accent-color:var(--color-primary)}.navThemeToggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:3px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-inset)}.navSettingsMenu select{border:1px solid var(--color-border-strong);background:var(--color-panel-strong);color:var(--color-text);border-radius:var(--radius-ui);min-height:38px;padding:8px 10px}.navThemeToggle button{position:relative;min-width:0;min-height:40px;padding:0 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--color-muted);display:flex;align-items:center;gap:7px;font-size:13px;font-weight:780;transition:color .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .1s ease}.navThemeToggle button:hover{color:var(--color-heading);background:color-mix(in srgb,var(--color-panel-strong) 74%,transparent)}.navThemeToggle button:active{transform:scale(.98)}.navThemeToggle button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-ring)}.navThemeToggle button.active{background:color-mix(in srgb,var(--color-primary) 14%,var(--color-panel-strong));border-color:color-mix(in srgb,var(--color-primary) 44%,var(--color-border));color:var(--color-heading);box-shadow:0 1px 3px color-mix(in srgb,var(--color-panel-deep) 14%,transparent)}.navThemeIcon{width:18px;height:18px;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center;font-size:13px}.navThemeIconDark{color:color-mix(in srgb,var(--color-primary-soft) 82%,var(--color-heading))}.navThemeIconLight{color:var(--color-accent-warm-strong)}.navThemeCheck{width:10px;margin-left:auto;color:var(--color-primary);font-size:10px;opacity:0;transform:scale(.72);transition:opacity .14s ease,transform .14s ease}.navThemeToggle button.active .navThemeCheck{opacity:1;transform:scale(1)}.navSettingsMenu select{width:100%}.navColorInputs{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.navColorField{display:grid;gap:6px;font-size:12px;color:var(--color-muted)}.navColorField span{font-weight:600}.navColorField input[type=color]{width:100%;min-width:0;height:38px;padding:4px;border:1px solid var(--color-border-strong);border-radius:var(--radius-ui);background:var(--color-panel-strong);cursor:pointer}.navColorField input[type=color]::-webkit-color-swatch-wrapper{padding:0}.navColorField input[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--radius-ui) - 4px)}.navColorField input[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--radius-ui) - 4px)}.navSecondaryButton{width:100%;min-height:38px;margin-top:12px;border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text);border-radius:var(--radius-ui);padding:8px 10px}.navSecondaryButton:hover{background:var(--color-panel-strong)}.navSearchSlot{width:32px;height:32px;position:relative;display:inline-flex;justify-content:flex-end}.navSearch{width:32px;height:32px;position:absolute;right:0;display:flex;align-items:center;justify-content:flex-end;transition:width .18s ease;z-index:35}.navSearch.open{width:min(260px,calc(100vw - 48px))}.navSearch input,.navSearch button{border:1px solid transparent;background:var(--color-panel-strong);color:var(--color-text);border-radius:var(--radius-ui);font-size:14px;height:32px;line-height:1}@media (max-width: 840px){.homeBrand span{display:none}}.navSearch input{position:absolute;right:0;width:0;padding:8px 0;opacity:0;pointer-events:none;cursor:text;transition:width .18s ease,opacity .15s ease,padding .18s ease,border-color .18s ease}.navSearch.open input{width:min(260px,calc(100vw - 48px));opacity:1;pointer-events:auto;border-color:var(--color-input-border);padding:8px 14px 8px 38px}.navSearch.pending input{color:var(--color-muted)}.navSearchIcon{width:32px;min-width:32px;padding:0;position:absolute;left:0;z-index:2;display:inline-flex;align-items:center;justify-content:center}.navSearchIcon i{font-size:14px;line-height:1}.navSearchIcon{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.navSearchStatus{position:absolute;left:38px;right:12px;bottom:4px;height:2px;overflow:hidden;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .14s ease}.navSearch.pending .navSearchStatus,.navSearch.suggesting .navSearchStatus{opacity:1}.navSearchProgress{position:absolute;inset:0 auto 0 0;width:42%;border-radius:inherit;background:color-mix(in srgb,var(--color-primary) 64%,transparent);animation:navSearchProgress 1.15s ease-in-out infinite}@keyframes navSearchProgress{0%,to{transform:translate(-115%);opacity:.34}50%{transform:translate(250%);opacity:.7}}.navSearchResults{position:absolute;top:calc(100% - 1px);right:0;z-index:42;width:min(260px,calc(100vw - 48px));max-height:min(340px,calc(100vh - 96px));padding:6px;overflow-y:auto;border:1px solid var(--color-border-strong);border-radius:12px;background:var(--dropdown-panel-bg);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;gap:3px;transform-origin:top right;animation:navSearchResultsIn .14s ease both}.navSearchResult{width:100%;height:auto;min-height:38px;padding:7px 9px;border:1px solid transparent;border-radius:var(--radius-ui);background:transparent;color:var(--color-text);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;line-height:1.2;transition:background .12s ease,border-color .12s ease,color .12s ease}.navSearchResult:hover,.navSearchResult.active{border-color:color-mix(in srgb,var(--color-primary) 34%,transparent);background:color-mix(in srgb,var(--color-panel-strong) 78%,var(--color-primary) 22%);color:var(--color-heading)}.navSearchResultName{font-size:14px;font-weight:700}.navSearchResultMeta{max-width:92px;color:var(--color-muted);font-size:12px;font-weight:600}.navSearchResult:hover .navSearchResultMeta,.navSearchResult.active .navSearchResultMeta{color:color-mix(in srgb,var(--color-heading) 72%,var(--color-muted))}.navSearchResultsHint{min-height:38px;padding:0 10px;color:var(--color-muted);display:flex;align-items:center;font-size:13px;font-weight:600}@keyframes navSearchResultsIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.navAuth{display:inline-flex;align-items:center;gap:10px;min-width:0}.navNotifications{--notification-accent: color-mix(in srgb, var(--color-primary) 72%, var(--color-cyan-bright));--notification-accent-soft: color-mix(in srgb, var(--notification-accent) 16%, transparent);position:relative;display:inline-flex;flex:0 0 32px}.navNotificationsButton{position:relative;display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-muted)}.navNotificationsButton:hover,.navNotificationsButton.active{background:var(--color-panel-strong);color:var(--color-heading)}.navNotificationsButton>span{position:absolute;top:-4px;right:-5px;display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--color-nav);border-radius:999px;background:linear-gradient(135deg,var(--notification-accent),var(--color-cyan));color:#fff;font-size:9px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 3px 10px color-mix(in srgb,var(--notification-accent) 34%,transparent)}.navNotificationsPopup{position:absolute;top:calc(100% + 12px);right:-10px;z-index:44;display:grid;width:min(390px,calc(100vw - 24px));max-height:min(560px,calc(100vh - 86px));padding:10px;border:1px solid var(--color-border-strong);border-radius:14px;background:var(--dropdown-panel-bg);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:top right;animation:navProfileDropdownIn .14s ease}.navNotificationsHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 5px 10px;border-bottom:1px solid var(--color-border)}.navNotificationsHeader>div{display:grid;gap:2px}.navNotificationsHeader>div>span{color:var(--notification-accent);font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.navNotificationsHeader h2{margin:0;color:var(--color-heading);font-size:17px}.navNotificationsHeader>button{min-height:30px;padding:0 9px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-panel-strong);color:var(--color-text);font-size:10px;font-weight:800}.navNotificationsHeader>button svg{margin-right:5px}.navNotificationsHeader>button:disabled,.navNotificationList button:disabled{cursor:wait;opacity:.7}.navNotificationList{display:grid;gap:4px;max-height:min(470px,calc(100vh - 160px));margin:8px 0 0;padding:0;overflow-y:auto;list-style:none}.navNotificationRow{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;width:100%;min-height:58px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--color-text);overflow:hidden;transition:border-color .14s ease,background-color .14s ease,transform .14s ease}.navNotificationRow.unread{border-color:color-mix(in srgb,var(--notification-accent) 30%,var(--color-border));background:color-mix(in srgb,var(--notification-accent) 7%,var(--color-panel-strong));box-shadow:inset 3px 0 color-mix(in srgb,var(--notification-accent) 72%,transparent)}.navNotificationRow:hover{border-color:color-mix(in srgb,var(--notification-accent) 42%,var(--color-border));background:var(--color-surface-elevated-strong);transform:translateY(-1px)}.navNotificationOpenButton{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:56px;padding:8px 6px 8px 8px;border:0;background:transparent;color:inherit;text-align:left}.navNotificationOpenButton:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--notification-accent)}.navNotificationIcon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid color-mix(in srgb,var(--notification-accent) 22%,transparent);background:var(--notification-accent-soft);color:var(--notification-accent);font-size:12px}.navNotificationCopy{display:grid;min-width:0;gap:4px}.navNotificationCopy strong{overflow:hidden;color:var(--color-heading);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.navNotificationCopy>span{color:var(--color-subtle);font-size:10px}.navNotificationDot{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--notification-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--notification-accent) 16%,transparent)}.navNotificationsStatus,.navNotificationsError{margin:8px 0 0;padding:12px;border-radius:8px;background:var(--color-panel-strong);color:var(--color-muted);font-size:12px}.navNotificationsError{color:var(--color-danger)}.navNotificationsEmpty{display:grid;justify-items:center;gap:7px;padding:32px 12px;color:var(--color-muted);font-size:12px}.navNotificationsEmpty>svg{color:var(--notification-accent);font-size:21px}.navNotificationsSeeAll{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-top:8px;border-top:1px solid var(--color-border);color:var(--notification-accent);font-size:11px;font-weight:850;text-decoration:none}.navNotificationsSeeAll:hover,.navNotificationsSeeAll:focus-visible{color:var(--color-heading);text-decoration:none;outline:none}.navProfileMenu{position:relative;display:inline-flex}.navAuthProfileGroup{min-height:32px;max-width:100%;padding:0 4px 0 2px;border:0;border-radius:999px;background:transparent;color:var(--color-heading);display:inline-flex;align-items:center;gap:7px;overflow:hidden;transition:box-shadow .14s ease,color .14s ease}.navAuthProfileGroup:hover{color:color-mix(in srgb,var(--color-heading) 82%,var(--color-primary))}.navAuthProfileGroup:active{color:color-mix(in srgb,var(--color-heading) 74%,var(--color-primary))}.navAuthProfileGroup.open{background:color-mix(in srgb,var(--color-panel-strong) 70%,transparent);box-shadow:none}.navAuthProfileIcon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;border-radius:50%;background:linear-gradient(180deg,color-mix(in srgb,white 14%,transparent),transparent),color-mix(in srgb,var(--color-primary) 68%,var(--color-panel-strong));color:var(--color-on-primary);box-shadow:0 0 0 1px color-mix(in srgb,white 10%,transparent) inset;font-size:12px;line-height:1}.navAuthProfileCaret{display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-muted);transition:color .14s ease,transform .14s ease}.navAuthProfileGroup:hover .navAuthProfileCaret{color:var(--color-heading)}.navAuthProfileGroup.open .navAuthProfileCaret{color:var(--color-heading);transform:rotate(180deg)}.navAuthProfileGroup.open .navAuthProfileIcon{box-shadow:0 0 0 1px color-mix(in srgb,white 10%,transparent) inset,0 0 0 3px var(--color-primary-ring)}.navAuthProfile{font-weight:700;white-space:nowrap;transition:color .14s ease}.navAuthProfileGroup:hover .navAuthProfile{color:color-mix(in srgb,var(--color-heading) 82%,var(--color-primary))}.navProfileDropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:41;min-width:160px;padding:8px;border-radius:14px;display:grid;gap:4px;transform-origin:top right;animation:navProfileDropdownIn .14s ease}.navSettingsMenu,.navProfileDropdown{background:var(--dropdown-panel-bg);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.navProfileDropdownItem{width:100%;min-height:38px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--color-text);display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:background .12s ease,color .12s ease,transform 90ms ease}.navProfileDropdownItem:hover{background:var(--color-panel-strong)}.navProfileDropdownItem:active{transform:scale(.985)}.navProfileDropdownItem:focus-visible,.navAuthProfileGroup:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-ring)}.navProfileDropdownIcon{width:16px;display:inline-flex;justify-content:center;color:var(--color-muted);transition:color .12s ease}.navProfileDropdownItem:hover .navProfileDropdownIcon,.navProfileDropdownItem:focus-visible .navProfileDropdownIcon{color:var(--color-heading)}@keyframes navProfileDropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.navAuthButton{min-height:32px;border:1px solid color-mix(in srgb,var(--color-primary-soft) 36%,var(--color-primary));background:linear-gradient(180deg,color-mix(in srgb,white 13%,transparent),transparent 58%),linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 76%,var(--color-cyan)));color:var(--color-on-primary);border-radius:6px;padding:0 12px;font-size:13px;gap:7px;line-height:1;box-shadow:0 1px color-mix(in srgb,white 20%,transparent) inset,0 8px 18px color-mix(in srgb,var(--color-primary) 24%,transparent);transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform 90ms ease;white-space:nowrap}.navAuthButton:hover{border-color:color-mix(in srgb,var(--color-primary-soft) 48%,var(--color-primary));background:linear-gradient(180deg,color-mix(in srgb,white 17%,transparent),transparent 58%),linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 64%,var(--color-cyan-bright)));box-shadow:0 1px color-mix(in srgb,white 24%,transparent) inset,0 10px 22px color-mix(in srgb,var(--color-primary) 30%,transparent)}.navAuthButton:active{transform:translateY(0);box-shadow:0 1px color-mix(in srgb,white 16%,transparent) inset}.navAuthButton:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-ring),0 8px 18px color-mix(in srgb,var(--color-primary) 24%,transparent)}.navAuthButton svg{width:12px;height:12px;flex:0 0 auto}.navAuthButton:disabled{opacity:.65;cursor:wait;transform:none}@media (max-width: 920px){.topNav{flex-wrap:wrap}.topNavCenter{width:100%;margin-left:0;justify-content:space-between;flex-wrap:wrap}.topNavLinks{flex-wrap:wrap}}@media (min-width: 701px) and (max-width: 1120px){.topNavLinks>.compactNavHidden{display:none}}@media (min-width: 1121px) and (max-width: 1320px){.topNavCenter:has(.navSearch.open) .topNavLinks>.compactNavHidden{display:none}}@media (max-width: 700px){.puzzleTimerSettingsSection{display:none}.topNav{flex-wrap:nowrap;gap:10px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left))}.homeBrand{width:36px;height:36px;flex:0 0 36px;margin:0}.homeBrand img{width:30px;height:30px;flex-basis:30px}.mobileMenuButton{display:inline-flex;flex:0 0 36px;order:-1}.topNavCenter{position:static;flex:0 1 auto;width:auto;max-width:calc(100vw - 116px);margin-left:auto;justify-content:flex-end;gap:8px;flex-wrap:nowrap;padding:0;border-bottom:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.topNav.mobileMenuOpen .topNavCenter{display:inline-flex;gap:8px}.topNavLinks{position:absolute;top:calc(100% + 1px);left:0;right:auto;z-index:38;display:none;width:min(260px,calc(100vw - 24px));max-width:none;margin-left:0;padding:12px max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left));border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-bottom-right-radius:var(--radius-ui);background:var(--color-panel-strong);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:none;backdrop-filter:none;align-items:stretch;justify-content:stretch;grid-template-columns:1fr;overflow:visible}.topNav.mobileMenuOpen .topNavLinks{display:grid}.topNavLinks a,.navDropdownTrigger{min-height:42px;display:flex;align-items:center;padding:0 12px;border-radius:var(--radius-ui);color:var(--color-text);font-weight:700}.navDropdown{display:grid;width:100%}.navDropdown.open:after{display:none}.navDropdownTrigger{width:100%;justify-content:space-between}.navDropdownMenu{position:static;width:100%;min-width:0;margin:0 0 4px;padding:2px 0 2px 10px;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.topNavLinks .navDropdownMenu a{min-height:36px;padding-left:14px}.topNavLinks a:hover,.navDropdownTrigger:hover{background:var(--color-panel-strong);text-decoration:none}.navSearchSlot{flex:0 0 32px}.navSearch.open,.navSearch.open input,.navSearchResults{width:min(240px,calc(100vw - 32px))}.navAuth{flex:0 0 auto;width:auto;margin-left:0}.navNotificationsPopup{position:fixed;top:max(58px,env(safe-area-inset-top) + 48px);right:12px;left:12px;width:auto;max-height:calc(100vh - max(72px,env(safe-area-inset-top) + 62px))}.navProfileMenu,.navAuthProfileGroup,.navAuthButton{width:auto}.navAuthProfileGroup{justify-content:center;min-height:34px}.navAuthProfileCaret{margin-left:0}.navAuthButton{font-weight:600}.navProfileDropdown{width:auto;margin-top:0}.navSettings{flex:0 0 32px;width:32px}.navSettingsMenu{width:min(280px,calc(100vw - 32px));min-width:220px;margin-top:0}}@media (max-width: 430px){.navSearch.open,.navSearch.open input,.navSearchResults{width:calc(100vw - max(74px,env(safe-area-inset-left)) - max(74px,env(safe-area-inset-right)))}}.routeLoading{min-height:min(52vh,520px);display:grid;place-content:center;justify-items:center;gap:12px;color:var(--color-text-muted);font-weight:700}.routeLoadingSpinner{width:28px;height:28px;border:3px solid color-mix(in srgb,var(--color-primary) 22%,transparent);border-top-color:var(--color-primary);border-radius:50%;animation:route-loading-spin .7s linear infinite}@keyframes route-loading-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion: reduce){.routeLoadingSpinner{animation:none}}.authCallbackPanel{width:min(44rem,100%)}.authCallbackActions{align-items:center}.homePage{min-height:var(--page-shell-min-height);min-height:var(--page-shell-min-height-dynamic);display:grid;align-content:start;gap:var(--space-8);padding:max(var(--space-8),env(safe-area-inset-top)) max(var(--page-gutter),env(safe-area-inset-right)) max(var(--space-12),env(safe-area-inset-bottom)) max(var(--page-gutter),env(safe-area-inset-left));color:var(--color-text);background:var(--site-background);background-size:var(--site-background-size)}.homeHero,.homeSpotlightSection{width:min(900px,100%);margin:0 auto}.homeHero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:var(--space-12);align-items:center;padding:var(--space-12) 0;border-bottom:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}.homeHeroLead{max-width:42rem;display:grid;gap:var(--space-4)}.homeHeroLead>h1{max-width:19ch;margin:0;color:var(--color-heading);font-size:clamp(30px,4vw,42px);line-height:1.08;letter-spacing:-.025em}.homePuzzleCount{margin:0;color:var(--color-muted);font-size:15px}.homePuzzleCount>strong{color:var(--color-primary-pale);font-size:20px;font-variant-numeric:tabular-nums}.homeHeroActions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.homePrimaryCta,.homeSecondaryCta{min-height:46px;padding:10px var(--space-5);border-radius:var(--radius-ui);text-decoration:none;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.homeSecondaryCta{border:1px solid var(--color-accent-soft-border);background:var(--color-panel-strong);color:var(--color-primary-pale)}.homePrimaryCta:hover,.homeSecondaryCta:hover{transform:translateY(-1px)}.homePrimaryCta:hover{box-shadow:0 10px 24px color-mix(in srgb,var(--color-primary) 22%,transparent)}.homeSecondaryCta:hover{border-color:color-mix(in srgb,var(--color-primary-soft) 42%,var(--color-border));background:var(--color-surface-elevated-strong)}.homePrimaryCta:active,.homeSecondaryCta:active{transform:translateY(0)}.homePuzzlePreview{position:relative;width:100%;height:368px;justify-self:end}.homePuzzlePreviewCard{position:absolute;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-primary-soft) 22%,var(--color-border));border-radius:var(--radius-lg);background:var(--color-panel-strong);box-shadow:0 22px 48px color-mix(in srgb,var(--color-panel-deep) 42%,transparent)}.homePuzzlePreviewCard>img{position:absolute;left:50%;bottom:0;display:block;width:104.5%;max-width:none;height:auto;transform:translate(-50%)}.homePuzzlePreviewPrimary{z-index:2;right:0;top:0;width:282px;height:282px}.homePuzzlePreviewSecondary{left:0;bottom:0;width:214px;height:214px;opacity:.72}.homePuzzlePreviewLight{display:none!important}:root[data-theme=light] .homePuzzlePreviewDark{display:none}:root[data-theme=light] .homePuzzlePreviewLight{display:block!important}.homeSpotlightGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-4)}.homeSpotlightCard{--home-card-accent: var(--color-primary-soft);position:relative;min-width:0;min-height:176px;grid-column:span 3;display:grid;align-content:start;gap:var(--space-3);padding:var(--space-6);overflow:hidden;border:1px solid color-mix(in srgb,var(--home-card-accent) 18%,var(--color-border));border-radius:var(--radius-ui);background:color-mix(in srgb,var(--color-panel) 96%,var(--home-card-accent) 4%);color:inherit;text-decoration:none;box-shadow:0 8px 24px color-mix(in srgb,var(--color-panel-deep) 20%,transparent);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.homeSpotlightCard:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--home-card-accent) 40%,var(--color-border));background:color-mix(in srgb,var(--color-surface-elevated-strong) 95%,var(--home-card-accent) 5%);box-shadow:0 12px 28px color-mix(in srgb,var(--color-panel-deep) 28%,transparent)}.homeSpotlightCard:active{transform:translateY(0)}.homeSpotlightCard>h2{max-width:23ch;margin:0;color:var(--color-heading);font-size:clamp(20px,2.4vw,24px);line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}.homeSpotlightCard>p{max-width:46ch;margin:0;color:var(--color-muted);font-size:14px;line-height:1.55}.homeTrophyShortcut,.homeArenaShortcut{padding-right:120px}.homeTrophyShortcut{--home-card-accent: var(--color-gold)}.homeTrophyShortcut[data-series=ahc],.homeTrophyShortcut[data-series=awc],.homeTrophyShortcut[data-series=ccac]{background:color-mix(in srgb,var(--color-panel) 96%,var(--color-gold) 4%)}.homeTrophyShortcut>img{position:absolute;right:var(--space-5);top:50%;width:auto;max-width:76px;max-height:112px;object-fit:contain;filter:drop-shadow(0 8px 12px color-mix(in srgb,black 20%,transparent));transform:translateY(-50%);transition:transform .18s ease}.homeTrophyShortcut:hover>img{transform:translateY(calc(-50% - 2px))}.homeH2HShortcut,.homeRecentMatchesShortcut{--home-card-accent: var(--color-danger)}.homeYearlyRankingsShortcut,.homePuzzleLeaderboardShortcut{--home-card-accent: var(--color-cyan-bright)}.homeCommentsShortcut{--home-card-accent: var(--color-primary-pale);grid-column:span 4}.homePuzzleSetsShortcut{--home-card-accent: var(--color-success);grid-column:span 2}.homeArenaShortcut{--home-card-accent: var(--color-accent-warm);grid-column:span 4}.homeYearlyRankingsShortcut{grid-column:span 2}.homeArenaArtwork{position:absolute;right:var(--space-5);top:50%;width:68px;height:68px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--color-accent-warm) 36%,var(--color-border));border-radius:var(--radius-ui);background:color-mix(in srgb,var(--color-panel-strong) 88%,var(--color-accent-warm) 12%);color:var(--color-accent-warm);transform:translateY(-50%);transition:border-color .18s ease,transform .18s ease;pointer-events:none}.homeArenaArtwork img{width:58px;height:64px;object-fit:contain}.homeArenaShortcut:hover .homeArenaArtwork{border-color:color-mix(in srgb,var(--color-accent-warm) 58%,var(--color-border));transform:translateY(calc(-50% - 2px))}@media (max-width: 820px){.homePage{gap:var(--space-6);padding:max(var(--space-5),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-8),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}.homeHero{grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-6) 0 var(--space-8)}.homeHeroLead>h1{font-size:30px}.homeSpotlightGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.homeSpotlightCard{min-height:0;grid-column:span 1;padding:var(--space-5)}.homePuzzlePreview{width:min(420px,100%);height:320px;justify-self:center}.homePuzzlePreviewPrimary{width:252px;height:252px}.homePuzzlePreviewSecondary{width:188px;height:188px}.homeTrophyShortcut,.homeArenaShortcut{min-height:152px;padding-right:108px}}@media (max-width: 520px){.homeSpotlightGrid{grid-template-columns:1fr}.homeHeroActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.homePrimaryCta{grid-column:1 / -1}.homePrimaryCta,.homeSecondaryCta{width:100%;min-height:var(--control-height-touch);padding-inline:var(--space-4)}.homePuzzlePreview{height:272px}.homePuzzlePreviewPrimary{width:222px;height:222px}.homePuzzlePreviewSecondary{width:162px;height:162px}}@media (prefers-reduced-motion: reduce){.homePrimaryCta,.homeSecondaryCta,.homeSpotlightCard,.homeTrophyShortcut>img,.homeArenaArtwork{transition-duration:.01ms}}