:root{--portfolio-accent: #fa233b;--portfolio-bg: #f5f5f7;--portfolio-surface: #ffffff;--portfolio-surface-muted: #f2f4f7;--portfolio-surface-hover: #e8edf3;--portfolio-border-soft: rgba(0, 0, 0, .08);--portfolio-border-strong: rgba(0, 0, 0, .12);--portfolio-text: #1d1d1f;--portfolio-text-secondary: #6e6e73;--portfolio-text-muted: #8a93a5;--portfolio-glass: rgba(255, 255, 255, .72);--portfolio-glass-border: rgba(0, 0, 0, .05);--portfolio-chip-bg: #ffffff;--portfolio-chip-hover: #f9fafb;--portfolio-chip-text: #1d1d1f;--portfolio-shadow-sm: 0 8px 20px rgba(16, 24, 40, .08);--portfolio-shadow-md: 0 14px 28px rgba(16, 24, 40, .12);--portfolio-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html.dark,:root.dark,html[data-app-theme=dark],html[data-app-theme=dark] body,:root[data-app-theme=dark]{--portfolio-bg: #0f1115;--portfolio-surface: #151a22;--portfolio-surface-muted: #1b2029;--portfolio-surface-hover: #242b38;--portfolio-border-soft: rgba(255, 255, 255, .08);--portfolio-border-strong: rgba(255, 255, 255, .12);--portfolio-text: #f5f5f7;--portfolio-text-secondary: #b6bcc6;--portfolio-text-muted: #8a93a5;--portfolio-glass: rgba(15, 18, 26, .78);--portfolio-glass-border: rgba(255, 255, 255, .08);--portfolio-chip-bg: #151a22;--portfolio-chip-hover: #1b2029;--portfolio-chip-text: #f5f5f7;--portfolio-shadow-sm: 0 8px 20px rgba(0, 0, 0, .28);--portfolio-shadow-md: 0 14px 28px rgba(0, 0, 0, .34)}body{font-family:var(--portfolio-font);color:var(--portfolio-text);background:var(--portfolio-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-app-theme=dark] body,html.dark body{color:var(--portfolio-text);background:var(--portfolio-bg)}.portfolio-shell-bg{background:var(--portfolio-bg)}.portfolio-glass-sidebar{background:var(--portfolio-glass);border-color:var(--portfolio-glass-border);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%)}.portfolio-shell-header{background:var(--portfolio-surface);border-color:color-mix(in srgb,var(--portfolio-text) 10%,transparent)}.portfolio-panel{background:var(--portfolio-surface);border:1px solid var(--portfolio-border-strong);box-shadow:var(--portfolio-shadow-sm)}.portfolio-panel-subtle{background:color-mix(in srgb,var(--portfolio-surface) 92%,transparent);border:1px solid var(--portfolio-border-soft);box-shadow:var(--portfolio-shadow-sm)}.portfolio-soft-icon-button{background:color-mix(in srgb,var(--portfolio-text) 5%,transparent);color:var(--portfolio-text-secondary);border:none;box-shadow:none}.portfolio-soft-icon-button:hover{background:color-mix(in srgb,var(--portfolio-text) 10%,transparent)}.portfolio-chip{border-radius:9999px;padding:.375rem .875rem;font-size:.75rem;font-weight:600;transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.portfolio-chip-active{background:var(--portfolio-accent);color:#fff;box-shadow:var(--portfolio-shadow-sm)}.portfolio-chip-idle{background:var(--portfolio-chip-bg);color:var(--portfolio-chip-text);border:1px solid var(--portfolio-border-strong)}.portfolio-chip-idle:hover{background:var(--portfolio-chip-hover)}.portfolio-sidebar-button{color:var(--portfolio-text-muted)}.portfolio-sidebar-button:hover{background:color-mix(in srgb,var(--portfolio-text) 6%,transparent)}.portfolio-sidebar-button-active{background:color-mix(in srgb,var(--portfolio-text) 6%,transparent);color:var(--portfolio-accent)}.portfolio-selectable-row{border-radius:.75rem;transition:background-color .16s ease,color .16s ease}.portfolio-selectable-row:hover,.portfolio-selectable-row-active,.selection-hover:hover,.selection-hover:active{background:color-mix(in srgb,var(--portfolio-text) 6%,transparent)}.portfolio-card-surface{background:var(--portfolio-surface-muted);border:1px solid color-mix(in srgb,var(--portfolio-border-strong) 100%,transparent);box-shadow:var(--portfolio-shadow-sm);transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.portfolio-card-surface:hover{background:var(--portfolio-surface-hover);box-shadow:var(--portfolio-shadow-md)}.portfolio-lesson-header{background:color-mix(in srgb,var(--portfolio-surface) 94%,transparent);border:1px solid var(--portfolio-border-soft);box-shadow:var(--portfolio-shadow-sm)}.portfolio-lesson-hint{background:color-mix(in srgb,var(--portfolio-surface-muted) 92%,transparent);border:1px solid var(--portfolio-border-soft);color:var(--portfolio-text-secondary)}.portfolio-lesson-toolbar{background:color-mix(in srgb,var(--portfolio-surface-muted) 90%,transparent);border:1px solid var(--portfolio-border-soft);box-shadow:var(--portfolio-shadow-sm)}.portfolio-mobile-nav{background:color-mix(in srgb,var(--portfolio-surface) 90%,transparent);border-top:1px solid var(--portfolio-border-soft);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%)}.portfolio-mobile-nav-button{color:var(--portfolio-text-muted)}.portfolio-mobile-nav-button-active{color:var(--portfolio-accent)}.portfolio-caption-title{color:var(--portfolio-text)}.portfolio-caption-meta,.portfolio-empty-state{color:var(--portfolio-text-muted)}.portfolio-kicker{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--portfolio-accent)}.portfolio-page-title{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--portfolio-text)}@media(min-width:768px){.portfolio-page-title{font-size:1.25rem}}.portfolio-section-title{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;color:var(--portfolio-text)}@media(min-width:768px){.portfolio-section-title{font-size:1.25rem}}.portfolio-body-text{font-size:.875rem;color:var(--portfolio-text-secondary)}.portfolio-meta-text{font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--portfolio-text-secondary)}html[data-app-theme=dark] [class~="bg-[#f5f5f7]"],html.dark [class~="bg-[#f5f5f7]"]{background-color:#0f1115}html[data-app-theme=dark] [class~=bg-white],html.dark [class~=bg-white]{background-color:#151a22}html[data-app-theme=dark] [class~="bg-white/80"],html[data-app-theme=dark] [class~="bg-white/90"],html[data-app-theme=dark] [class~="bg-white/95"],html.dark [class~="bg-white/80"],html.dark [class~="bg-white/90"],html.dark [class~="bg-white/95"]{background-color:#12161fe0}html[data-app-theme=dark] [class~="bg-black/5"],html.dark [class~="bg-black/5"]{background-color:#ffffff14}html[data-app-theme=dark] [class~="bg-black/10"],html.dark [class~="bg-black/10"]{background-color:#ffffff1f}html[data-app-theme=dark] [class~=bg-gray-50],html.dark [class~=bg-gray-50]{background-color:#1b2029}html[data-app-theme=dark] [class~=bg-gray-100],html.dark [class~=bg-gray-100]{background-color:#212734}html[data-app-theme=dark] [class~=bg-gray-200],html.dark [class~=bg-gray-200]{background-color:#2a3140}html[data-app-theme=dark] [class~="bg-[#F2F4F7]"],html[data-app-theme=dark] [class~="bg-[#f2f4f7]"],html.dark [class~="bg-[#F2F4F7]"],html.dark [class~="bg-[#f2f4f7]"]{background-color:#1b2029}html[data-app-theme=dark] [class~=text-gray-400],html.dark [class~=text-gray-400]{color:#8a93a5}html[data-app-theme=dark] [class~=text-gray-500],html[data-app-theme=dark] [class~=text-gray-600],html.dark [class~=text-gray-500],html.dark [class~=text-gray-600]{color:#a8b0bf}html[data-app-theme=dark] [class~=text-gray-700],html.dark [class~=text-gray-700]{color:#d7dde7}html[data-app-theme=dark] [class~=text-gray-800],html[data-app-theme=dark] [class~=text-gray-900],html.dark [class~=text-gray-800],html.dark [class~=text-gray-900]{color:#f8fafc}html[data-app-theme=dark] [class~="text-[#1d1d1f]"],html.dark [class~="text-[#1d1d1f]"]{color:#f3f4f6}html[data-app-theme=dark] [class~="text-[#6e6e73]"],html.dark [class~="text-[#6e6e73]"]{color:#a5adbb}html[data-app-theme=dark] [class~="border-black/10"],html.dark [class~="border-black/10"]{border-color:#ffffff1f}html[data-app-theme=dark] [class~="border-black/5"],html.dark [class~="border-black/5"],html[data-app-theme=dark] [class~=border-gray-100],html[data-app-theme=dark] [class~=border-gray-200],html.dark [class~=border-gray-100],html.dark [class~=border-gray-200]{border-color:#ffffff14}html[data-app-theme=dark] [class~="border-[#D7DEE8]"],html.dark [class~="border-[#D7DEE8]"]{border-color:#ffffff24}html[data-app-theme=dark] [class*="hover:bg-gray-50"]:hover,html[data-app-theme=dark] [class*="hover:bg-[#e8edf3]"]:hover,html.dark [class*="hover:bg-gray-50"]:hover,html.dark [class*="hover:bg-[#e8edf3]"]:hover{background-color:#242b38}html[data-app-theme=dark] [class*="hover:bg-black/5"]:hover,html.dark [class*="hover:bg-black/5"]:hover{background-color:#ffffff1f}