@charset "UTF-8";.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/inter/inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/inter/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/fonts/material-symbols/material-symbols-rounded.woff2) format("woff2")}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/fonts/material-symbols/material-symbols-outlined.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--sys-bg: #0b0b0f;--sys-surface: #131317;--sys-surface-low: #1b1b1f;--sys-surface-mid: #222227;--sys-surface-high: #2a292e;--sys-surface-highest: #353439;--sys-surface-lowest: #0e0e12;--sys-surface-container: #1f1f23;--sys-surface-card: #1a1a20;--sys-surface-card-hover: #212128;--sys-surface-card-dark: #2a2a32;--sys-surface-code: #2e3440;--sys-surface-input: #333336;--sys-surface-tab-active: #1a1a24;--sys-primary: #aac7ff;--sys-primary-container: #3e90ff;--sys-on-primary: #003064;--sys-on-primary-container: #002957;--sys-secondary: #c8c6c8;--sys-secondary-container: #474649;--sys-on-surface: #e4e1e7;--sys-on-surface-variant: #c0c6d6;--sys-outline-variant: rgba(65, 71, 84, .4);--sys-outline: #8b91a0;--color-success: #4caf50;--color-success-bg: rgba(76, 175, 80, .1);--color-warning: #eab308;--color-warning-bg: rgba(234, 179, 8, .08);--color-error: #ff5757;--color-error-bg: rgba(255, 87, 87, .1);--color-info: #2196f3;--color-info-bg: rgba(33, 150, 243, .1);--color-purple: #9c27b0;--color-purple-bg: rgba(156, 39, 176, .1);--color-teal: #009688;--color-teal-bg: rgba(0, 150, 136, .1);--color-accent: #72a1ed;--color-accent-bg: rgba(114, 161, 237, .1);--color-accent-border: rgba(114, 161, 237, .2);--color-accent-shadow: rgba(114, 161, 237, .3);--color-primary-dim: rgba(170, 199, 255, .1);--color-primary-shadow: rgba(62, 144, 255, .3);--color-warning-border: rgba(234, 179, 8, .2);--color-error-border: rgba(255, 87, 87, .2);--color-success-border: rgba(76, 175, 80, .2);--color-primary-border: rgba(170, 199, 255, .2);--color-difficulty-easy: #4ade80;--color-difficulty-hard: #fb923c;--color-hard: #ffb4ab;--color-unranked: #bf616a;--color-unranked-bg: rgba(191, 97, 106, .1);--color-warning-amber: #ffc107;--color-warning-amber-bg: rgba(255, 193, 7, .3);--overlay-xs: rgba(255, 255, 255, .03);--overlay-sm: rgba(255, 255, 255, .05);--overlay-md: rgba(255, 255, 255, .08);--overlay-lg: rgba(255, 255, 255, .1);--overlay-xl: rgba(255, 255, 255, .15);--overlay-text-dim: rgba(255, 255, 255, .3);--overlay-text-mid: rgba(255, 255, 255, .4);--overlay-text-muted: rgba(255, 255, 255, .6);--overlay-backdrop: rgba(0, 0, 0, .55);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 2rem;--radius-xl: 3rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .35);--shadow-card: 0 12px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .45);--shadow-primary-glow: 0 4px 15px rgba(62, 144, 255, .2);--shadow-accent-glow: 0 4px 15px rgba(114, 161, 237, .3);--shadow-modal: 0 16px 32px rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-elevation-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-elevation-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-elevation-lg: 0 8px 24px rgba(0, 0, 0, .2);--color-glow-error: 0 0 10px rgba(255, 87, 87, .5);--color-glow-logout: 0 4px 12px rgba(255, 69, 58, .2);--color-glow-primary-sm: 0 0 20px rgba(62, 144, 255, .3);--color-glow-primary-lg: 0 0 28px rgba(62, 144, 255, .5);--glass-bg: rgba(27, 27, 31, .7);--glass-blur: blur(12px);--glow-ambient-1: blur(120px);--glow-ambient-2: blur(100px);--content-max-width: 860px;--content-padding: 3rem 2rem;--content-padding-top: 0;--theme-transition: background-color .4s cubic-bezier(.4, 0, .2, 1), color .4s cubic-bezier(.4, 0, .2, 1), border-color .4s ease}body.light-theme{--sys-bg: #f0f0f2;--sys-surface: #f8f8fa;--sys-surface-low: #ececee;--sys-surface-mid: #e8e8eb;--sys-surface-high: #e4e4e7;--sys-surface-highest: #d8d8dc;--sys-surface-lowest: #e9e9eb;--sys-surface-container: #eaeaec;--sys-surface-card: #f8f8fa;--sys-surface-card-hover: #f1f1f3;--sys-surface-card-dark: #e6e6e9;--sys-surface-tab-active: #efeff1;--sys-surface-code: #ebebed;--sys-surface-input: #f8f8fa;--sys-surface-sidebar-light: #002855;--sys-surface-sidebar: #001d3d;--sys-surface-sidebar-deep: #00152b;--sys-on-surface: #18181b;--sys-on-surface-variant: #52525b;--sys-outline: #a1a1aa;--sys-outline-variant: rgba(0, 0, 0, .1);--sys-primary: #2563eb;--sys-primary-container: #dbeafe;--sys-on-primary: #ffffff;--sys-on-primary-container: #1e3a8a;--color-primary-dim: rgba(37, 99, 235, .08);--color-primary-shadow: rgba(37, 99, 235, .22);--color-primary-border: rgba(37, 99, 235, .2);--color-accent: #2563eb;--color-accent-bg: rgba(37, 99, 235, .07);--color-accent-border: rgba(37, 99, 235, .18);--color-accent-shadow: rgba(37, 99, 235, .15);--color-success: #16a34a;--color-success-bg: rgba(22, 163, 74, .09);--color-success-border: rgba(22, 163, 74, .22);--color-warning: #d97706;--color-warning-bg: rgba(217, 119, 6, .09);--color-warning-border: rgba(217, 119, 6, .22);--color-error: #dc2626;--color-error-bg: rgba(220, 38, 38, .08);--color-error-border: rgba(220, 38, 38, .22);--color-info: #0284c7;--color-info-bg: rgba(2, 132, 199, .09);--color-purple: #7c3aed;--color-purple-bg: rgba(124, 58, 237, .08);--color-teal: #0d9488;--color-teal-bg: rgba(13, 148, 136, .08);--color-difficulty-easy: #16a34a;--color-difficulty-hard: #ea580c;--color-hard: #b91c1c;--color-unranked: #b91c1c;--color-unranked-bg: rgba(185, 28, 28, .08);--color-warning-amber: #d97706;--color-warning-amber-bg: rgba(217, 119, 6, .18);--overlay-xs: rgba(0, 0, 0, .03);--overlay-sm: rgba(0, 0, 0, .05);--overlay-md: rgba(0, 0, 0, .08);--overlay-lg: rgba(0, 0, 0, .12);--overlay-xl: rgba(0, 0, 0, .18);--overlay-text-dim: rgba(0, 0, 0, .36);--overlay-text-mid: rgba(0, 0, 0, .56);--overlay-text-muted: rgba(0, 0, 0, .82);--overlay-backdrop: rgba(0, 0, 0, .44);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .09);--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .06);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .1), 0 4px 16px rgba(0, 0, 0, .06);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .14), 0 2px 8px rgba(0, 0, 0, .07);--shadow-2xl: 0 20px 48px rgba(0, 0, 0, .13);--shadow-primary-glow: 0 4px 14px rgba(37, 99, 235, .24);--shadow-accent-glow: 0 4px 14px rgba(37, 99, 235, .18);--shadow-elevation-sm: 0 1px 4px rgba(0, 0, 0, .07);--shadow-elevation-md: 0 4px 10px rgba(0, 0, 0, .09);--shadow-elevation-lg: 0 8px 20px rgba(0, 0, 0, .09);--color-glow-error: 0 0 10px rgba(220, 38, 38, .28);--color-glow-logout: 0 4px 12px rgba(220, 38, 38, .18);--color-glow-primary-sm: 0 0 18px rgba(37, 99, 235, .24);--color-glow-primary-lg: 0 0 28px rgba(37, 99, 235, .3);--glass-bg: rgba(248, 248, 250, .86);--glass-blur: blur(12px)}:root{--layout-col1-bg: var(--sys-bg);--layout-col1-shadow: none;--layout-bubble-default-bg: var(--sys-surface-low);--layout-bubble-default-color: var(--sys-primary);--layout-bubble-hover-bg: var(--color-primary-dim);--layout-bubble-active-bg: var(--sys-primary-container);--layout-bubble-active-color: #ffffff;--layout-bubble-active-shadow: var(--color-glow-primary-sm);--layout-bubble-active-hover-shadow: var(--color-glow-primary-lg);--layout-tooltip-bg: var(--sys-surface-highest);--layout-tooltip-shadow: var(--shadow-elevation-md);--layout-lang-trigger-bg: var(--sys-surface-low);--layout-lang-trigger-border: var(--sys-outline-variant);--layout-lang-options-bg: var(--sys-surface-card);--layout-lang-options-border: var(--overlay-lg);--layout-lang-option-hover-bg: var(--overlay-sm);--layout-lang-option-active-bg: var(--color-primary-dim);--layout-lang-option-active-color: var(--sys-primary);--layout-logout-bg: var(--sys-surface-low);--layout-logout-border: var(--sys-outline-variant);--layout-logout-color: var(--sys-on-surface-variant);--layout-col2-bg: var(--sys-surface-low);--layout-col2-border: var(--sys-outline-variant);--layout-col2-shadow: none;--layout-nav-link-color: var(--sys-on-surface-variant);--layout-nav-link-icon-color: var(--sys-primary);--layout-nav-link-hover-bg: var(--overlay-sm);--layout-nav-link-hover-color: var(--sys-on-surface);--layout-nav-link-active-bg: var(--color-primary-dim);--layout-nav-link-active-color: var(--sys-primary);--layout-nav-link-active-icon-color: var(--sys-primary);--layout-nav-section-label-color: var(--sys-primary);--layout-nav-header-title-color: var(--sys-on-surface);--layout-nav-header-role-color: var(--sys-primary);--layout-nav-toggle-bg: var(--sys-surface-card);--layout-nav-toggle-border: var(--sys-outline-variant);--layout-nav-toggle-shadow: var(--shadow-card);--layout-nav-toggle-icon-color: var(--sys-primary);--layout-nav-toggle-hover-bg: var(--sys-surface-card-hover);--layout-nav-toggle-hover-shadow: var(--shadow-modal);--layout-col3-bg: var(--sys-bg);--layout-header-bg: var(--glass-bg);--layout-header-blur: var(--glass-blur);--layout-header-title-color: var(--sys-on-surface);--layout-col4-bg: var(--sys-surface-lowest);--layout-col4-border: var(--sys-outline-variant);--layout-col4-shadow: none;--layout-profile-toggle-bg: var(--color-primary-dim);--layout-profile-toggle-color: var(--sys-primary);--layout-profile-toggle-hover-bg: var(--sys-primary);--layout-profile-toggle-hover-color: var(--sys-on-primary);--layout-streak-card-bg: linear-gradient( 135deg, var(--color-primary-dim) 0%, var(--sys-surface-card) 100% );--layout-streak-card-border: var(--overlay-md);--layout-streak-card-icon-opacity: .15;--layout-usage-card-bg: var(--sys-surface-card);--layout-usage-card-border: var(--overlay-md);--layout-usage-card-on-surface: var(--sys-on-surface);--layout-usage-card-on-surface-variant: var(--overlay-text-dim);--layout-usage-card-primary: var(--sys-primary);--layout-recommendation-card-bg: var(--sys-surface-card);--layout-recommendation-card-border: var(--overlay-md);--layout-recommendation-card-accent: var(--sys-primary);--layout-recommendation-card-on-surface: var(--sys-on-surface);--layout-recommendation-card-tag-color: var(--sys-primary);--layout-profile-overlay-text-dim: var(--overlay-text-dim);--layout-profile-overlay-md: var(--overlay-md);--layout-profile-overlay-sm: var(--overlay-sm);--layout-profile-accent-color: var(--sys-primary);--layout-profile-accent-dim: var(--color-accent-shadow);--layout-profile-card-shadow: none;--layout-mobile-bar-bg: var(--sys-surface-low);--layout-mobile-bar-border: var(--overlay-md);--layout-mobile-bar-title-color: var(--sys-on-surface);--layout-mobile-bar-icon-color: var(--sys-primary)}body.light-theme{--layout-col1-bg: var(--sys-surface-sidebar-light, #002855);--layout-col1-shadow: 2px 0 8px rgba(0, 0, 0, .15);--layout-bubble-default-bg: rgba(255, 255, 255, .08);--layout-bubble-default-color: #ffffff;--layout-bubble-hover-bg: rgba(255, 255, 255, .15);--layout-bubble-active-bg: #ffffff;--layout-bubble-active-color: var(--sys-on-primary-container);--layout-bubble-active-shadow: 0 0 12px rgba(255, 255, 255, .2);--layout-bubble-active-hover-shadow: 0 0 20px rgba(255, 255, 255, .35);--layout-tooltip-bg: var(--sys-surface-highest);--layout-lang-trigger-bg: rgba(255, 255, 255, .08);--layout-lang-trigger-border: rgba(255, 255, 255, .12);--layout-lang-options-bg: #ffffff;--layout-lang-options-border: rgba(0, 0, 0, .1);--layout-lang-option-hover-bg: rgba(0, 0, 0, .05);--layout-lang-option-active-bg: var(--color-primary-dim);--layout-lang-option-active-color: var(--sys-primary);--layout-logout-bg: rgba(255, 255, 255, .08);--layout-logout-border: rgba(255, 255, 255, .12);--layout-logout-color: rgba(255, 255, 255, .7);--layout-col2-bg: var(--sys-surface-sidebar, #001d3d);--layout-col2-border: rgba(255, 255, 255, .1);--layout-col2-shadow: 2px 0 12px rgba(0, 0, 0, .1);--layout-nav-link-color: rgba(255, 255, 255, .75);--layout-nav-link-icon-color: rgba(255, 255, 255, .6);--layout-nav-link-hover-bg: rgba(255, 255, 255, .1);--layout-nav-link-hover-color: #ffffff;--layout-nav-link-active-bg: #ffffff;--layout-nav-link-active-color: var(--sys-primary);--layout-nav-link-active-icon-color: var(--sys-primary);--layout-nav-section-label-color: rgba(255, 255, 255, .4);--layout-nav-header-title-color: #ffffff;--layout-nav-header-role-color: rgba(255, 255, 255, .5);--layout-nav-toggle-bg: #ffffff;--layout-nav-toggle-border: rgba(0, 0, 0, .1);--layout-nav-toggle-shadow: 0 2px 6px rgba(0, 0, 0, .15);--layout-nav-toggle-icon-color: var(--sys-surface-sidebar);--layout-nav-toggle-hover-bg: #f4f4f5;--layout-nav-toggle-hover-shadow: 0 4px 10px rgba(0, 0, 0, .2);--layout-col3-bg: #ffffff;--layout-header-bg: rgba(255, 255, 255, .92);--layout-header-title-color: #18181b;--layout-col4-bg: #f8f8fa;--layout-col4-border: #e4e4e7;--layout-col4-shadow: -2px 0 8px rgba(0, 0, 0, .06);--layout-profile-toggle-bg: var(--color-primary-dim);--layout-profile-toggle-color: var(--sys-primary);--layout-profile-toggle-hover-bg: var(--sys-primary);--layout-profile-toggle-hover-color: #ffffff;--layout-streak-card-bg: linear-gradient(135deg, var(--color-primary-dim) 0%, #ffffff 100%);--layout-streak-card-border: #e4e4e7;--layout-streak-card-icon-opacity: .08;--layout-usage-card-bg: #ffffff;--layout-usage-card-border: #e4e4e7;--layout-usage-card-on-surface: var(--sys-on-surface);--layout-usage-card-on-surface-variant: var(--sys-on-surface-variant);--layout-usage-card-primary: var(--sys-primary);--layout-recommendation-card-bg: #ffffff;--layout-recommendation-card-border: #e4e4e7;--layout-recommendation-card-accent: var(--sys-primary);--layout-recommendation-card-on-surface: var(--sys-on-surface);--layout-recommendation-card-tag-color: var(--sys-primary);--layout-profile-overlay-text-dim: #71717a;--layout-profile-overlay-md: #a1a1aa;--layout-profile-overlay-sm: rgba(0, 0, 0, .06);--layout-profile-accent-color: var(--sys-primary);--layout-profile-accent-dim: var(--color-primary-dim);--layout-profile-card-shadow: var(--shadow-elevation-sm);--layout-mobile-bar-bg: var(--sys-surface-sidebar, #001d3d);--layout-mobile-bar-border: rgba(255, 255, 255, .1);--layout-mobile-bar-title-color: #ffffff;--layout-mobile-bar-icon-color: rgba(255, 255, 255, .75)}:root{--auth-page-bg: var(--sys-bg);--auth-glow-color: var(--color-primary-dim);--auth-card-bg: var(--glass-bg);--auth-card-blur: var(--glass-blur);--auth-card-border: var(--sys-outline-variant);--auth-card-shadow: var(--shadow-2xl);--auth-card-radius: var(--radius-lg);--auth-logo-border: var(--sys-primary-container);--auth-logo-bg: var(--color-primary-dim);--auth-logo-icon-color: var(--sys-primary-container);--auth-role-pill-bg: var(--sys-surface-lowest);--auth-role-pill-active-bg: var(--color-primary-dim);--auth-role-pill-active-color: var(--sys-primary);--auth-role-pill-inactive-color: var(--sys-on-surface-variant);--auth-input-bg: var(--sys-surface-highest);--auth-input-border: transparent;--auth-input-border-focus: var(--color-primary-shadow);--auth-input-placeholder-color: var(--sys-outline);--auth-input-icon-color: var(--sys-outline);--auth-input-radius: var(--radius-lg);--auth-btn-bg: var(--sys-primary-container);--auth-btn-color: var(--sys-on-primary-container);--auth-btn-radius: var(--radius-lg);--auth-footer-divider: var(--sys-outline-variant);--auth-footer-link-color: var(--sys-primary);--auth-footer-link-hover-color: var(--sys-primary-container)}body.light-theme{--auth-page-bg: #f4f6fb;--auth-glow-color: var(--color-primary-dim);--auth-card-bg: rgba(255, 255, 255, .97);--auth-card-border: rgba(0, 0, 0, .07);--auth-card-shadow: var(--shadow-xl);--auth-logo-border: var(--color-primary-border);--auth-logo-bg: var(--color-primary-dim);--auth-logo-icon-color: var(--sys-primary);--auth-role-pill-bg: var(--sys-surface-high);--auth-role-pill-active-bg: var(--sys-primary);--auth-role-pill-active-color: var(--sys-on-primary);--auth-role-pill-inactive-color: var(--sys-on-surface-variant);--auth-input-bg: #ffffff;--auth-input-border: rgba(0, 0, 0, .12);--auth-input-border-focus: var(--sys-primary);--auth-input-placeholder-color: var(--sys-on-surface-variant);--auth-input-icon-color: var(--sys-on-surface-variant);--auth-btn-bg: var(--sys-primary);--auth-btn-color: var(--sys-on-primary);--auth-footer-divider: var(--sys-outline-variant);--auth-footer-link-color: var(--sys-primary);--auth-footer-link-hover-color: var(--sys-on-primary-container)}:root{--card-bg: var(--sys-surface-card);--card-bg-hover: var(--sys-surface-card-hover);--card-dark-section-bg: var(--sys-surface-card-dark);--card-border: var(--sys-outline-variant);--card-border-hover: var(--overlay-md);--card-shadow: var(--shadow-card);--card-shadow-hover: var(--shadow-card);--card-radius: var(--radius-2xl);--card-icon-box-bg: var(--overlay-xs);--card-accent-border: var(--sys-primary);--card-title-color: var(--sys-on-surface);--card-meta-color: var(--sys-on-surface-variant);--card-tag-bg: var(--overlay-xs);--card-tag-color: var(--sys-on-surface-variant);--card-chip-bg: var(--sys-surface-high);--card-chip-color: var(--sys-on-surface-variant);--card-difficulty-easy-bg: var(--color-success-bg);--card-difficulty-easy-color: var(--color-success);--card-difficulty-hard-bg: var(--color-error-bg);--card-difficulty-hard-color: var(--color-hard);--card-menu-bg: var(--sys-surface-card);--card-menu-border: var(--sys-outline-variant);--card-menu-shadow: var(--shadow-2xl);--card-menu-item-hover-bg: var(--overlay-sm);--card-menu-danger-color: var(--color-error);--card-menu-danger-hover-bg: var(--color-error-bg)}body.light-theme{--card-shadow: var(--shadow-card);--card-border: var(--sys-outline-variant)}:root{--chat-bg: var(--sys-bg);--chat-popup-bg: var(--sys-surface-card);--chat-popup-border: var(--overlay-md);--chat-popup-shadow: var(--shadow-modal);--chat-popup-radius: 20px;--chat-popup-header-color: var(--overlay-text-dim);--chat-history-item-hover-bg: var(--overlay-sm);--chat-history-active-bg: var(--color-accent-bg);--chat-history-active-border: var(--color-accent);--chat-history-active-title-color: var(--color-accent);--chat-user-bubble-bg: var(--sys-surface-high);--chat-user-bubble-color: var(--sys-on-surface);--chat-ai-bubble-bg: var(--color-primary-dim);--chat-ai-bubble-color: var(--sys-on-surface);--chat-input-bg: var(--sys-surface-card);--chat-input-border: var(--sys-outline-variant);--chat-input-radius: var(--radius-lg);--chat-input-color: var(--sys-on-surface);--chat-input-placeholder-color: var(--sys-outline);--chat-input-focus-border: var(--sys-primary);--chat-send-btn-bg: var(--sys-primary);--chat-send-btn-color: var(--sys-on-primary);--chat-attachment-bg: var(--sys-surface-high);--chat-attachment-border: var(--sys-outline-variant);--chat-attachment-color: var(--sys-on-surface-variant);--chat-empty-icon-color: var(--sys-primary);--chat-empty-icon-opacity: .2}body.light-theme{--chat-user-bubble-bg: var(--sys-surface-high);--chat-ai-bubble-bg: var(--color-primary-dim);--chat-input-bg: var(--sys-surface-card)}:root{--dialog-backdrop: var(--overlay-backdrop);--dialog-backdrop-blur: blur(3px);--dialog-bg: var(--sys-surface-card);--dialog-border: var(--sys-outline-variant);--dialog-shadow: var(--shadow-modal);--dialog-radius: var(--radius-lg);--dialog-header-color: var(--sys-on-surface);--dialog-header-icon-color: var(--sys-primary);--dialog-body-color: var(--sys-on-surface-variant);--dialog-confirm-bg: var(--sys-primary);--dialog-confirm-color: var(--sys-on-primary);--dialog-confirm-hover-filter: brightness(1.1);--dialog-danger-bg: var(--color-error);--dialog-danger-color: #ffffff;--dialog-danger-hover-filter: brightness(1.1);--dialog-cancel-bg: var(--sys-surface-high);--dialog-cancel-color: var(--sys-on-surface-variant);--dialog-cancel-border: var(--sys-outline-variant);--dialog-cancel-hover-bg: var(--sys-surface-highest)}body.light-theme{--dialog-bg: var(--sys-surface-card);--dialog-cancel-bg: var(--sys-surface-high)}:root{--assessment-card-bg: var(--sys-surface-card);--assessment-card-border: var(--sys-outline-variant);--assessment-card-radius: var(--radius-md);--assessment-card-shadow: var(--shadow-card);--assessment-badge-bg: var(--sys-primary);--assessment-badge-color: var(--sys-on-primary);--assessment-option-default-bg: var(--sys-surface-high);--assessment-option-default-border: var(--sys-outline-variant);--assessment-option-hover-bg: var(--color-primary-dim);--assessment-option-hover-border: var(--sys-primary);--assessment-option-selected-bg: var(--color-primary-dim);--assessment-option-selected-border: var(--sys-primary);--assessment-option-correct-bg: var(--color-success-bg);--assessment-option-correct-border: var(--color-success);--assessment-option-wrong-bg: var(--color-error-bg);--assessment-option-wrong-border: var(--color-error);--assessment-score-primary-color: var(--sys-primary);--assessment-score-success-color: var(--color-success);--assessment-score-warning-color: var(--color-warning);--assessment-score-error-color: var(--color-error);--assessment-report-card-bg: var(--sys-surface-card);--assessment-report-card-border: var(--sys-outline-variant);--assessment-report-header-bg: var(--color-primary-dim);--assessment-generating-bg: var(--sys-bg);--assessment-generating-progress-track: var(--overlay-sm);--assessment-generating-progress-fill: var(--sys-primary);--assessment-drag-item-bg: var(--sys-surface-high);--assessment-drag-item-border: var(--sys-outline-variant);--assessment-drag-item-dragging-shadow: var(--shadow-card);--assessment-drag-drop-zone-bg: var(--color-primary-dim);--assessment-drag-drop-zone-border: var(--sys-primary)}body.light-theme{--assessment-option-default-bg: var(--sys-surface-high);--assessment-drag-item-bg: var(--sys-surface-high)}body.violet-variant{--sys-primary: #c4b5fd;--sys-primary-container: #7c3aed;--sys-on-primary: #2e1065;--sys-on-primary-container: #2e1065;--color-accent: #a78bfa;--color-accent-bg: rgba(167, 139, 250, .1);--color-accent-border: rgba(167, 139, 250, .2);--color-accent-shadow: rgba(167, 139, 250, .3);--color-primary-dim: rgba(196, 181, 253, .1);--color-primary-shadow: rgba(124, 58, 237, .3);--color-primary-border: rgba(196, 181, 253, .2);--shadow-primary-glow: 0 4px 15px rgba(124, 58, 237, .2);--shadow-accent-glow: 0 4px 15px rgba(167, 139, 250, .3);--color-glow-primary-sm: 0 0 20px rgba(124, 58, 237, .3);--color-glow-primary-lg: 0 0 28px rgba(124, 58, 237, .5);--layout-col1-bg: #0c0912;--layout-col2-bg: #120f18;--layout-bubble-default-color: #c4b5fd;--layout-bubble-active-bg: #7c3aed;--layout-bubble-active-color: #ffffff;--layout-bubble-active-shadow: 0 0 20px rgba(124, 58, 237, .3);--layout-nav-link-icon-color: #c4b5fd;--layout-nav-link-active-color: #c4b5fd;--layout-nav-link-active-icon-color: #c4b5fd;--layout-nav-link-active-bg: rgba(196, 181, 253, .1);--layout-nav-section-label-color: #c4b5fd;--layout-nav-header-role-color: #c4b5fd;--layout-profile-accent-color: #c4b5fd;--layout-profile-accent-dim: rgba(167, 139, 250, .3);--layout-recommendation-card-accent: #c4b5fd;--layout-profile-toggle-color: #c4b5fd;--layout-profile-toggle-bg: rgba(196, 181, 253, .1);--layout-mobile-bar-icon-color: #c4b5fd;--auth-btn-bg: #7c3aed;--auth-btn-color: #ffffff;--auth-footer-link-color: #c4b5fd;--auth-role-pill-active-color: #c4b5fd;--auth-role-pill-active-bg: rgba(196, 181, 253, .1)}body.light-theme.violet-variant{--sys-primary: #7c3aed;--sys-primary-container: #ede9fe;--sys-on-primary: #ffffff;--sys-on-primary-container: #2e1065;--sys-surface-sidebar-light: #3b0764;--sys-surface-sidebar: #2e1065;--sys-surface-sidebar-deep: #1e0a4c;--color-accent: #7c3aed;--color-accent-bg: rgba(124, 58, 237, .07);--color-accent-border: rgba(124, 58, 237, .18);--color-accent-shadow: rgba(124, 58, 237, .15);--color-primary-dim: rgba(124, 58, 237, .08);--color-primary-shadow: rgba(124, 58, 237, .22);--color-primary-border: rgba(124, 58, 237, .2);--shadow-primary-glow: 0 4px 14px rgba(124, 58, 237, .24);--shadow-accent-glow: 0 4px 14px rgba(124, 58, 237, .18);--color-glow-primary-sm: 0 0 18px rgba(124, 58, 237, .24);--color-glow-primary-lg: 0 0 28px rgba(124, 58, 237, .3);--auth-glow-color: rgba(124, 58, 237, .14);--auth-footer-link-color: #7c3aed;--auth-role-pill-active-bg: #7c3aed;--layout-recommendation-card-accent: #7c3aed;--layout-profile-toggle-color: #7c3aed;--layout-profile-toggle-bg: rgba(124, 58, 237, .08)}body.emerald-variant{--sys-primary: #6ee7b7;--sys-primary-container: #059669;--sys-on-primary: #022c22;--sys-on-primary-container: #022c22;--color-accent: #34d399;--color-accent-bg: rgba(52, 211, 153, .1);--color-accent-border: rgba(52, 211, 153, .2);--color-accent-shadow: rgba(52, 211, 153, .3);--color-primary-dim: rgba(110, 231, 183, .1);--color-primary-shadow: rgba(5, 150, 105, .3);--color-primary-border: rgba(110, 231, 183, .2);--shadow-primary-glow: 0 4px 15px rgba(5, 150, 105, .2);--shadow-accent-glow: 0 4px 15px rgba(52, 211, 153, .3);--color-glow-primary-sm: 0 0 20px rgba(5, 150, 105, .3);--color-glow-primary-lg: 0 0 28px rgba(5, 150, 105, .5);--layout-col1-bg: #060f0b;--layout-col2-bg: #0b1610;--layout-bubble-default-color: #6ee7b7;--layout-bubble-active-bg: #059669;--layout-bubble-active-color: #ffffff;--layout-bubble-active-shadow: 0 0 20px rgba(5, 150, 105, .3);--layout-nav-link-icon-color: #6ee7b7;--layout-nav-link-active-color: #6ee7b7;--layout-nav-link-active-icon-color: #6ee7b7;--layout-nav-link-active-bg: rgba(110, 231, 183, .1);--layout-nav-section-label-color: #6ee7b7;--layout-nav-header-role-color: #6ee7b7;--layout-profile-accent-color: #6ee7b7;--layout-profile-accent-dim: rgba(52, 211, 153, .3);--layout-recommendation-card-accent: #6ee7b7;--layout-profile-toggle-color: #6ee7b7;--layout-profile-toggle-bg: rgba(110, 231, 183, .1);--layout-mobile-bar-icon-color: #6ee7b7;--auth-btn-bg: #059669;--auth-btn-color: #ffffff;--auth-footer-link-color: #6ee7b7;--auth-role-pill-active-color: #6ee7b7;--auth-role-pill-active-bg: rgba(110, 231, 183, .1)}body.light-theme.emerald-variant{--sys-primary: #059669;--sys-primary-container: #d1fae5;--sys-on-primary: #ffffff;--sys-on-primary-container: #022c22;--sys-surface-sidebar-light: #065f46;--sys-surface-sidebar: #064e3b;--sys-surface-sidebar-deep: #022c22;--color-accent: #059669;--color-accent-bg: rgba(5, 150, 105, .07);--color-accent-border: rgba(5, 150, 105, .18);--color-accent-shadow: rgba(5, 150, 105, .15);--color-primary-dim: rgba(5, 150, 105, .08);--color-primary-shadow: rgba(5, 150, 105, .22);--color-primary-border: rgba(5, 150, 105, .2);--shadow-primary-glow: 0 4px 14px rgba(5, 150, 105, .24);--shadow-accent-glow: 0 4px 14px rgba(5, 150, 105, .18);--color-glow-primary-sm: 0 0 18px rgba(5, 150, 105, .24);--color-glow-primary-lg: 0 0 28px rgba(5, 150, 105, .3);--auth-glow-color: rgba(5, 150, 105, .14);--auth-footer-link-color: #059669;--auth-role-pill-active-bg: #059669;--layout-recommendation-card-accent: #059669;--layout-profile-toggle-color: #059669;--layout-profile-toggle-bg: rgba(5, 150, 105, .08)}body.rose-variant{--sys-primary: #fda4af;--sys-primary-container: #e11d48;--sys-on-primary: #4c0519;--sys-on-primary-container: #4c0519;--color-accent: #fb7185;--color-accent-bg: rgba(251, 113, 133, .1);--color-accent-border: rgba(251, 113, 133, .2);--color-accent-shadow: rgba(251, 113, 133, .3);--color-primary-dim: rgba(253, 164, 175, .1);--color-primary-shadow: rgba(225, 29, 72, .3);--color-primary-border: rgba(253, 164, 175, .2);--shadow-primary-glow: 0 4px 15px rgba(225, 29, 72, .2);--shadow-accent-glow: 0 4px 15px rgba(251, 113, 133, .3);--color-glow-primary-sm: 0 0 20px rgba(225, 29, 72, .3);--color-glow-primary-lg: 0 0 28px rgba(225, 29, 72, .5);--layout-col1-bg: #120609;--layout-col2-bg: #180a0e;--layout-bubble-default-color: #fda4af;--layout-bubble-active-bg: #e11d48;--layout-bubble-active-color: #ffffff;--layout-bubble-active-shadow: 0 0 20px rgba(225, 29, 72, .3);--layout-nav-link-icon-color: #fda4af;--layout-nav-link-active-color: #fda4af;--layout-nav-link-active-icon-color: #fda4af;--layout-nav-link-active-bg: rgba(253, 164, 175, .1);--layout-nav-section-label-color: #fda4af;--layout-nav-header-role-color: #fda4af;--layout-profile-accent-color: #fda4af;--layout-profile-accent-dim: rgba(251, 113, 133, .3);--layout-recommendation-card-accent: #fda4af;--layout-profile-toggle-color: #fda4af;--layout-profile-toggle-bg: rgba(253, 164, 175, .1);--layout-mobile-bar-icon-color: #fda4af;--auth-btn-bg: #e11d48;--auth-btn-color: #ffffff;--auth-footer-link-color: #fda4af;--auth-role-pill-active-color: #fda4af;--auth-role-pill-active-bg: rgba(253, 164, 175, .1)}body.light-theme.rose-variant{--sys-primary: #e11d48;--sys-primary-container: #ffe4e6;--sys-on-primary: #ffffff;--sys-on-primary-container: #4c0519;--sys-surface-sidebar-light: #9f1239;--sys-surface-sidebar: #881337;--sys-surface-sidebar-deep: #4c0519;--color-accent: #e11d48;--color-accent-bg: rgba(225, 29, 72, .07);--color-accent-border: rgba(225, 29, 72, .18);--color-accent-shadow: rgba(225, 29, 72, .15);--color-primary-dim: rgba(225, 29, 72, .08);--color-primary-shadow: rgba(225, 29, 72, .22);--color-primary-border: rgba(225, 29, 72, .2);--shadow-primary-glow: 0 4px 14px rgba(225, 29, 72, .24);--shadow-accent-glow: 0 4px 14px rgba(225, 29, 72, .18);--color-glow-primary-sm: 0 0 18px rgba(225, 29, 72, .24);--color-glow-primary-lg: 0 0 28px rgba(225, 29, 72, .3);--auth-glow-color: rgba(225, 29, 72, .14);--auth-footer-link-color: #e11d48;--auth-role-pill-active-bg: #e11d48;--layout-recommendation-card-accent: #e11d48;--layout-profile-toggle-color: #e11d48;--layout-profile-toggle-bg: rgba(225, 29, 72, .08)}body.amber-variant{--sys-primary: #fde68a;--sys-primary-container: #d97706;--sys-on-primary: #451a03;--sys-on-primary-container: #451a03;--color-accent: #fbbf24;--color-accent-bg: rgba(251, 191, 36, .1);--color-accent-border: rgba(251, 191, 36, .2);--color-accent-shadow: rgba(251, 191, 36, .3);--color-primary-dim: rgba(253, 230, 138, .1);--color-primary-shadow: rgba(217, 119, 6, .3);--color-primary-border: rgba(253, 230, 138, .2);--shadow-primary-glow: 0 4px 15px rgba(217, 119, 6, .2);--shadow-accent-glow: 0 4px 15px rgba(251, 191, 36, .3);--color-glow-primary-sm: 0 0 20px rgba(217, 119, 6, .3);--color-glow-primary-lg: 0 0 28px rgba(217, 119, 6, .5);--layout-col1-bg: #120e06;--layout-col2-bg: #18120a;--layout-bubble-default-color: #fde68a;--layout-bubble-active-bg: #d97706;--layout-bubble-active-color: #ffffff;--layout-bubble-active-shadow: 0 0 20px rgba(217, 119, 6, .3);--layout-nav-link-icon-color: #fde68a;--layout-nav-link-active-color: #fde68a;--layout-nav-link-active-icon-color: #fde68a;--layout-nav-link-active-bg: rgba(253, 230, 138, .1);--layout-nav-section-label-color: #fde68a;--layout-nav-header-role-color: #fde68a;--layout-profile-accent-color: #fde68a;--layout-profile-accent-dim: rgba(251, 191, 36, .3);--layout-recommendation-card-accent: #fde68a;--layout-profile-toggle-color: #fde68a;--layout-profile-toggle-bg: rgba(253, 230, 138, .1);--layout-mobile-bar-icon-color: #fde68a;--auth-btn-bg: #d97706;--auth-btn-color: #ffffff;--auth-footer-link-color: #fde68a;--auth-role-pill-active-color: #fde68a;--auth-role-pill-active-bg: rgba(253, 230, 138, .1)}body.light-theme.amber-variant{--sys-primary: #d97706;--sys-primary-container: #fef3c7;--sys-on-primary: #ffffff;--sys-on-primary-container: #451a03;--sys-surface-sidebar-light: #92400e;--sys-surface-sidebar: #78350f;--sys-surface-sidebar-deep: #451a03;--color-accent: #d97706;--color-accent-bg: rgba(217, 119, 6, .07);--color-accent-border: rgba(217, 119, 6, .18);--color-accent-shadow: rgba(217, 119, 6, .15);--color-primary-dim: rgba(217, 119, 6, .08);--color-primary-shadow: rgba(217, 119, 6, .22);--color-primary-border: rgba(217, 119, 6, .2);--shadow-primary-glow: 0 4px 14px rgba(217, 119, 6, .24);--shadow-accent-glow: 0 4px 14px rgba(217, 119, 6, .18);--color-glow-primary-sm: 0 0 18px rgba(217, 119, 6, .24);--color-glow-primary-lg: 0 0 28px rgba(217, 119, 6, .3);--auth-glow-color: rgba(217, 119, 6, .14);--auth-footer-link-color: #d97706;--auth-role-pill-active-bg: #d97706;--layout-recommendation-card-accent: #d97706;--layout-profile-toggle-color: #d97706;--layout-profile-toggle-bg: rgba(217, 119, 6, .08)}body.teal-variant{--sys-primary: #5eead4;--sys-primary-container: #0d9488;--sys-on-primary: #022d2d;--sys-on-primary-container: #022d2d;--color-accent: #2dd4bf;--color-accent-bg: rgba(45, 212, 191, .1);--color-accent-border: rgba(45, 212, 191, .2);--color-accent-shadow: rgba(45, 212, 191, .3);--color-primary-dim: rgba(94, 234, 212, .1);--color-primary-shadow: rgba(13, 148, 136, .3);--color-primary-border: rgba(94, 234, 212, .2);--shadow-primary-glow: 0 4px 15px rgba(13, 148, 136, .2);--shadow-accent-glow: 0 4px 15px rgba(45, 212, 191, .3);--color-glow-primary-sm: 0 0 20px rgba(13, 148, 136, .3);--color-glow-primary-lg: 0 0 28px rgba(13, 148, 136, .5);--layout-col1-bg: #050f0e;--layout-col2-bg: #091614;--layout-bubble-default-color: #5eead4;--layout-bubble-active-bg: #0d9488;--layout-bubble-active-color: #ffffff;--layout-bubble-active-shadow: 0 0 20px rgba(13, 148, 136, .3);--layout-nav-link-icon-color: #5eead4;--layout-nav-link-active-color: #5eead4;--layout-nav-link-active-icon-color: #5eead4;--layout-nav-link-active-bg: rgba(94, 234, 212, .1);--layout-nav-section-label-color: #5eead4;--layout-nav-header-role-color: #5eead4;--layout-profile-accent-color: #5eead4;--layout-profile-accent-dim: rgba(45, 212, 191, .3);--layout-recommendation-card-accent: #5eead4;--layout-profile-toggle-color: #5eead4;--layout-profile-toggle-bg: rgba(94, 234, 212, .1);--layout-mobile-bar-icon-color: #5eead4;--auth-btn-bg: #0d9488;--auth-btn-color: #ffffff;--auth-footer-link-color: #5eead4;--auth-role-pill-active-color: #5eead4;--auth-role-pill-active-bg: rgba(94, 234, 212, .1)}body.light-theme.teal-variant{--sys-primary: #0d9488;--sys-primary-container: #ccfbf1;--sys-on-primary: #ffffff;--sys-on-primary-container: #022d2d;--sys-surface-sidebar-light: #115e59;--sys-surface-sidebar: #134e4a;--sys-surface-sidebar-deep: #022d2d;--color-accent: #0d9488;--color-accent-bg: rgba(13, 148, 136, .07);--color-accent-border: rgba(13, 148, 136, .18);--color-accent-shadow: rgba(13, 148, 136, .15);--color-primary-dim: rgba(13, 148, 136, .08);--color-primary-shadow: rgba(13, 148, 136, .22);--color-primary-border: rgba(13, 148, 136, .2);--shadow-primary-glow: 0 4px 14px rgba(13, 148, 136, .24);--shadow-accent-glow: 0 4px 14px rgba(13, 148, 136, .18);--color-glow-primary-sm: 0 0 18px rgba(13, 148, 136, .24);--color-glow-primary-lg: 0 0 28px rgba(13, 148, 136, .3);--auth-glow-color: rgba(13, 148, 136, .14);--auth-footer-link-color: #0d9488;--auth-role-pill-active-bg: #0d9488;--layout-recommendation-card-accent: #0d9488;--layout-profile-toggle-color: #0d9488;--layout-profile-toggle-bg: rgba(13, 148, 136, .08)}body.coral-variant{--sys-primary: #fdba74;--sys-primary-container: #ea580c;--sys-on-primary: #431407;--sys-on-primary-container: #431407;--color-accent: #fb923c;--color-accent-bg: rgba(249, 115, 22, .1);--color-accent-border: rgba(249, 115, 22, .2);--color-accent-shadow: rgba(249, 115, 22, .3);--color-primary-dim: rgba(253, 186, 116, .1);--color-primary-shadow: rgba(234, 88, 12, .3);--color-primary-border: rgba(253, 186, 116, .2);--shadow-primary-glow: 0 4px 15px rgba(234, 88, 12, .2);--shadow-accent-glow: 0 4px 15px rgba(249, 115, 22, .3);--color-glow-primary-sm: 0 0 20px rgba(234, 88, 12, .3);--color-glow-primary-lg: 0 0 28px rgba(234, 88, 12, .5);--layout-col1-bg: #130905;--layout-col2-bg: #190e07;--layout-bubble-default-color: #fdba74;--layout-bubble-active-bg: #ea580c;--layout-bubble-active-color: #ffffff;--layout-bubble-active-shadow: 0 0 20px rgba(234, 88, 12, .3);--layout-nav-link-icon-color: #fdba74;--layout-nav-link-active-color: #fdba74;--layout-nav-link-active-icon-color: #fdba74;--layout-nav-link-active-bg: rgba(253, 186, 116, .1);--layout-nav-section-label-color: #fdba74;--layout-nav-header-role-color: #fdba74;--layout-profile-accent-color: #fdba74;--layout-profile-accent-dim: rgba(249, 115, 22, .3);--layout-recommendation-card-accent: #fdba74;--layout-profile-toggle-color: #fdba74;--layout-profile-toggle-bg: rgba(253, 186, 116, .1);--layout-mobile-bar-icon-color: #fdba74;--auth-btn-bg: #ea580c;--auth-btn-color: #ffffff;--auth-footer-link-color: #fdba74;--auth-role-pill-active-color: #fdba74;--auth-role-pill-active-bg: rgba(253, 186, 116, .1)}body.light-theme.coral-variant{--sys-primary: #ea580c;--sys-primary-container: #ffedd5;--sys-on-primary: #ffffff;--sys-on-primary-container: #431407;--sys-surface-sidebar-light: #9a3412;--sys-surface-sidebar: #7c2d12;--sys-surface-sidebar-deep: #431407;--color-accent: #ea580c;--color-accent-bg: rgba(234, 88, 12, .07);--color-accent-border: rgba(234, 88, 12, .18);--color-accent-shadow: rgba(234, 88, 12, .15);--color-primary-dim: rgba(234, 88, 12, .08);--color-primary-shadow: rgba(234, 88, 12, .22);--color-primary-border: rgba(234, 88, 12, .2);--shadow-primary-glow: 0 4px 14px rgba(234, 88, 12, .24);--shadow-accent-glow: 0 4px 14px rgba(234, 88, 12, .18);--color-glow-primary-sm: 0 0 18px rgba(234, 88, 12, .24);--color-glow-primary-lg: 0 0 28px rgba(234, 88, 12, .3);--auth-glow-color: rgba(234, 88, 12, .14);--auth-footer-link-color: #ea580c;--auth-role-pill-active-bg: #ea580c;--layout-recommendation-card-accent: #ea580c;--layout-profile-toggle-color: #ea580c;--layout-profile-toggle-bg: rgba(234, 88, 12, .08)}body.slate-variant{--sys-primary: #cbd5e1;--sys-primary-container: #475569;--sys-on-primary: #0f172a;--sys-on-primary-container: #0f172a;--color-accent: #94a3b8;--color-accent-bg: rgba(148, 163, 184, .1);--color-accent-border: rgba(148, 163, 184, .2);--color-accent-shadow: rgba(148, 163, 184, .3);--color-primary-dim: rgba(203, 213, 225, .1);--color-primary-shadow: rgba(71, 85, 105, .3);--color-primary-border: rgba(203, 213, 225, .2);--shadow-primary-glow: 0 4px 15px rgba(71, 85, 105, .2);--shadow-accent-glow: 0 4px 15px rgba(148, 163, 184, .3);--color-glow-primary-sm: 0 0 20px rgba(71, 85, 105, .3);--color-glow-primary-lg: 0 0 28px rgba(71, 85, 105, .5);--layout-col1-bg: #09090e;--layout-col2-bg: #0d0e14;--layout-bubble-default-color: #cbd5e1;--layout-bubble-active-bg: #475569;--layout-bubble-active-color: #ffffff;--layout-bubble-active-shadow: 0 0 20px rgba(71, 85, 105, .3);--layout-nav-link-icon-color: #cbd5e1;--layout-nav-link-active-color: #cbd5e1;--layout-nav-link-active-icon-color: #cbd5e1;--layout-nav-link-active-bg: rgba(203, 213, 225, .1);--layout-nav-section-label-color: #cbd5e1;--layout-nav-header-role-color: #cbd5e1;--layout-profile-accent-color: #cbd5e1;--layout-profile-accent-dim: rgba(148, 163, 184, .3);--layout-recommendation-card-accent: #cbd5e1;--layout-profile-toggle-color: #cbd5e1;--layout-profile-toggle-bg: rgba(203, 213, 225, .1);--layout-mobile-bar-icon-color: #cbd5e1;--auth-btn-bg: #475569;--auth-btn-color: #ffffff;--auth-footer-link-color: #cbd5e1;--auth-role-pill-active-color: #cbd5e1;--auth-role-pill-active-bg: rgba(203, 213, 225, .1)}body.light-theme.slate-variant{--sys-primary: #475569;--sys-primary-container: #f1f5f9;--sys-on-primary: #ffffff;--sys-on-primary-container: #0f172a;--sys-surface-sidebar-light: #334155;--sys-surface-sidebar: #1e293b;--sys-surface-sidebar-deep: #0f172a;--color-accent: #475569;--color-accent-bg: rgba(71, 85, 105, .07);--color-accent-border: rgba(71, 85, 105, .18);--color-accent-shadow: rgba(71, 85, 105, .15);--color-primary-dim: rgba(71, 85, 105, .08);--color-primary-shadow: rgba(71, 85, 105, .22);--color-primary-border: rgba(71, 85, 105, .2);--shadow-primary-glow: 0 4px 14px rgba(71, 85, 105, .24);--shadow-accent-glow: 0 4px 14px rgba(71, 85, 105, .18);--color-glow-primary-sm: 0 0 18px rgba(71, 85, 105, .24);--color-glow-primary-lg: 0 0 28px rgba(71, 85, 105, .3);--auth-glow-color: rgba(71, 85, 105, .14);--auth-footer-link-color: #475569;--auth-role-pill-active-bg: #475569;--layout-recommendation-card-accent: #475569;--layout-profile-toggle-color: #475569;--layout-profile-toggle-bg: rgba(71, 85, 105, .08)}body.pride-variant{--sys-primary: #f0abfc;--sys-primary-container: #a21caf;--sys-on-primary: #1a0020;--sys-on-primary-container: #1a0020;--color-accent: #e879f9;--color-accent-bg: rgba(232, 121, 249, .1);--color-accent-border: rgba(232, 121, 249, .2);--color-accent-shadow: rgba(232, 121, 249, .3);--color-primary-dim: rgba(240, 171, 252, .1);--color-primary-shadow: rgba(162, 28, 175, .3);--color-primary-border: rgba(240, 171, 252, .2);--shadow-primary-glow: 0 4px 15px rgba(162, 28, 175, .2);--shadow-accent-glow: 0 4px 15px rgba(232, 121, 249, .3);--color-glow-primary-sm: 0 0 20px rgba(162, 28, 175, .3);--color-glow-primary-lg: 0 0 28px rgba(162, 28, 175, .5);--layout-col1-bg: #0a070a;--layout-col2-bg: #0f090f;--layout-bubble-default-color: #f0abfc;--layout-bubble-active-bg: linear-gradient( 180deg, #e40303 0%, #ff8c00 20%, #ffed00 40%, #008026 60%, #004dff 80%, #750787 100% );--layout-bubble-active-color: #ffffff;--layout-bubble-active-shadow: 0 0 20px rgba(162, 28, 175, .5);--layout-nav-link-icon-color: #f0abfc;--layout-nav-link-active-color: #f0abfc;--layout-nav-link-active-icon-color: #f0abfc;--layout-nav-link-active-bg: rgba(240, 171, 252, .1);--layout-nav-section-label-color: #f0abfc;--layout-nav-header-role-color: #f0abfc;--layout-profile-accent-color: #f0abfc;--layout-profile-accent-dim: rgba(232, 121, 249, .3);--layout-recommendation-card-accent: #f0abfc;--layout-profile-toggle-color: #f0abfc;--layout-profile-toggle-bg: rgba(240, 171, 252, .1);--layout-mobile-bar-icon-color: #f0abfc;--auth-btn-bg: linear-gradient(90deg, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787);--auth-btn-color: #ffffff;--auth-glow-color: rgba(162, 28, 175, .14);--auth-footer-link-color: #f0abfc;--auth-role-pill-active-color: #f0abfc;--auth-role-pill-active-bg: rgba(240, 171, 252, .1)}body.pride-variant .course-bubble{background:linear-gradient(180deg,#e40303 0% 16.66%,#ff8c00 16.66% 33.33%,#ffed00 33.33% 50%,#008026 50% 66.66%,#004dff 66.66% 83.33%,#750787 83.33% 100%)!important;-webkit-text-fill-color:#ffffff;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7);opacity:.7}body.pride-variant .course-item.active .course-bubble{background:linear-gradient(180deg,#e40303 0% 16.66%,#ff8c00 16.66% 33.33%,#ffed00 33.33% 50%,#008026 50% 66.66%,#004dff 66.66% 83.33%,#750787 83.33% 100%)!important;-webkit-text-fill-color:#ffffff;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7);opacity:1;box-shadow:0 0 0 2px #ffffff59,0 4px 20px #0006}body.pride-variant .section-group h2{background:linear-gradient(90deg,#e40303,#ff8c00 17%,#ffed00 33%,#008026,#004dff 67%,#750787);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;opacity:.55!important}body.pride-variant .nav-link.active{background-color:#f0abfc14!important}body.pride-variant .nav-link.active .material-symbols-outlined{background:linear-gradient(90deg,#e40303,#ff8c00 17%,#ffed00 33%,#008026,#004dff 67%,#750787);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}body.pride-variant .nav-link.active>span:not(.material-symbols-outlined):not(.soon-badge){background:linear-gradient(90deg,#e40303,#ff8c00 17%,#ffed00 33%,#008026,#004dff 67%,#750787);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}body.pride-variant .nav-link:not(.active) .material-symbols-outlined{background:linear-gradient(90deg,#e40303,#ff8c00 17%,#ffed00 33%,#008026,#004dff 67%,#750787);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;opacity:.45}body.pride-variant .section-title .material-symbols-outlined,body.pride-variant .streak-number{background:linear-gradient(90deg,#e40303,#ff8c00 17%,#ffed00 33%,#008026,#004dff 67%,#750787);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}body.pride-variant .btn-cta{background:linear-gradient(130deg,#e40303,#ff8c00,#ffed00,#008026,#004dff,#750787)!important;color:#fff!important;font-weight:800!important;text-shadow:0 2px 4px rgba(0,0,0,.75);letter-spacing:.03em;border:none!important}body.pride-variant .btn-cta:hover{filter:brightness(1.08) saturate(1.1)}body.light-theme.pride-variant{--sys-primary: #a21caf;--sys-primary-container: #fdf4ff;--sys-on-primary: #ffffff;--sys-on-primary-container: #1a0020;--sys-surface-sidebar-light: #581c87;--sys-surface-sidebar: #4a044e;--sys-surface-sidebar-deep: #1a0020;--color-accent: #a21caf;--color-accent-bg: rgba(162, 28, 175, .07);--color-accent-border: rgba(162, 28, 175, .18);--color-accent-shadow: rgba(162, 28, 175, .15);--color-primary-dim: rgba(162, 28, 175, .08);--color-primary-shadow: rgba(162, 28, 175, .22);--color-primary-border: rgba(162, 28, 175, .2);--shadow-primary-glow: 0 4px 14px rgba(162, 28, 175, .24);--shadow-accent-glow: 0 4px 14px rgba(162, 28, 175, .18);--color-glow-primary-sm: 0 0 18px rgba(162, 28, 175, .24);--color-glow-primary-lg: 0 0 28px rgba(162, 28, 175, .3);--layout-bubble-active-bg: linear-gradient( 180deg, #e40303 0%, #ff8c00 20%, #ffed00 40%, #008026 60%, #004dff 80%, #750787 100% );--layout-bubble-active-color: #ffffff;--auth-glow-color: rgba(162, 28, 175, .14);--auth-footer-link-color: #a21caf;--auth-role-pill-active-bg: #a21caf;--layout-recommendation-card-accent: #a21caf;--layout-profile-toggle-color: #a21caf;--layout-profile-toggle-bg: rgba(162, 28, 175, .08)}.agent-message markdown,.markdown-content markdown{display:block}.agent-message markdown p,.markdown-content markdown p{margin-bottom:1.2rem}.agent-message markdown p:last-child,.markdown-content markdown p:last-child{margin-bottom:0}.agent-message markdown strong,.markdown-content markdown strong{color:var(--sys-primary);font-weight:700}.agent-message markdown code.language-math,.markdown-content markdown code.language-math{display:block;padding:28px;margin:24px 0;background-color:#050507!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.03);font-family:JetBrains Mono,Fira Code,monospace;color:var(--sys-primary);text-align:center;font-size:1.2rem;box-shadow:inset 0 2px 12px #0006}.agent-message markdown pre[class*=language-],.markdown-content markdown pre[class*=language-]{background:#050507!important;border-radius:20px!important;padding:24px!important;margin:24px 0!important;border:1px solid rgba(255,255,255,.03)!important;box-shadow:0 8px 32px #0000004d}.agent-message markdown pre[class*=language-] code,.markdown-content markdown pre[class*=language-] code{font-family:JetBrains Mono,Fira Code,monospace!important;font-size:.875rem!important;text-shadow:none!important;color:#f0f0f0!important}.agent-message markdown .token.comment,.agent-message markdown .token.prolog,.agent-message markdown .token.doctype,.agent-message markdown .token.cdata,.markdown-content markdown .token.comment,.markdown-content markdown .token.prolog,.markdown-content markdown .token.doctype,.markdown-content markdown .token.cdata{color:#5c6370}.agent-message markdown .token.punctuation,.markdown-content markdown .token.punctuation{color:#abb2bf}.agent-message markdown .token.namespace,.markdown-content markdown .token.namespace{opacity:.7}.agent-message markdown .token.property,.agent-message markdown .token.tag,.agent-message markdown .token.boolean,.agent-message markdown .token.number,.agent-message markdown .token.constant,.agent-message markdown .token.symbol,.agent-message markdown .token.deleted,.markdown-content markdown .token.property,.markdown-content markdown .token.tag,.markdown-content markdown .token.boolean,.markdown-content markdown .token.number,.markdown-content markdown .token.constant,.markdown-content markdown .token.symbol,.markdown-content markdown .token.deleted{color:#d19a66}.agent-message markdown .token.selector,.agent-message markdown .token.attr-name,.agent-message markdown .token.string,.agent-message markdown .token.char,.agent-message markdown .token.builtin,.agent-message markdown .token.inserted,.markdown-content markdown .token.selector,.markdown-content markdown .token.attr-name,.markdown-content markdown .token.string,.markdown-content markdown .token.char,.markdown-content markdown .token.builtin,.markdown-content markdown .token.inserted{color:#98c379}.agent-message markdown .token.operator,.agent-message markdown .token.entity,.agent-message markdown .token.url,.agent-message markdown .language-css .token.string,.agent-message markdown .style .token.string,.markdown-content markdown .token.operator,.markdown-content markdown .token.entity,.markdown-content markdown .token.url,.markdown-content markdown .language-css .token.string,.markdown-content markdown .style .token.string{color:#56b6c2}.agent-message markdown .token.atrule,.agent-message markdown .token.attr-value,.agent-message markdown .token.keyword,.markdown-content markdown .token.atrule,.markdown-content markdown .token.attr-value,.markdown-content markdown .token.keyword{color:#c678dd}.agent-message markdown .token.function,.agent-message markdown .token.class-name,.markdown-content markdown .token.function,.markdown-content markdown .token.class-name{color:#61afef}.agent-message markdown .token.regex,.agent-message markdown .token.important,.agent-message markdown .token.variable,.markdown-content markdown .token.regex,.markdown-content markdown .token.important,.markdown-content markdown .token.variable{color:#e06c75}.agent-message markdown ul,.agent-message markdown ol,.markdown-content markdown ul,.markdown-content markdown ol{padding-left:32px;margin-bottom:1.5rem}.agent-message markdown ul li,.agent-message markdown ol li,.markdown-content markdown ul li,.markdown-content markdown ol li{margin-bottom:10px}.agent-message markdown ul li::marker,.agent-message markdown ol li::marker,.markdown-content markdown ul li::marker,.markdown-content markdown ol li::marker{color:var(--sys-primary)}.agent-message markdown li:has(input[type=checkbox]),.agent-message markdown li.task-list-item,.agent-message markdown .task-list-item,.markdown-content markdown li:has(input[type=checkbox]),.markdown-content markdown li.task-list-item,.markdown-content markdown .task-list-item{display:flex;align-items:center;gap:12px;margin-bottom:8px;list-style:none;list-style-type:none;padding-left:0}.agent-message markdown li:has(input[type=checkbox])::marker,.agent-message markdown li:has(input[type=checkbox]):before,.agent-message markdown li.task-list-item::marker,.agent-message markdown li.task-list-item:before,.agent-message markdown .task-list-item::marker,.agent-message markdown .task-list-item:before,.markdown-content markdown li:has(input[type=checkbox])::marker,.markdown-content markdown li:has(input[type=checkbox]):before,.markdown-content markdown li.task-list-item::marker,.markdown-content markdown li.task-list-item:before,.markdown-content markdown .task-list-item::marker,.markdown-content markdown .task-list-item:before{display:none;content:""}.agent-message markdown li:has(input[type=checkbox]) p,.agent-message markdown li.task-list-item p,.agent-message markdown .task-list-item p,.markdown-content markdown li:has(input[type=checkbox]) p,.markdown-content markdown li.task-list-item p,.markdown-content markdown .task-list-item p{margin:0;display:inline-block;line-height:1.4;vertical-align:middle}.agent-message markdown input[type=checkbox],.markdown-content markdown input[type=checkbox]{all:unset;appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid var(--sys-outline-variant);border-radius:4px;background-color:var(--sys-surface-card);cursor:default;margin:0;position:relative;transition:all .2s ease;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.agent-message markdown input[type=checkbox]:checked,.markdown-content markdown input[type=checkbox]:checked{background-color:var(--color-success);border-color:var(--color-success);box-shadow:0 2px 6px var(--color-success-bg)}.agent-message markdown input[type=checkbox]:checked:after,.markdown-content markdown input[type=checkbox]:checked:after{content:"check";font-family:Material Symbols Outlined;font-size:11px;color:#fff;font-weight:900}.agent-message markdown input[type=checkbox]:disabled,.markdown-content markdown input[type=checkbox]:disabled{opacity:1}.agent-message markdown li:has(input[type=checkbox]:checked),.markdown-content markdown li:has(input[type=checkbox]:checked){color:var(--overlay-text-muted)}.agent-message markdown blockquote,.markdown-content markdown blockquote{border-left:4px solid var(--sys-primary);padding:8px 0 8px 20px;margin:16px 0;color:var(--sys-on-surface-variant);font-style:italic;background:var(--color-primary-dim)}.agent-message markdown .katex,.markdown-content markdown .katex{color:var(--sys-primary)!important;font-size:1.1em}.agent-message markdown .katex-display,.markdown-content markdown .katex-display{margin:1.5rem 0;overflow-x:auto;overflow-y:hidden;padding:1rem 0;text-align:center}.agent-message markdown .katex-display .katex,.markdown-content markdown .katex-display .katex{font-size:1.3em}.agent-message markdown table,.markdown-content markdown table{width:100%;border-collapse:separate;border-spacing:0;margin:1.5rem 0;border:1px solid var(--sys-outline-variant);border-radius:var(--radius-sm);overflow:hidden}.agent-message markdown table th,.agent-message markdown table td,.markdown-content markdown table th,.markdown-content markdown table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--sys-outline-variant);border-right:1px solid var(--sys-outline-variant);font-size:.9rem}.agent-message markdown table th:last-child,.agent-message markdown table td:last-child,.markdown-content markdown table th:last-child,.markdown-content markdown table td:last-child{border-right:none}.agent-message markdown table thead,.markdown-content markdown table thead{background-color:var(--sys-surface-low)}.agent-message markdown table thead th,.markdown-content markdown table thead th{font-weight:600;color:var(--sys-on-surface);border-bottom:1px solid var(--sys-outline-variant)}.agent-message markdown table tbody tr:last-child td,.markdown-content markdown table tbody tr:last-child td{border-bottom:none}.agent-message markdown table tbody tr,.markdown-content markdown table tbody tr{transition:background-color .2s ease}.agent-message markdown table tbody tr:hover,.markdown-content markdown table tbody tr:hover{background-color:var(--overlay-xs)}.image-card-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px;background:var(--sys-surface-high);border:1px solid var(--sys-outline-variant);border-radius:28px;box-shadow:var(--shadow-card);transition:all .4s cubic-bezier(.16,1,.3,1);cursor:zoom-in;width:fit-content;margin:32px auto}.image-card-container:hover{transform:translateY(-4px) scale(1.01);border-color:var(--sys-primary);background:var(--sys-surface-highest);box-shadow:var(--glow-primary)}.image-card-container .preview-image{border-radius:20px;width:100%;display:block}.image-card-container .image-caption{font-size:.75rem;color:var(--overlay-text-dim);font-weight:500;text-align:center}.page-separator,.timestamp-separator{display:flex;align-items:center;gap:20px;margin:64px 0 24px;-webkit-user-select:none;user-select:none;scroll-margin-top:32px}.page-separator .separator-line,.timestamp-separator .separator-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--sys-outline-variant) 20%,var(--sys-outline-variant) 80%,transparent)}.page-badge,.timestamp-badge{display:flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;font-size:.7rem;font-weight:800;letter-spacing:.05em}.page-badge .material-symbols-outlined,.timestamp-badge .material-symbols-outlined{font-size:1rem;font-variation-settings:"FILL" 1}.page-badge{background:var(--sys-surface-high);border:1px solid var(--sys-outline-variant);color:var(--overlay-text-dim)}.page-badge .material-symbols-outlined{opacity:.5}.timestamp-badge{background:#72a1ed14;border:1px solid rgba(114,161,237,.2);color:#72a1ed}.timestamp-badge .material-symbols-outlined{opacity:.9}.table-container-wrapper{position:relative;margin:2.5rem 0;border-radius:var(--radius-sm);transition:all .3s ease}.table-container-wrapper:hover{background:#ffffff03}.table-container-wrapper:hover .table-actions{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important}.table-container-wrapper table{margin:0!important}.table-container-wrapper .table-actions{position:absolute;top:-16px;right:12px;display:flex;gap:8px;z-index:20;opacity:0;transform:translateY(8px);transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:none}.table-container-wrapper .table-action-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--sys-surface-highest);border:1px solid var(--sys-outline-variant);border-radius:100px;color:var(--overlay-text-muted);font-size:.75rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #0000004d;transition:all .2s ease}.table-container-wrapper .table-action-btn:hover{background:var(--sys-surface-high);color:var(--sys-primary);border-color:var(--sys-primary);transform:translateY(-2px);box-shadow:0 12px 32px #0006}.table-container-wrapper .table-action-btn:active{transform:translateY(0)}.table-container-wrapper .table-action-btn .material-symbols-outlined{font-size:1.1rem}.table-container-wrapper .table-action-btn.success{color:var(--color-success)!important;border-color:var(--color-success)!important;background:var(--color-success-bg)!important}.table-container-wrapper .table-action-btn.loading{opacity:.8;cursor:wait}.table-container-wrapper .table-action-btn.loading .material-symbols-outlined{animation:rotate 1.5s linear infinite;display:inline-block}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes theme-reveal{0%{clip-path:circle(0% at var(--theme-toggle-x, 50%) var(--theme-toggle-y, 50%))}to{clip-path:circle(150% at var(--theme-toggle-x, 50%) var(--theme-toggle-y, 50%))}}::view-transition-old(root){animation:none;z-index:1}::view-transition-new(root){animation:theme-reveal .5s cubic-bezier(.4,0,.2,1) forwards;z-index:2}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}*,*:before,*:after{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;height:100vh;height:100dvh;background-color:var(--sys-bg);color:var(--sys-on-surface);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;transition:var(--theme-transition)}.display-lg{font-size:3.5rem;font-weight:700;line-height:1.1;letter-spacing:-.02em}.display-md{font-size:2.75rem;font-weight:600;line-height:1.2}.headline-md{font-size:1.5rem;font-weight:600;color:var(--sys-on-surface)}.headline-sm{font-size:1.25rem;font-weight:500;color:var(--sys-on-surface)}.body-md{font-size:1rem;font-weight:400;line-height:1.6}.body-sm{font-size:.875rem;font-weight:400;color:var(--sys-on-surface-variant)}.body-xs{font-size:.75rem;font-weight:400;line-height:1.5}.label-md{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--sys-on-surface-variant)}.surface-card{background-color:var(--sys-surface-high);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:box-shadow .3s ease}.surface-card:hover{box-shadow:var(--glow-primary)}.glass-panel{background-color:var(--sys-surface-highest);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg)}.gradient-accent{background:linear-gradient(15deg,var(--sys-primary) 0%,var(--sys-primary-container) 100%);color:var(--sys-on-primary)}.depth-0{background-color:var(--sys-surface)}.depth-1{background-color:var(--sys-surface-low)}.depth-2{background-color:var(--sys-surface-high)}.depth-3{background-color:var(--sys-surface-bright)}input,textarea{width:100%;background-color:var(--sys-surface-high);border:none;outline:1px solid var(--sys-outline-variant);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--sys-on-surface);font-family:inherit;font-size:1rem;transition:outline .2s ease}input:focus,textarea:focus{outline:1.5px solid var(--sys-primary)}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s ease}.btn-primary{background-color:var(--sys-primary);color:var(--sys-on-primary);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-lg);font-weight:600}.btn-primary:hover{filter:brightness(1.1)}.btn-primary.active{background-color:#3e90ff1a;color:var(--sys-on-primary-container)}.material-symbols-outlined,.material-symbols-rounded{font-family:Material Symbols Outlined!important;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga";-webkit-user-select:none;user-select:none}.material-symbols-rounded{font-family:Material Symbols Rounded!important}.filled{font-variation-settings:"FILL" 1!important}.cdk-drag-preview{opacity:0!important;pointer-events:none}.cdk-drag-placeholder{opacity:1;transform:scale(1.08);filter:brightness(1.15)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--overlay-xl);border-radius:20px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--overlay-text-dim);background-clip:content-box}*{scrollbar-width:thin;scrollbar-color:var(--overlay-xl) transparent}.driver-popover{background-color:var(--sys-surface-high)!important;color:var(--sys-on-surface)!important;border-radius:var(--radius-md)!important;border:1px solid var(--sys-outline-variant)!important;box-shadow:var(--shadow-card)!important;padding:var(--spacing-md)!important;max-width:380px!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000000000!important}.driver-popover .driver-popover-title{font-size:1.15rem!important;font-weight:700!important;color:var(--sys-primary)!important;margin-bottom:var(--spacing-xs)!important}.driver-popover .driver-popover-description{font-size:.95rem!important;color:var(--overlay-text-muted)!important;line-height:1.6!important}.driver-popover .driver-popover-description b{color:var(--sys-primary);font-weight:600}.driver-popover .driver-popover-progress-text{color:var(--overlay-text-dim)!important;font-size:.85rem!important;font-weight:500!important}.driver-popover .driver-popover-arrow{background-color:transparent!important;border:10px solid transparent!important}.driver-popover .driver-popover-footer{margin-top:var(--spacing-md)!important;display:flex!important;gap:var(--spacing-sm)!important;justify-content:flex-end!important}.driver-popover .driver-popover-footer button{text-shadow:none!important;border:1px solid transparent!important;padding:8px 16px!important;font-size:.9rem!important;font-weight:600!important;border-radius:var(--radius-sm)!important;transition:all .2s ease!important;cursor:pointer!important}.driver-popover .driver-popover-footer .driver-popover-next-btn{background-color:var(--sys-primary)!important;color:var(--sys-on-primary)!important}.driver-popover .driver-popover-footer .driver-popover-next-btn:hover{filter:brightness(1.1);box-shadow:var(--shadow-primary-glow)}.driver-popover .driver-popover-footer .driver-popover-prev-btn{background-color:transparent!important;color:var(--sys-on-surface)!important;border-color:var(--sys-outline-variant)!important}.driver-popover .driver-popover-footer .driver-popover-prev-btn:hover{background-color:var(--overlay-xs)!important}.driver-popover-close-btn{position:absolute!important;color:var(--overlay-text-muted)!important;opacity:.8!important;font-size:1.1rem!important;padding:8px!important;line-height:1!important;text-decoration:none!important;transition:all .2s ease!important;background:none!important;border:none!important}.driver-popover-close-btn:hover{color:var(--color-error)!important;opacity:1!important;transform:scale(1.2)}.driver-overlay{background-color:#000c!important;z-index:10000000!important}.driver-active-element{z-index:10000001!important;position:relative!important;pointer-events:auto!important;isolation:isolate!important;background:none!important;background-color:transparent!important}.driver-popover{z-index:10000002!important}.driver-popover-arrow{width:0!important;height:0!important;background-color:transparent!important;border:10px solid transparent!important}.driver-popover-arrow-side-top{border-top-color:var(--sys-surface-high)!important}.driver-popover-arrow-side-bottom{border-bottom-color:var(--sys-surface-high)!important}.driver-popover-arrow-side-left{border-left-color:var(--sys-surface-high)!important}.driver-popover-arrow-side-right{border-right-color:var(--sys-surface-high)!important}.edit-field{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:.5rem}.edit-field .field-label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--sys-primary);text-transform:uppercase;letter-spacing:.05em}.edit-field .field-label span{font-size:18px}.edit-field .edit-textarea,.edit-field .edit-input{width:100%;background:var(--sys-surface-highest);border:1px solid var(--sys-outline-variant);border-radius:var(--radius-sm);color:var(--sys-on-surface);font-family:inherit;padding:.75rem;transition:all .2s ease;font-size:.9375rem}.edit-field .edit-textarea:focus,.edit-field .edit-input:focus{outline:none;border-color:var(--sys-primary);background:var(--sys-surface-card);box-shadow:0 0 0 3px var(--color-primary-dim)}.feedback-edit{padding:var(--spacing-md);background:var(--color-primary-dim);border-radius:var(--radius-md);border:1px dashed var(--sys-primary)}.justification-edit{padding:var(--spacing-md);background:var(--sys-surface-highest);border-radius:var(--radius-md);border:1px solid var(--sys-outline-variant)}.section-title{font-size:.875rem;font-weight:600;color:var(--sys-on-surface-variant);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.kbd-key{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:2px 6px;font-family:inherit;font-size:.75rem;font-weight:700;color:var(--sys-primary);background:var(--sys-surface-highest);border:1px solid var(--sys-outline);border-bottom-width:3px;border-radius:4px;margin:0 2px;vertical-align:middle;line-height:1}