/* Elevate Theme | https://vstechapps.github.io/elevate */
:root{color-scheme:dark;--primary-50:#edf6ff;--primary-100:#d8ecff;--primary-200:#afd7ff;--primary-300:#7bbcff;--primary-400:#3997f4;--primary-500:#1677d2;--primary-600:#0d5eb2;--primary-700:#104c8a;--primary-800:#123f70;--primary-900:#12365e;--accent-50:#effdf8;--accent-100:#d6f7eb;--accent-300:#73dec0;--accent-500:#19b98f;--accent-700:#0f8066;--violet-100:#efe8ff;--violet-400:#9a76ff;--violet-600:#6d4de8;--xp:#9a76ff;--streak:#ff8a4c;--quest:#19b98f;--success:#2cc36b;--warning:#f6b23c;--danger:#ff5c6c;--gold:#ffd166;--bg-header:#0f172ae6;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#151d2b;--bg-elevated:#182232;--bg-card:#121a27;--bg-card-hover:#172233;--bg-inset:#080c13;--bg-soft:rgba(255,255,255,0.045);--text-primary:#f5f7fb;--text-secondary:#b8c3d6;--text-muted:#7f8ca3;--text-inverse:#07111f;--text-accent:#38bdf8;--text-accent-glow:rgba(56,189,248,.5);--border-color:#263348;--border-strong:#39485f;--border-accent:rgba(25,185,143,0.45);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.24);--shadow-md:0 10px 30px rgba(0,0,0,0.28);--shadow-lg:0 24px 70px rgba(0,0,0,0.36);--shadow-focus:0 0 0 3px rgba(22,119,210,0.28);--space-2xs:0.125rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-primary:Inter,sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--leading-tight:1.15;--leading-normal:1.55;--leading-loose:1.75;--container-sm:760px;--container-md:1040px;--container-lg:1200px;--header-height:71px;--sidenav-width:260px;--ease-standard:cubic-bezier(0.2,0,0,1);--duration-fast:140ms;--duration-base:210ms}*,*::before,*::after{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth;text-size-adjust:100%}body{min-height:100vh;margin:0;background:radial-gradient(circle at top left,rgba(22,119,210,0.14),transparent 32rem),linear-gradient(180deg,var(--bg-primary),#080b12 72%);color:var(--text-primary);font-family:var(--font-primary);font-size:16px;line-height:var(--leading-normal)}*{font-family:var(--font-primary)}body,button,input,textarea,select{font:inherit}button,input,textarea,select{color:inherit}button{border:0}a{color:inherit;text-decoration:none}img,picture,svg,canvas{display:block;max-width:100%}p,h1,h2,h3,h4,h5,h6,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0}ul[role="list"],ol[role="list"]{list-style:none}table{border-collapse:collapse;border-spacing:0}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}::selection{background:rgba(25,185,143,0.28)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;letter-spacing:0;line-height:var(--leading-tight)}.text-title{font-size:clamp(1.8rem,2.6rem,3rem)}.text-subtitle{font-size:1.35rem}.text-lead{color:var(--text-secondary);font-size:1.125rem;line-height:var(--leading-loose)}.text-small{color:var(--text-muted);font-size:0.875rem;line-height:1.6}.text-caption{color:var(--text-muted);font-size:0.75rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase}.text-gradient{background:linear-gradient(90deg,var(--primary-300),var(--accent-300),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}p{color:var(--text-secondary)}.code,code{background:var(--bg-inset);color:var(--accent-100);font-size:0.9em}code{padding:0.1rem 0.3rem}pre{background-color:#1e1e2e;color:#cdd6f4;padding:16px;border-radius:8px;overflow-x:auto;font-family:'Fira Code',Consolas,Monaco,monospace}.container{width:min(100% - 2rem,var(--container-lg));margin-inline:auto}.container-md{width:min(100% - 2rem,var(--container-md));margin-inline:auto}.container-sm{width:min(100% - 2rem,var(--container-sm));margin-inline:auto}.section{padding-block:var(--space-3xl)}.section-compact{padding-block:var(--space-2xl)}.stack{display:grid;gap:var(--space-md)}.stack-lg{display:grid;gap:var(--space-lg)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,0.95fr);gap:var(--space-xl);align-items:center}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell{min-height:100vh}.hero{position:relative;display:grid;align-items:end;min-height:min(760px,calc(100vh - var(--nav-height)));padding-block:var(--space-3xl);overflow:hidden}.hero::before{position:absolute;inset:auto -10% 0;height:58%;background:linear-gradient(90deg,rgba(25,185,143,0.1),rgba(22,119,210,0.08)),repeating-linear-gradient(90deg,rgba(255,255,255,0.05) 0 1px,transparent 1px 88px),repeating-linear-gradient(0deg,rgba(255,255,255,0.04) 0 1px,transparent 1px 88px);content:"";mask-image:linear-gradient(transparent,black 30%);pointer-events:none}.hero-content{position:relative;display:grid;gap:var(--space-lg);max-width:780px;z-index:1}.showcase-panel{border:1px solid var(--border-color);border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,255,255,0.055),rgba(255,255,255,0.025));box-shadow:var(--shadow-lg)}.component-note{display:grid;gap:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:rgba(255,255,255,0.035);padding:var(--space-lg)}.component-note ul{display:grid;gap:var(--space-sm);padding-left:1.1rem;color:var(--text-secondary)}@media (max-width:860px){.split,.grid-2,.grid-3{grid-template-columns:1fr}.hero{min-height:680px}}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:var(--bg-header);--webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);height:var(--header-height);padding:1.0rem 0}.header .brand{display:inline-flex;align-items:center;color:var(--text-primary);padding:0px 15px;font-size:1.5rem;font-weight:700;line-height:1.6}.sidenav{position:fixed;top:var(--header-height);left:0;height:calc(100% - var(--header-height));width:var(--sidenav-width);background-color:var(--bg-primary);border-right:1px solid var(--border-color);overflow-x:hidden;transition:width 0.3s ease;z-index:1000;padding:var(--space-md)}.sidenav.collapsed{width:60px}.sidenav .link{width:100%;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:600;list-style:none;padding:0.65rem 0.8rem;text-align:left}.sidenav .link.active,.sidenav .link:hover{background-color:var(--bg-soft);color:var(--text-primary)}.sidenav .expand-btn{position:absolute;top:10px;right:10px;background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:1.2rem}.sidenav .expand-btn:hover{color:var(--text-primary)}.main-content{margin-top:var(--header-height);margin-left:var(--sidenav-width);padding:var(--space-md);transition:margin-left 0.3s ease}.main-content.collapsed{margin-left:60px}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:1000}.hidden{display:none}.loader{width:50px;height:50px;border:5px solid #ccc;border-top:5px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.btn{--btn-bg:var(--bg-elevated);--btn-color:var(--text-primary);--btn-border:var(--border-strong);display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:0.5rem;border:1px solid var(--btn-border);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-color);cursor:pointer;font-weight:700;line-height:1;padding:0.7rem 1rem;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);user-select:none;white-space:nowrap}.btn:hover{border-color:var(--primary-400);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{--btn-bg:linear-gradient(180deg,var(--primary-400),var(--primary-600));--btn-border:rgba(255,255,255,0.16);box-shadow:0 10px 24px rgba(22,119,210,0.24)}.btn-success{--btn-bg:linear-gradient(180deg,#35d784,#17945a);--btn-border:rgba(255,255,255,0.16);--btn-color:#04140d}.btn-ghost{--btn-bg:transparent;--btn-border:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-soft);color:var(--text-primary)}.btn-subtle{--btn-bg:rgba(255,255,255,0.05);--btn-border:var(--border-color);color:var(--text-secondary)}.btn-danger{--btn-bg:rgba(255,92,108,0.12);--btn-border:rgba(255,92,108,0.42);color:#ffdce1}.btn-sm{min-height:2rem;padding:0.5rem 0.75rem;font-size:0.875rem}.btn-lg{min-height:3rem;padding:0.9rem 1.2rem}.btn-icon{width:2.5rem;padding:0}.btn-group{display:inline-flex;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.btn-group .btn{border:0;border-radius:0}.btn-group .btn+.btn{border-left:1px solid var(--border-color)}.card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.02));box-shadow:var(--shadow-sm);overflow:hidden}.card-interactive{transition:transform var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard)}.card-interactive:hover{border-color:var(--border-strong);background:var(--bg-card-hover);transform:translateY(-2px)}.card-body{display:grid;gap:var(--space-md);padding:var(--space-lg)}.card-header,.card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.card-header{border-bottom:1px solid var(--border-color)}.card-footer{border-top:1px solid var(--border-color);background:rgba(255,255,255,0.025)}.lesson-card{display:grid;gap:var(--space-md);padding:var(--space-lg)}.lesson-card[data-status="complete"]{border-color:rgba(44,195,107,0.5)}.quest-card{position:relative}.quest-card::before{position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--accent-300),var(--primary-400));content:""}.stat-card{display:grid;gap:var(--space-sm);padding:var(--space-lg)}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);font-size:0.85rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}.path-node{display:grid;width:3rem;height:3rem;place-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text-secondary);font-weight:800}.path-node.is-active{border-color:var(--accent-300);background:linear-gradient(180deg,rgba(25,185,143,0.28),rgba(22,119,210,0.12));color:var(--accent-100)}.path-node.is-complete{border-color:rgba(44,195,107,0.6);background:rgba(44,195,107,0.14);color:#bff7d3}.field{display:grid;gap:var(--space-sm)}.field label,.form-label{color:var(--text-secondary);font-size:0.875rem;font-weight:700}.input,.select,.textarea{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-inset);color:var(--text-primary);padding:0.75rem 0.85rem;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.textarea{min-height:8rem;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary-400);background:#0a101a;outline:none;box-shadow:var(--shadow-focus)}.field-hint{color:var(--text-muted);font-size:0.8rem}.field-error{color:#ffb3bd;font-size:0.8rem}.input[aria-invalid="true"],.textarea[aria-invalid="true"]{border-color:var(--danger)}.check-row{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary)}.check-row input{width:1rem;height:1rem;accent-color:var(--accent-500)}.segmented{display:inline-flex;gap:0;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-inset)}.segment{padding:0.55rem 0.85rem;color:var(--text-secondary);font-size:0.875rem;font-weight:700}.segment.is-active{background:var(--bg-elevated);color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:0.35rem;min-height:1.5rem;border:1px solid var(--border-color);border-radius:var(--radius-pill);background:rgba(255,255,255,0.05);color:var(--text-secondary);font-size:0.75rem;font-weight:800;letter-spacing:0.02em;line-height:1;padding:0.25rem 0.55rem}.badge-primary{border-color:rgba(22,119,210,0.5);background:rgba(22,119,210,0.14);color:var(--primary-100)}.badge-success{border-color:rgba(44,195,107,0.5);background:rgba(44,195,107,0.14);color:#c8f9d9}.badge-warning{border-color:rgba(246,178,60,0.5);background:rgba(246,178,60,0.14);color:#ffe7b2}.badge-danger{border-color:rgba(255,92,108,0.5);background:rgba(255,92,108,0.14);color:#ffdce1}.badge-xp{border-color:rgba(154,118,255,0.55);background:rgba(154,118,255,0.14);color:var(--violet-100)}.badge-gold{border-color:rgba(255,209,102,0.55);background:rgba(255,209,102,0.13);color:#fff1c2}.level-pill{display:inline-flex;align-items:center;gap:var(--space-sm);border:1px solid var(--border-accent);border-radius:var(--radius-pill);background:rgba(25,185,143,0.1);color:var(--accent-100);font-weight:800;padding:0.35rem 0.7rem 0.35rem 0.4rem}.level-dot{display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:var(--radius-pill);background:var(--accent-500);color:var(--text-inverse);font-size:0.8rem}.alert{display:grid;gap:var(--space-xs);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);padding:var(--space-md)}.alert-title{color:var(--text-primary);font-weight:800}.alert p{font-size:0.925rem}.alert-info{border-color:rgba(22,119,210,0.42);background:rgba(22,119,210,0.1)}.alert-success{border-color:rgba(44,195,107,0.42);background:rgba(44,195,107,0.1)}.alert-warning{border-color:rgba(246,178,60,0.45);background:rgba(246,178,60,0.1)}.alert-danger{border-color:rgba(255,92,108,0.45);background:rgba(255,92,108,0.1)}.progress{overflow:hidden;height:0.65rem;border:1px solid var(--border-color);border-radius:var(--radius-pill);background:var(--bg-inset)}.progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-500),var(--primary-400))}.progress-bar-xp{background:linear-gradient(90deg,var(--violet-400),var(--primary-300))}.progress-bar-streak{background:linear-gradient(90deg,var(--streak),var(--gold))}.progress-meta{display:flex;justify-content:space-between;gap:var(--space-md);color:var(--text-muted);font-size:0.85rem;font-weight:700}.xp-meter{display:grid;gap:var(--space-sm)}.skill-ring{--ring-value:72%;display:grid;width:6rem;aspect-ratio:1;place-items:center;border-radius:50%;background:radial-gradient(circle closest-side,var(--bg-card) 72%,transparent 73%),conic-gradient(var(--accent-500) var(--ring-value),var(--bg-inset) 0);color:var(--text-primary);font-weight:900}.path-line{display:flex;align-items:center;gap:var(--space-md)}.path-line::before,.path-line::after{flex:1;height:1px;background:var(--border-color);content:""}.table-wrap{overflow:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card)}.table{width:100%;min-width:680px;text-align:left}.table th,.table td{border-bottom:1px solid var(--border-color);padding:0.9rem 1rem}.table th{background:rgba(255,255,255,0.035);color:var(--text-muted);font-size:0.75rem;font-weight:800;letter-spacing:0.07em;text-transform:uppercase}.table td{color:var(--text-secondary)}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:rgba(255,255,255,0.025)}.rank{color:var(--text-primary);font-weight:900}.nav{z-index:20;padding:16px 0;display:inline-flex;min-height:38px;align-items:center;justify-content:space-between;gap:var(--space-xl)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);color:var(--text-muted)}.breadcrumb a{color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-standard)}.breadcrumb a:hover{color:var(--text-primary);text-decoration:underline}.breadcrumb-separator{color:var(--border-strong)}.breadcrumb [aria-current="page"]{color:var(--accent-100)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--text-secondary);font-weight:500;cursor:pointer;padding:0;transition:color var(--duration-fast) var(--ease-standard)}.nav-link:hover{color:var(--text-primary);text-decoration:underline}.nav-link.active{color:var(--text-primary);font-weight:600}.nav-actions{display:flex;align-items:center;gap:1rem}.nav .btn{min-height:35px;border-radius:var(--radius-md);font-size:0.9rem;font-weight:600;padding:0.5rem 1rem}.nav .btn-primary{--btn-bg:#38bdf8;--btn-border:#38bdf8;--btn-color:#0f172a;box-shadow:none}.nav .btn-subtle{--btn-bg:transparent;--btn-border:#38bdf8;color:#38bdf8}.side-nav{display:grid;gap:var(--space-xs)}.side-nav a{border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:700;padding:0.65rem 0.8rem}.side-nav a:hover,.side-nav a.active{background:var(--bg-soft);color:var(--text-primary)}@media (max-width:760px){.nav{padding:var(--space-md) 0}.nav+main{padding-top:var(--nav-height)}.nav-inner{align-items:center;flex-direction:row;gap:var(--space-md)}.nav-links{width:100%;overflow-x:auto;padding-bottom:var(--space-xs)}.nav-actions{display:none}}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:rgba(4,8,14,0.72);padding:var(--space-md);z-index:50}.modal{width:min(100%,520px);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-secondary);box-shadow:var(--shadow-lg)}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.modal-header{border-bottom:1px solid var(--border-color)}.modal-body{display:grid;gap:var(--space-md);padding:var(--space-lg)}.modal-footer{border-top:1px solid var(--border-color)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.surface{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card)}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.success{color:var(--success)}.warning{color:var(--warning)}.danger{color:var(--danger)}.center{text-align:center}.full-width{width:100%}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}