.app-shell{color-scheme:light;--app-radius: .625rem;--app-bg: #f1f1f6;--app-fg: #14141a;--app-card: #ffffff;--app-card-fg: #14141a;--app-popover: #ffffff;--app-popover-fg: #14141a;--app-brand: #4f46e5;--app-brand-text: #4f46e5;--app-brand-fg: #ffffff;--app-action: #4f46e5;--app-action-hover: #3730a3;--app-action-fg: #ffffff;--app-secondary: #eeeef3;--app-secondary-fg: #14141a;--app-muted: #eeeef3;--app-muted-fg: #6b6b79;--app-accent: #e9e9f0;--app-accent-fg: #14141a;--app-destructive: oklch(.58 .19 25);--app-destructive-text: oklch(.5 .19 25);--app-destructive-action: oklch(.48 .19 25);--app-destructive-action-fg: #ffffff;--app-border: #e9e9f0;--app-border-strong: #d6d6e0;--app-field-outline: #8a8a98;--app-input: var(--app-field-outline);--app-ring: var(--app-action);--app-track: #e2e2ea;--app-success: oklch(.5 .13 150);--app-warning: oklch(.7 .14 85);--app-info: oklch(.6 .13 250);--app-success-text: oklch(.45 .13 150);--app-warning-text: oklch(.47 .11 85);--app-info-text: oklch(.48 .14 250);--app-kind-roadmap: oklch(.46 .15 295);--app-kind-roadmap-bg: oklch(.65 .14 295 / 15%);--app-kind-material: oklch(.42 .1 190);--app-kind-material-bg: oklch(.6 .11 190 / 16%);--app-kind-exam: oklch(.5 .14 45);--app-kind-exam-bg: oklch(.68 .14 45 / 16%);--app-kind-interview: oklch(.48 .18 340);--app-kind-interview-bg: oklch(.65 .16 340 / 15%);--app-platform-cf: oklch(.45 .14 255);--app-platform-cf-bg: oklch(.62 .14 255 / 15%);--app-platform-lc: oklch(.45 .14 65);--app-platform-lc-bg: oklch(.62 .14 65 / 15%);--app-platform-gh: oklch(.45 .14 160);--app-platform-gh-bg: oklch(.62 .14 160 / 15%);--app-viz-1: oklch(.377 .072 228);--app-viz-2: oklch(.3 .078 130);--app-viz-3: oklch(.51 .115 114);--app-viz-4: oklch(.451 .07 172);--app-viz-5: oklch(.53 .125 340);--app-viz-6: oklch(.419 .11 39);--app-viz-7: oklch(.3 .085 342);--app-viz-8: oklch(.449 .139 308);--app-gradient-brand: linear-gradient(135deg, #6366f1, #8b5cf6);--app-gradient-action: linear-gradient(135deg, #4f46e5, #7e22ce);--app-elevation-raised: 0 1px 0 rgb(255 255 255 / 45%) inset, 0 10px 24px -16px rgb(20 20 26 / 22%);--app-elevation-raised-hover: 0 1px 0 rgb(255 255 255 / 55%) inset, 0 16px 32px -14px rgb(20 20 26 / 26%);--app-elevation-stat: 0 1px 0 rgb(255 255 255 / 45%) inset, 0 14px 30px -18px rgb(20 20 26 / 24%);--app-elevation-action: 0 1px 0 rgb(255 255 255 / 35%) inset, 0 8px 18px -6px color-mix(in oklab, var(--app-action) 45%, transparent);--app-sidebar: oklch(1 0 0);--app-sidebar-fg: oklch(.235 .01 66);--app-sidebar-accent: oklch(.955 .005 85);--app-sidebar-accent-fg: oklch(.235 .01 66);--app-sidebar-border: oklch(.9 .006 85);--app-brand-8: color-mix(in oklab, var(--app-brand) 8%, transparent);--app-brand-15: color-mix(in oklab, var(--app-brand) 15%, transparent);--app-brand-16: color-mix(in oklab, var(--app-brand) 16%, transparent);--app-brand-20: color-mix(in oklab, var(--app-brand) 20%, transparent);--app-brand-30: color-mix(in oklab, var(--app-brand) 30%, transparent);--app-action-10: color-mix(in oklab, var(--app-action) 10%, transparent);--app-action-30: color-mix(in oklab, var(--app-action) 30%, transparent);--app-action-60: color-mix(in oklab, var(--app-action) 60%, transparent);--app-success-12: color-mix(in oklab, var(--app-success) 12%, transparent);--app-success-30: color-mix(in oklab, var(--app-success) 30%, transparent);--app-warning-12: color-mix(in oklab, var(--app-warning) 12%, transparent);--app-warning-30: color-mix(in oklab, var(--app-warning) 30%, transparent);--app-info-12: color-mix(in oklab, var(--app-info) 12%, transparent);--app-info-30: color-mix(in oklab, var(--app-info) 30%, transparent);--app-destructive-10: color-mix(in oklab, var(--app-destructive) 10%, transparent);--app-destructive-30: color-mix(in oklab, var(--app-destructive) 30%, transparent);--app-card-55: color-mix(in oklab, var(--app-card) 55%, transparent);--app-card-70: color-mix(in oklab, var(--app-card) 70%, transparent);--app-bg-60: color-mix(in oklab, var(--app-bg) 60%, transparent);--app-bg-80: color-mix(in oklab, var(--app-bg) 80%, transparent);--app-viz-1-bg: color-mix(in oklab, var(--app-viz-1) 14%, transparent);--app-viz-2-bg: color-mix(in oklab, var(--app-viz-2) 14%, transparent);--app-viz-3-bg: color-mix(in oklab, var(--app-viz-3) 14%, transparent);--app-viz-4-bg: color-mix(in oklab, var(--app-viz-4) 14%, transparent);--app-viz-5-bg: color-mix(in oklab, var(--app-viz-5) 14%, transparent);--app-viz-6-bg: color-mix(in oklab, var(--app-viz-6) 14%, transparent);--app-viz-7-bg: color-mix(in oklab, var(--app-viz-7) 14%, transparent);--app-viz-8-bg: color-mix(in oklab, var(--app-viz-8) 14%, transparent);--app-face: #faf5ea;--app-face-fg: #2b2722;--app-face-muted: #6b6256;--app-face-border: #e7ddc8;--app-heat-0: var(--app-track);--app-heat-1: color-mix(in oklab, var(--app-brand) 25%, transparent);--app-heat-2: color-mix(in oklab, var(--app-brand) 50%, transparent);--app-heat-3: color-mix(in oklab, var(--app-brand) 75%, transparent);--app-heat-4: var(--app-brand)}.dark .app-shell{color-scheme:dark;--app-bg: oklch(.172 .006 66);--app-fg: oklch(.965 .004 80);--app-card: oklch(.205 .006 66);--app-card-fg: oklch(.965 .004 80);--app-popover: oklch(.205 .006 66);--app-popover-fg: oklch(.965 .004 80);--app-brand: oklch(.72 .15 275);--app-brand-text: oklch(.72 .15 275);--app-brand-fg: oklch(.18 .03 275);--app-action: oklch(.72 .15 275);--app-action-hover: oklch(.8 .13 275);--app-action-fg: oklch(.18 .03 275);--app-secondary: oklch(.242 .007 66);--app-secondary-fg: oklch(.965 .004 80);--app-muted: oklch(.242 .007 66);--app-muted-fg: oklch(.75 .008 80);--app-accent: oklch(.28 .008 66);--app-accent-fg: oklch(.965 .004 80);--app-destructive: oklch(.58 .19 25);--app-destructive-text: oklch(.75 .16 25);--app-destructive-action: oklch(.48 .19 25);--app-destructive-action-fg: #ffffff;--app-border: oklch(.305 .008 66);--app-border-strong: oklch(.38 .009 66);--app-field-outline: oklch(.51 .008 66);--app-track: oklch(.28 .008 66);--app-success: oklch(.7 .13 150);--app-warning: oklch(.7 .14 85);--app-info: oklch(.6 .13 250);--app-success-text: oklch(.78 .14 150);--app-warning-text: oklch(.82 .13 85);--app-info-text: oklch(.76 .11 250);--app-kind-roadmap: oklch(.74 .13 295);--app-kind-roadmap-bg: oklch(.65 .14 295 / 22%);--app-kind-material: oklch(.7 .11 190);--app-kind-material-bg: oklch(.62 .12 190 / 22%);--app-kind-exam: oklch(.75 .13 45);--app-kind-exam-bg: oklch(.68 .14 45 / 22%);--app-kind-interview: oklch(.74 .15 340);--app-kind-interview-bg: oklch(.65 .16 340 / 22%);--app-platform-cf: oklch(.74 .13 255);--app-platform-cf-bg: oklch(.62 .14 255 / 22%);--app-platform-lc: oklch(.74 .13 65);--app-platform-lc-bg: oklch(.62 .14 65 / 22%);--app-platform-gh: oklch(.74 .13 160);--app-platform-gh-bg: oklch(.62 .14 160 / 22%);--app-viz-1: oklch(.695 .136 228);--app-viz-2: oklch(.92 .092 130);--app-viz-3: oklch(.714 .071 114);--app-viz-4: oklch(.638 .07 172);--app-viz-5: oklch(.683 .162 340);--app-viz-6: oklch(.666 .2 39);--app-viz-7: oklch(.786 .07 342);--app-viz-8: oklch(.859 .087 308);--app-gradient-brand: linear-gradient(135deg, oklch(.78 .15 275), oklch(.68 .16 300));--app-gradient-action: linear-gradient(135deg, oklch(.8 .15 275), oklch(.68 .18 300));--app-elevation-raised: 0 1px 0 rgb(255 255 255 / 3%) inset, 0 10px 24px -16px rgb(0 0 0 / 55%);--app-elevation-raised-hover: 0 1px 0 rgb(255 255 255 / 5%) inset, 0 16px 32px -14px rgb(0 0 0 / 62%);--app-elevation-stat: 0 1px 0 rgb(255 255 255 / 3%) inset, 0 14px 30px -18px rgb(0 0 0 / 58%);--app-face: oklch(.19 .008 70);--app-face-fg: oklch(.92 .012 85);--app-face-muted: oklch(.7 .015 85);--app-face-border: oklch(.27 .01 70);--app-sidebar: oklch(.205 .006 66);--app-sidebar-fg: oklch(.965 .004 80);--app-sidebar-accent: oklch(.242 .007 66);--app-sidebar-accent-fg: oklch(.965 .004 80);--app-sidebar-border: oklch(.305 .008 66)}.app-theatre{color-scheme:dark;--app-bg: oklch(.172 .006 66);--app-fg: oklch(.965 .004 80);--app-card: oklch(.205 .006 66);--app-muted: oklch(.242 .007 66);--app-muted-fg: oklch(.75 .008 80);--app-border: oklch(.305 .008 66);--app-border-strong: oklch(.38 .009 66);--app-action: oklch(.72 .15 275);--app-action-hover: oklch(.8 .13 275);--app-action-fg: oklch(.18 .03 275);--app-brand: oklch(.72 .15 275)}.app-shell .app-logo-mark{background:var(--app-gradient-brand);box-shadow:0 1px #ffffff59 inset,0 6px 14px color-mix(in oklab,var(--app-brand) 45%,transparent)}.app-shell .app-nav-active{background-image:linear-gradient(to bottom right,color-mix(in oklab,var(--app-brand) 20%,transparent),color-mix(in oklab,var(--app-brand) 8%,transparent))}.app-shell .app-backdrop,.app-shell .app-backdrop-near{position:absolute;inset:0}.app-shell .app-backdrop:before,.app-shell .app-backdrop:after{content:"";position:absolute;border-radius:50%}.app-shell .app-backdrop:before{top:-60px;right:-80px;width:620px;height:620px;background:radial-gradient(circle,color-mix(in oklab,var(--app-brand) 38%,transparent),transparent 70%)}.app-shell .app-backdrop:after{bottom:-80px;left:-80px;width:560px;height:560px;background:radial-gradient(circle,color-mix(in oklab,var(--app-brand) 28%,transparent),transparent 70%)}.app-shell .app-scroll-thin::-webkit-scrollbar{width:10px;height:10px}.app-shell .app-scroll-thin::-webkit-scrollbar-thumb{background:var(--app-field-outline);border:3px solid transparent;border-radius:8px;background-clip:content-box}.app-shell .app-scroll-thin::-webkit-scrollbar-track{background:transparent}.app-shell-dialog::backdrop{background:#0000007f}html:has(.app-shell-dialog[open]){overflow:hidden}.app-shell .app-message-actions{opacity:1}@media(hover:hover)and (pointer:fine){.app-shell [data-chat-message] .app-message-actions{opacity:0}.app-shell [data-chat-message]:hover .app-message-actions,.app-shell [data-chat-message]:focus-within .app-message-actions{opacity:1}}@media(max-height:500px){.app-shell #app-main{padding:1rem}.app-shell .mentor-page-header{flex-wrap:nowrap;align-items:center;margin-bottom:.75rem}.app-shell .mentor-page-eyebrow,.app-shell .mentor-page-action-label{display:none}.app-shell .mentor-page-title{overflow:hidden;font-size:1.25rem;line-height:1.75rem;text-overflow:ellipsis;white-space:nowrap}}.app-shell .app-rank-newbie{color:#61626f}.app-shell .app-rank-pupil{color:#007835;color:oklch(.5 .14 150)}.app-shell .app-rank-specialist{color:#007273;color:oklch(.5 .1 195)}.app-shell .app-rank-expert{color:#355bbd}.app-shell .app-rank-candidate{color:#7c3eb3}.app-shell .app-rank-master{color:#ac5700;color:oklch(.55 .17 55)}.app-shell .app-rank-grandmaster{color:#c90d23}.dark .app-shell .app-rank-newbie{color:#b4b6c4}.dark .app-shell .app-rank-pupil{color:#6fd087}.dark .app-shell .app-rank-specialist{color:#5ecbcb}.dark .app-shell .app-rank-expert{color:#86acff;color:oklch(.75 .14 265)}.dark .app-shell .app-rank-candidate{color:#c691fe}.dark .app-shell .app-rank-master{color:#ff9b51;color:oklch(.78 .15 55)}.dark .app-shell .app-rank-grandmaster{color:#ff645f}.app-shell .app-tabular{font-variant-numeric:tabular-nums}:where(.app-shell :focus-visible){outline:2px solid var(--app-ring);outline-offset:2px}@keyframes app-tab-panel-enter{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes app-chart-placeholder-pulse{0%,to{opacity:.35}50%{opacity:.65}}.app-shell .app-tab-panel-enter{animation:app-tab-panel-enter .42s cubic-bezier(.22,1,.36,1) both;transform-origin:top center}.app-shell .app-chart-reveal{min-width:0}.app-shell .app-chart-placeholder{height:100%;min-height:16rem;border-radius:.75rem;background:linear-gradient(105deg,transparent 20%,color-mix(in srgb,var(--app-brand) 10%,transparent) 45%,transparent 70%);background-size:220% 100%;animation:app-chart-placeholder-pulse 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.app-shell .app-tab-panel-enter,.app-shell .app-chart-placeholder{animation:none}}
