:root{--font-sans: "Geist", "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, monospace;--font-display: "Geist", sans-serif;--bg-page: #a4a6bd;--shell: #ebe8e1;--shell-2: #e3e0d8;--surface: #ffffff;--surface-2: #f7f5f0;--bg: #f4f2ec;--bg-2: #eceae3;--border: rgba(20, 28, 48, .07);--border-strong: rgba(20, 28, 48, .12);--text: #141c30;--text-2: #5d6478;--text-3: #8a90a2;--text-4: #b6bac8;--coral: #e6603c;--coral-soft: #fbe6dc;--navy: #141c30;--on-navy: #ffffff;--navy-fixed: #141c30;--blue: #6b8fc4;--blue-soft: #e0e8f3;--green: #46a06b;--green-soft: #dcefe1;--amber: #d99a3a;--amber-soft: #f5ead0;--violet: #8a6cc4;--violet-soft: #ebe3f5;--rose: #d94c5e;--rose-soft: #f7dde2;--shadow-sm: 0 1px 2px rgba(20, 28, 48, .04);--shadow-md: 0 1px 3px rgba(20, 28, 48, .04), 0 8px 24px rgba(20, 28, 48, .05);--shadow-card: 0 1px 2px rgba(20, 28, 48, .03), 0 12px 32px rgba(20, 28, 48, .05);--shadow-shell: 0 30px 80px rgba(20, 24, 60, .18);--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-pill: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-card: 28px;--space-card-tight: 20px;--space-gap: 20px;--space-login: 56px;--space-topbar-y: 22px;--size-touch: 42px;--fs-micro: 13px;--fs-body: 14px;--fs-title: 20px;--fs-display: 44px;--fs-hero: 54px;--fw-regular: 400;--fw-semibold: 600}[data-theme=dark]{--bg-page: #2c2e44;--shell: #1a1d2e;--shell-2: #20243a;--surface: #262a40;--surface-2: #2e3349;--bg: #20243a;--bg-2: #2e3349;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .14);--text: #f1f2f7;--text-2: #b3b7c8;--text-3: #7e8398;--text-4: #565b72;--coral-soft: #4a2a1f;--blue-soft: #1f3050;--green-soft: #1f3a2c;--amber-soft: #3e3220;--violet-soft: #322a48;--rose-soft: #422028;--navy: #f1f2f7;--on-navy: #141c30;--navy-fixed: #171a2e;--shadow-card: 0 1px 2px #0006, 0 12px 32px #0006;--shadow-shell: 0 30px 80px #0008}.profile-skin{--text-1: var(--text);--muted: var(--text-2);--bg-3: var(--bg-2);--mono: var(--font-mono);--page-title-size: 40px;--page-title-weight: 800;--page-title-tracking: -.02em;--profile-hero: radial-gradient(120% 140% at 0% 0%, #e6dcff 0%, #f1ecfb 45%, #fbf9f4 100%);--accent-warm: #b8461f;--success-ink: #2f8a57;--hero-tile: rgba(20, 28, 48, .04);--hero-track: rgba(20, 28, 48, .1);--grid-dot: rgba(20, 28, 48, .1);--amber-ink: #8a5e14;--shadow-card: none;border-radius:var(--r-xl);background:var(--shell);color:var(--text)}[data-theme=dark] .profile-skin{--shell: #0e0f1d;--shell-2: #15172a;--surface: #15172a;--surface-2: #1b1e35;--bg: #15172a;--bg-2: #1b1e35;--bg-3: #23263f;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #f3f1ea;--text-2: #a3a6be;--text-3: #80839b;--text-4: #565b72;--coral: #fe7741;--coral-soft: #4a2a1f;--blue-soft: #1f3050;--green-soft: #1f3a2c;--amber-soft: #3e3220;--violet-soft: #322a48;--rose-soft: #422028;--navy: #f3f1ea;--on-navy: #141c30;--navy-fixed: #171a2e;--amber-ink: #f0c56b;--button-coral-ink: #ffc2a6;--button-focus: #f3f1ea;--profile-hero: radial-gradient(120% 140% at 0% 0%, #2a2156 0%, #17183a 45%, #121327 100%);--accent-warm: #ffb08a;--success-ink: #7fe0a5;--hero-tile: rgba(255, 255, 255, .05);--hero-track: rgba(255, 255, 255, .1);--grid-dot: rgba(255, 255, 255, .07);color-scheme:dark}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}app-root{display:block;width:100%;min-height:100%}app-root:has(app-shell-layout){height:100%;min-height:0;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11";min-height:100vh}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;color:inherit}.ddrow{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 12px;border:0;background:transparent;border-radius:8px;font-size:13px;color:var(--text);cursor:pointer;font-family:inherit}.ddrow:hover{background:var(--bg-2)}.muted{color:var(--text-3)}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.spacer{flex:1}.mono{font-family:var(--font-mono)}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.content-inner--full>app-dev-shell{height:100%;min-height:0}.content-inner--full app-dev-shell>app-ide-workspace-page{flex:1 1 auto;min-height:0;overflow:hidden}.content::-webkit-scrollbar{width:10px}.content::-webkit-scrollbar-thumb{background:#141c301f;border-radius:999px;border:3px solid var(--shell)}[data-theme=dark] .content::-webkit-scrollbar-thumb{background:#ffffff1a;border-color:var(--shell)}.learner-notice{margin:10px 0;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-2);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.learner-notice p{margin:0;font-size:12.5px;line-height:1.55;color:var(--text-2);max-width:56ch}.learner-notice-ok{border:0;background:transparent;padding:0;font-size:12.5px;font-weight:600;color:var(--coral);cursor:pointer}.dark-board{--board-page: #ebe8e1;--board-surface: #ffffff;--board-card: #f7f5f0;--board-tile: rgba(20, 28, 48, .04);--board-line: rgba(20, 28, 48, .08);--board-line-strong: rgba(20, 28, 48, .14);--board-dashed: rgba(20, 28, 48, .22);--board-text: #141c30;--board-muted: #5d6478;--board-soft: #3f465a;--board-accent: #e6603c;--board-accent-ink: #b8461f;--board-warm: #b8461f;--board-focus: #b8461f;--board-hero: radial-gradient(120% 140% at 0% 0%, #e6dcff 0%, #f1ecfb 45%, #fbf9f4 100%);--board-ok: #2f8a57;--board-warn: #8a5e14;--board-info: #3d6aa8;--board-track-dev: #e6603c;--board-track-dev-ink: #b8461f;--board-track-arch: #4f7fc4;--board-track-arch-ink: #2f5b99;--board-track-lead: #8a6cc4;--board-track-lead-ink: #6a4ca8;--board-metal-gold: #b8901f;--board-metal-silver: #7d838c;--board-metal-bronze: #a0602a;--board-padding: 32px 24px 48px;--board-soft-coral: #fbe6dc;--board-soft-blue: #e0e8f3;--board-soft-green: #dcefe1;--board-soft-amber: #f5ead0;--board-soft-violet: #ebe3f5;--board-soft-rose: #f7dde2;--text: var(--board-text);--text-2: var(--board-soft);--text-3: var(--board-muted);--text-4: var(--board-muted);--surface: var(--board-surface);--surface-2: var(--board-card);--bg: var(--board-page);--bg-2: var(--board-card);--border: var(--board-line);--border-strong: var(--board-line-strong);--navy: var(--board-text);--coral-soft: var(--board-soft-coral);--blue-soft: var(--board-soft-blue);--green-soft: var(--board-soft-green);--amber-soft: var(--board-soft-amber);--violet-soft: var(--board-soft-violet);--rose-soft: var(--board-soft-rose);display:block;background:var(--board-page);color:var(--board-text);border-radius:var(--r-xl);padding:var(--board-padding)}[data-theme=dark] .dark-board{--board-page: #0e0f1d;--board-surface: #15172a;--board-card: #1b1e35;--board-tile: rgba(255, 255, 255, .05);--board-line: rgba(255, 255, 255, .08);--board-line-strong: rgba(255, 255, 255, .12);--board-dashed: rgba(255, 255, 255, .22);--board-text: #f3f1ea;--board-muted: #a3a6be;--board-soft: #c9cbdb;--board-accent: #fe7741;--board-accent-ink: #ffc2a6;--board-warm: #ffb08a;--board-focus: #ffc2a6;--board-hero: radial-gradient(120% 140% at 0% 0%, #2a2156 0%, #17183a 45%, #121327 100%);--board-ok: #7fe0a5;--board-warn: #f2cf6b;--board-info: #a9c1e6;--board-track-dev: #fe7741;--board-track-dev-ink: #ffc2a6;--board-track-arch: #6b9be0;--board-track-arch-ink: #a9c1e6;--board-track-lead: #c9a0ff;--board-track-lead-ink: #d9c2ff;--board-metal-gold: #d4af37;--board-metal-silver: #a8adb5;--board-metal-bronze: #b87333;--board-soft-coral: rgba(254, 119, 65, .16);--board-soft-blue: rgba(107, 155, 224, .16);--board-soft-green: rgba(127, 224, 165, .16);--board-soft-amber: rgba(242, 207, 107, .16);--board-soft-violet: rgba(201, 160, 255, .16);--board-soft-rose: rgba(255, 155, 122, .16);color-scheme:dark}@media(max-width:560px){.dark-board{--board-padding: 20px 14px 32px}}.dark-board [data-track=dev]{--medal-accent: var(--board-track-dev);--track-ink: var(--board-track-dev-ink);--track-metal: var(--board-metal-gold)}.dark-board [data-track=arch]{--medal-accent: var(--board-track-arch);--track-ink: var(--board-track-arch-ink);--track-metal: var(--board-metal-silver)}.dark-board [data-track=lead]{--medal-accent: var(--board-track-lead);--track-ink: var(--board-track-lead-ink);--track-metal: var(--board-metal-bronze)}.dark-board a:focus-visible,.dark-board button:focus-visible,.dark-board summary:focus-visible,.dark-board select:focus-visible,.dark-board input:focus-visible,.dark-board textarea:focus-visible,.dark-board [tabindex]:focus-visible{outline:2px solid var(--board-focus);outline-offset:3px}input[type=checkbox]:not(.switch input){appearance:none;display:inline-grid;place-content:center;flex-shrink:0;width:20px;height:20px;margin:0;border:1.5px solid var(--border-strong);border-radius:6px;background:var(--surface);vertical-align:middle;cursor:pointer;transition:background .15s ease,border-color .15s ease}input[type=checkbox]:not(.switch input):before{content:"";width:12px;height:12px;background:#1a0d06;clip-path:polygon(14% 52%,0 66%,38% 100%,100% 22%,86% 8%,37% 70%);transform:scale(0);transition:transform .12s ease}input[type=checkbox]:not(.switch input):hover:not(:disabled){border-color:var(--coral)}input[type=checkbox]:not(.switch input):checked{border-color:var(--coral);background:var(--coral)}input[type=checkbox]:not(.switch input):checked:before{transform:scale(1)}input[type=checkbox]:not(.switch input):focus-visible{outline:2px solid var(--coral);outline-offset:2px}input[type=checkbox]:not(.switch input):disabled{opacity:.5;cursor:default}.back-pill{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 16px 0 6px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--text);font-size:14px;font-weight:600;text-decoration:none;transition:border-color .15s ease,background .15s ease}.back-pill-icon{position:relative;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--surface-2)}.back-pill-icon:after{content:"";position:absolute;inset:6px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E") center / contain no-repeat}.back-pill:hover{border-color:color-mix(in srgb,var(--coral) 60%,transparent);background:color-mix(in srgb,var(--coral) 8%,var(--surface))}.back-pill:focus-visible{outline:2px solid var(--coral);outline-offset:2px}