:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--vs-bg:#f3f4f1;--vs-surface:#fff;--vs-surface-2:#e9ece8;--vs-line:#cfd5d0;--vs-text:#17201c;--vs-text-dim:#56615b;--vs-accent:#1d7568;--vs-accent-ink:#fff;--vs-radius-s:8px;--vs-radius-m:14px;--vs-radius-l:22px;--vs-shadow-s:0 1px 2px #0f1a1514, 0 4px 12px #0f1a150a;--vs-shadow-m:0 2px 4px #0f1a1514, 0 16px 40px #0f1a1514;--vs-shadow-l:0 4px 8px #0f1a1514, 0 28px 64px #0f1a151f;--vs-dur-fast:.1s;--vs-dur-base:.16s;--vs-dur-slow:.2s;--vs-ease:cubic-bezier(.2, 0, 0, 1);--vs-ease-out:cubic-bezier(.16, 1, .3, 1);--vs-space-1:4px;--vs-space-2:8px;--vs-space-3:12px;--vs-space-4:16px;--vs-space-5:20px;--vs-space-6:24px;--vs-space-7:32px;--vs-space-8:40px;--vs-text-xs:.75rem;--vs-text-sm:.875rem;--vs-text-base:1rem;--vs-text-lg:1.125rem;--vs-text-xl:1.375rem;--vs-text-2xl:clamp(1.625rem, 4vw, 2rem);--vs-text-3xl:clamp(2rem, 7vw, 3.5rem)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--vs-bg:#0d1411;--vs-surface:#151e1a;--vs-surface-2:#1d2823;--vs-line:#344139;--vs-text:#f1f5f2;--vs-text-dim:#aebbb4;--vs-accent:#68d5c2;--vs-accent-ink:#071510;--vs-shadow-s:0 1px 2px #0000004d, 0 4px 12px #00000029;--vs-shadow-m:0 2px 4px #00000052, 0 16px 40px #0000003d;--vs-shadow-l:0 4px 8px #00000057, 0 28px 64px #0000004d}}body{background:var(--vs-bg);color:var(--vs-text)}.vs-surface{border:1px solid var(--vs-line);border-radius:var(--vs-radius-l);background:var(--vs-surface);box-shadow:var(--vs-shadow-s)}.vs-field{border:1px solid var(--vs-line);border-radius:var(--vs-radius-m);background:var(--vs-surface);width:100%;min-height:48px;color:var(--vs-text);padding:var(--vs-space-3) var(--vs-space-4)}.vs-button{border-radius:var(--vs-radius-m);min-height:48px;padding:var(--vs-space-3) var(--vs-space-5);background:var(--vs-accent);color:var(--vs-accent-ink);transition:transform var(--vs-dur-fast) var(--vs-ease);border:1px solid #0000;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.vs-button-secondary{border-color:var(--vs-line);background:var(--vs-surface);color:var(--vs-text)}.vs-chip{border:1px solid var(--vs-line);min-height:32px;padding:0 var(--vs-space-3);background:var(--vs-surface-2);color:var(--vs-text-dim);font-size:var(--vs-text-xs);letter-spacing:.04em;border-radius:999px;align-items:center;font-weight:700;display:inline-flex}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid var(--vs-accent);outline-offset:3px}@media (hover:hover) and (pointer:fine){.vs-button:hover{transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.vs-button{transition:none}}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--text-xs:var(--vs-text-xs);--text-sm:var(--vs-text-sm);--text-base:var(--vs-text-base);--text-lg:var(--vs-text-lg);--text-xl:var(--vs-text-xl);--text-2xl:var(--vs-text-2xl);--text-3xl:var(--vs-text-3xl);--text-4xl:2.75rem;--text-5xl:3.375rem;--space-1:var(--vs-space-1);--space-2:var(--vs-space-2);--space-3:var(--vs-space-3);--space-4:var(--vs-space-4);--space-5:var(--vs-space-5);--space-6:var(--vs-space-6);--space-7:var(--vs-space-7);--space-8:var(--vs-space-8);--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-13:52px;--space-14:56px;--space-15:60px;--space-16:64px;--radius-sm:var(--vs-radius-s);--radius-md:var(--vs-radius-m);--radius-lg:var(--vs-radius-m);--radius-xl:var(--vs-radius-l);--radius-full:999px;--duration:var(--vs-dur-base);--ease:var(--vs-ease);--bg:var(--vs-bg);--surface:var(--vs-surface);--surface-2:var(--vs-surface-2);--navy:#121a22;--ink:#10202d;--text:var(--vs-text);--muted:var(--vs-text-dim);--line:var(--vs-line);--accent:var(--vs-accent);--accent-text:#8eecdc;--accent-ink:var(--vs-accent-ink);--focus:var(--vs-accent);--fill:#ffffff0a;--nav:#0c1218c7;--warning:#f4b860;--warning-bg:#f4b86024;--warning-fg:#ffe7c2;--danger:#f87171;--danger-bg:#f8717124;--danger-fg:#ffd4d4;--success:#4ade80;--success-bg:#4ade8024;--success-fg:#d4f8e2;--console:#0e161e;--console-fg:#d7e6ec;--console-line:#5d7c8c;--meter-track:#2a3846;--shadow:var(--vs-shadow-m);--measure:68ch;--shell-max:calc(var(--space-16) * 21 + var(--space-12))}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--vs-bg);--surface:var(--vs-surface);--surface-2:var(--vs-surface-2);--navy:#f7f7f8;--ink:#1d1d1f;--text:var(--vs-text);--muted:var(--vs-text-dim);--line:var(--vs-line);--accent:var(--vs-accent);--accent-text:#0b6b5c;--accent-ink:var(--vs-accent-ink);--focus:var(--vs-accent);--fill:#00000008;--nav:#f5f5f7d1;--warning:#9a6700;--warning-bg:#9a67001a;--warning-fg:#6d4900;--danger:#c41e3a;--danger-bg:#c41e3a14;--danger-fg:#8e1529;--success:#157a3a;--success-bg:#157a3a1a;--success-fg:#0e5c2b;--console:#fbfbfd;--console-fg:#1d1d1f;--console-line:#6d8794;--meter-track:#e4e4e8;--shadow:var(--vs-shadow-m)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);overflow-wrap:break-word;min-height:100vh;margin:0;font-weight:400;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3{color:var(--text);letter-spacing:-.02em;font-weight:600}h1{font-size:clamp(var(--text-3xl), 4vw, var(--text-5xl));margin:var(--space-4) 0;line-height:1.08}h2{font-size:var(--text-2xl);margin:0 0 var(--space-2);line-height:1.2}h3{font-size:var(--text-xl);margin:var(--space-4) 0 var(--space-2);line-height:1.25}p{color:var(--muted);line-height:1.6}strong{font-weight:600}code{font-family:var(--font-mono);font-size:var(--text-sm)}.shell{width:min(var(--shell-max), calc(100% - var(--space-10)));margin:0 auto}.eyebrow,.panel-label{color:var(--subject-accent,var(--accent-text));font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.nav{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--space-16);padding:var(--space-3) 0;margin:0 calc(var(--space-5) * -1);padding-inline:var(--space-5);border-bottom:1px solid var(--line);background:var(--nav);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);color:var(--muted);display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);min-height:var(--space-11);color:var(--text);letter-spacing:.08em;font-weight:600;display:inline-flex}.brand-logo{object-fit:contain;flex:none;width:48px;height:48px}.brand-name{font-weight:700}.toolbar{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.demo-badge{min-height:var(--space-8);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-full);color:var(--muted);font-size:var(--text-sm);align-items:center;display:inline-flex}.home{z-index:0;min-width:0;min-height:calc(100svh - var(--space-16));padding-bottom:var(--space-16);position:relative}.home:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(46rem 22rem at 100% -8%, color-mix(in srgb, var(--subject-accent,var(--accent)) 28%, transparent), transparent 68%), var(--bg);position:fixed;inset:0}.home-stage{min-width:0}.home-intro{max-width:none;padding:var(--space-8) 0 var(--space-4)}.home-intro h1{max-width:11ch;margin-bottom:var(--space-2);font-size:clamp(1.85rem,4vw,2.6rem)}.home-intro p{font-size:var(--text-base);margin:0}.subject-rail-section{margin-inline:calc(var(--space-3) * -1)}.rail-heading{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-inline:var(--space-3);margin-bottom:var(--space-3);display:flex}.rail-heading h2{font-size:var(--text-lg)}.rail-heading span{color:var(--muted);font-size:var(--text-xs)}.subject-rail{gap:var(--space-3);overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--space-3);scrollbar-width:none;padding:var(--space-2) var(--space-3) var(--space-5);perspective:760px;display:flex;overflow:auto hidden}.subject-rail::-webkit-scrollbar{display:none}.subject-story{--tilt-x:0deg;--tilt-y:0deg;align-content:start;justify-items:center;gap:var(--space-2);scroll-snap-align:start;color:var(--muted);text-align:center;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform var(--vs-dur-base) var(--vs-ease-out), opacity var(--vs-dur-fast) var(--vs-ease);will-change:transform;flex:0 0 72px;font-size:.68rem;font-weight:600;line-height:1.2;display:grid}.subject-story-ring{background:radial-gradient(circle at 34% 22%, color-mix(in srgb, var(--subject-accent) 28%, white 8%), color-mix(in srgb, var(--subject-accent) 13%, var(--surface)) 54%, color-mix(in srgb, var(--surface) 88%, black) 100%) padding-box, linear-gradient(155deg, color-mix(in srgb, var(--subject-accent) 75%, white), color-mix(in srgb, var(--subject-accent) 22%, var(--line)) 48%, color-mix(in srgb, var(--subject-accent) 18%, black)) border-box;width:58px;height:58px;box-shadow:inset 0 1px 0 #ffffff2e, 0 9px 20px color-mix(in srgb, var(--subject-accent) 12%, transparent);transition:transform var(--vs-dur-fast) var(--vs-ease), opacity var(--vs-dur-fast) var(--vs-ease);border:1px solid #0000;border-radius:50%;place-items:center;display:grid;position:relative;transform:translateZ(12px)}.subject-story-ring .progress-ring{width:100%;height:100%;position:absolute;inset:0}.subject-story-ring .progress-ring circle:first-child{stroke:color-mix(in srgb, var(--subject-accent) 48%, var(--line))}.subject-story-ring .progress-ring-value{stroke:var(--subject-accent);stroke-width:4px}.subject-story-ring strong{max-width:48px;color:var(--text);letter-spacing:.04em;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.subject-story-title{max-width:9ch}.subject-story-state{color:var(--subject-accent);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;font-style:normal;font-weight:750}.subject-story.is-current{color:var(--text);flex-basis:104px;font-size:.78rem}.subject-story.is-current .subject-story-ring{background:radial-gradient(circle at 34% 22%, color-mix(in srgb, var(--subject-accent) 46%, white 9%), color-mix(in srgb, var(--subject-accent) 24%, var(--surface)) 56%, color-mix(in srgb, var(--surface) 84%, black) 100%) padding-box, linear-gradient(155deg, color-mix(in srgb, var(--subject-accent) 88%, white), var(--subject-accent) 50%, color-mix(in srgb, var(--subject-accent) 35%, black)) border-box;width:88px;height:88px;box-shadow:inset 0 1px 0 #ffffff47, 0 0 24px color-mix(in srgb, var(--subject-accent) 32%, transparent), 0 16px 34px color-mix(in srgb, var(--subject-accent) 18%, transparent)}.subject-story.is-current .subject-story-title{max-width:12ch;font-weight:750}.subject-story.is-mastered .subject-story-ring{background:radial-gradient(circle at 34% 22%, color-mix(in srgb, var(--subject-accent) 48%, white 8%), color-mix(in srgb, var(--subject-accent) 32%, var(--surface)) 60%, color-mix(in srgb, var(--surface) 82%, black) 100%) padding-box, linear-gradient(155deg, color-mix(in srgb, var(--subject-accent) 80%, white), var(--subject-accent) 50%, color-mix(in srgb, var(--subject-accent) 28%, black)) border-box;box-shadow:inset 0 1px 0 #ffffff3d, 0 12px 26px color-mix(in srgb, var(--subject-accent) 18%, transparent)}.subject-story.is-mastered .subject-story-ring strong{color:var(--subject-accent)}.subject-story.is-locked{opacity:.66}.subject-story.is-locked .subject-story-ring{width:52px;height:52px}.subject-story:active{transition:none;transform:scale(.96)translateZ(18px)}.subject-story:focus-visible{border-radius:var(--radius-md);outline-color:var(--subject-accent);opacity:1}.continue-card{isolation:isolate;gap:var(--space-5) var(--space-8);margin:var(--space-5) 0;padding:var(--space-8);border-radius:var(--radius-xl);background:radial-gradient(100% 130% at 100% 0%, color-mix(in srgb, var(--subject-accent) 31%, transparent), transparent 58%) padding-box, linear-gradient(165deg, color-mix(in srgb, var(--surface) 94%, white), color-mix(in srgb, var(--subject-accent) 8%, var(--surface)) 64%, color-mix(in srgb, var(--surface) 86%, black)) padding-box, linear-gradient(150deg, color-mix(in srgb, var(--subject-accent) 86%, white), color-mix(in srgb, var(--subject-accent) 52%, var(--line)) 42%, color-mix(in srgb, var(--subject-accent) 24%, black)) border-box;box-shadow:inset 0 1px 0 #fff3, 0 0 36px color-mix(in srgb, var(--subject-accent) 18%, transparent), 0 24px 52px color-mix(in srgb, var(--subject-accent) 14%, transparent);transition:transform var(--vs-dur-fast) var(--vs-ease), opacity var(--vs-dur-fast) var(--vs-ease);border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid;position:relative}.continue-card:before{content:"";z-index:-1;background:linear-gradient(var(--subject-accent), color-mix(in srgb, var(--subject-accent) 42%, transparent));border-radius:0 5px 5px 0;width:5px;position:absolute;inset:14% auto 14% -1px}.continue-card h2{margin-top:var(--space-2);letter-spacing:-.03em;font-size:clamp(1.7rem,4vw,2.5rem)}.continue-card p{margin-bottom:0}.continue-card-stats{gap:var(--space-4);color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;grid-column:1;display:flex}.continue-card-stats strong{color:var(--text)}.continue-card .primary-button{grid-area:1/2/span 2;min-width:176px}.continue-card:active{transition:none;transform:scale(.985)}.all-subjects{border-radius:var(--radius-lg);background:linear-gradient(165deg, color-mix(in srgb, var(--surface) 96%, white), color-mix(in srgb, var(--surface) 94%, black)) padding-box, linear-gradient(160deg, color-mix(in srgb, var(--line) 72%, white), color-mix(in srgb, var(--line) 62%, black)) border-box;border:1px solid #0000;overflow:clip;box-shadow:inset 0 1px #ffffff1f,0 12px 30px #0000001a}.all-subjects summary{min-height:56px;padding:var(--space-3) var(--space-5);color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.all-subjects summary::-webkit-details-marker{display:none}.all-subjects summary:after{content:"+";color:var(--muted);font-size:var(--text-xl)}.all-subjects[open] summary:after{content:"−"}.all-subjects summary span{margin-left:auto;margin-right:var(--space-3);color:var(--muted);font-size:var(--text-sm)}.compact-subject-list{border-top:1px solid var(--line)}.compact-subject-row{gap:var(--space-3);min-height:68px;padding:var(--space-2) var(--space-4);border-left:3px solid color-mix(in srgb, var(--subject-accent) 55%, var(--line));border-bottom:1px solid var(--line);transition:transform var(--vs-dur-fast) var(--vs-ease), opacity var(--vs-dur-fast) var(--vs-ease);grid-template-columns:50px minmax(0,1fr) auto auto;align-items:center;display:grid}.compact-subject-row.is-current{border-left-color:var(--subject-accent);background:color-mix(in srgb, var(--subject-accent) 12%, var(--surface));border-left-width:6px}.compact-subject-row.is-mastered{border-left-color:var(--subject-accent);background:color-mix(in srgb, var(--subject-accent) 16%, var(--surface))}.compact-subject-row:last-child{border-bottom:0}.compact-subject-row:active{transition:none;transform:scale(.99)}.compact-subject-code{border-radius:var(--radius-full);background:color-mix(in srgb, var(--subject-accent) 18%, transparent);width:42px;height:28px;color:var(--subject-accent);font-size:var(--text-xs);place-items:center;font-weight:750;display:grid}.compact-subject-name{min-width:0;display:grid}.compact-subject-name strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.compact-subject-name small,.compact-subject-progress small{color:var(--muted)}.compact-subject-progress{align-items:center;gap:var(--space-2);display:flex}.compact-subject-progress .progress-ring{width:32px;height:32px}.stagger-in,.subject-story{animation:home-stagger .18s var(--vs-ease-out) backwards;animation-delay:calc(var(--stagger-index,0) * 56ms)}@keyframes home-stagger{0%{opacity:0;transform:translateY(16px)}}@media (hover:hover) and (pointer:fine){.subject-story:hover{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-3px)}.subject-story:hover .subject-story-ring{transform:translateZ(20px)scale(1.025)}.continue-card:hover{transform:translateY(-3px)}}.dashboard-hero{gap:var(--space-12);padding:var(--space-16) 0;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:center;display:grid}.dashboard-hero>div:first-child,.dashboard-copy{max-width:var(--measure)}.dashboard-copy{flex-direction:column;display:flex}.continue-lead{display:none}.continue-lead h2{margin-top:0}.dashboard-hero p{font-size:var(--text-lg);max-width:var(--measure)}.hero-actions{gap:var(--space-5);margin-top:var(--space-8);flex-wrap:wrap;align-items:center;display:flex}.primary-button,.button{min-height:var(--space-11);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--subject-accent,var(--accent));color:var(--accent-ink);cursor:pointer;transition:transform var(--duration) var(--ease), opacity var(--duration) var(--ease);border:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.primary-button:disabled,.button:disabled{opacity:.4;cursor:not-allowed}.primary-button:active:not(:disabled),.button:active:not(:disabled),.action-button:active:not(:disabled),.domain-card:active,.card:active,.resource-card:active,.mission-launch:active{transition:none;transform:scale(.985)}.link-button{text-align:center}.text-link{min-height:var(--space-11);color:var(--text);border-bottom:1px solid var(--line);padding:var(--space-2) 0;align-items:center;font-weight:600;display:inline-flex}.readiness-card{padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow)}.readiness-card span,.mission-strip span,.competency-panel span{color:var(--muted);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.08em}.readiness-card strong{font-size:var(--text-5xl);letter-spacing:-.02em;margin-top:var(--space-4);color:var(--text);line-height:1.05;display:block}.meter{height:var(--space-1);background:var(--meter-track);border-radius:var(--radius-full);margin-top:var(--space-6);overflow:hidden}.meter i{background:var(--accent);height:100%;display:block}.mission-strip{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);margin-bottom:var(--space-16);grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.mission-strip div{padding:var(--space-5);border-right:1px solid var(--line)}.mission-strip div:last-child{border-right:0}.mission-strip strong{margin-top:var(--space-2);color:var(--text);display:block}.section-heading{justify-content:space-between;gap:var(--space-10);margin:0 0 var(--space-6);align-items:end;display:flex}.section-heading>p{max-width:28rem}.section-heading h2{font-size:clamp(var(--text-2xl), 3vw, var(--text-4xl));margin-top:var(--space-3)}.domain-grid{gap:var(--space-4);padding-bottom:var(--space-16);grid-template-columns:repeat(3,1fr);display:grid}.domain-card,.card{min-height:calc(var(--space-16) * 3);padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);transition:transform var(--duration) var(--ease), opacity var(--duration) var(--ease);display:block;position:relative;overflow:hidden}.domain-card{border-left:var(--space-1) solid var(--subject-accent,var(--accent));background:linear-gradient(180deg, color-mix(in srgb, var(--subject-accent,var(--accent)) 18%, transparent), transparent var(--space-16)), var(--surface)}.domain-card:focus-visible,.card:focus-visible{background:var(--surface-2);border-color:color-mix(in srgb, var(--subject-accent,var(--accent)) 55%, var(--line));box-shadow:var(--shadow)}.domain-code{color:var(--subject-accent,var(--accent-text));font-size:var(--text-xs);letter-spacing:.08em;justify-content:space-between;font-weight:700;display:flex}.domain-code span{color:var(--muted);font-weight:400}.meta{justify-content:space-between;gap:var(--space-3);color:var(--subject-accent,var(--accent-text));font-size:var(--text-sm);margin-top:var(--space-6);display:flex}.breadcrumb{padding:var(--space-6) 0;color:var(--muted);font-size:var(--text-sm)}.breadcrumb a,.auth-note a{min-height:var(--space-11);text-underline-offset:.18em;align-items:center;text-decoration:underline;display:inline-flex}.subject-hero,.hero{padding:var(--space-12) 0 var(--space-8);max-width:calc(var(--measure) + var(--space-8))}.subject-page,.topic-page{z-index:0;position:relative}.subject-page:before,.topic-page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40rem 18rem at 0% -6rem, color-mix(in srgb, var(--subject-accent,var(--accent)) 26%, transparent), transparent 70%), var(--bg);position:fixed;inset:0}.topic-page .hero{border-left:6px solid var(--subject-accent,var(--accent));max-width:none;padding-left:var(--space-5)}.topic-page .card{border-top:4px solid var(--subject-accent,var(--accent))}.topic-page .card.is-locked{opacity:.58}.subject-hero{border-left:6px solid var(--subject-accent,var(--accent));padding-left:var(--space-5)}.subject-hero.is-mastered{background:linear-gradient(90deg, color-mix(in srgb, var(--subject-accent) 16%, transparent), transparent 70%)}.subject-hero .progress-ring{width:56px;height:56px}.subject-hero .progress-ring circle:first-child{stroke:color-mix(in srgb, var(--subject-accent,var(--accent)) 46%, var(--line))}.subject-hero .progress-ring-value{stroke:var(--subject-accent,var(--accent));stroke-width:4px}.mastery-mark{color:var(--subject-accent,var(--accent));font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:750}.subject-launch .section-heading{margin-top:0;display:block}.subject-launch .section-heading h2{font-size:var(--text-2xl)}.subject-hero p,.hero p,.section-heading>p,.competency-panel p,.mission-header p,.admin-page>p{max-width:var(--measure)}.competency-panel{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:var(--space-12);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.competency-panel>div{background:var(--surface);padding:var(--space-6)}.mission-launch{gap:var(--space-2);padding:var(--space-6);border:1px solid color-mix(in srgb, var(--subject-accent,var(--accent)) 70%, var(--line));border-radius:var(--radius-lg);background:linear-gradient(160deg, color-mix(in srgb, var(--subject-accent,var(--accent)) 22%, transparent), transparent 55%), var(--surface);box-shadow:var(--vs-shadow-m);margin-bottom:var(--space-8);transition:transform var(--duration) var(--ease), opacity var(--duration) var(--ease);grid-template-columns:1fr auto;display:grid}.mission-launch:focus-visible{background:var(--surface-2);box-shadow:var(--shadow)}.mission-launch span{color:var(--subject-accent,var(--accent-text));font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;font-weight:700}.mission-launch strong{font-size:var(--text-xl);color:var(--text)}.mission-launch small{color:var(--muted)}.grid{gap:var(--space-4);padding:var(--space-6) 0 var(--space-16);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.compact-grid{padding-top:0}.card{min-height:calc(var(--space-16) * 2 + var(--space-10))}.lesson{width:min(100%, var(--measure));padding:var(--space-8) 0 var(--space-16);margin-inline:auto}.lesson-body{max-width:var(--measure);white-space:pre-wrap;font-size:var(--text-lg);color:var(--text);margin:var(--space-8) 0;line-height:1.7}.mission-page{padding:var(--space-2) 0 var(--space-16)}.mission-header{gap:var(--space-8);padding:var(--space-6) 0;grid-template-columns:1fr auto;align-items:end;display:grid}.mission-header h1{font-size:clamp(var(--text-2xl), 3vw, var(--text-4xl));max-width:calc(var(--measure) + var(--space-16))}.mission-status{align-items:center;gap:var(--space-2);min-height:var(--space-11);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-sm);color:var(--text);display:flex}.mission-status strong{margin-left:var(--space-3);color:var(--subject-accent,var(--accent-text))}.status-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--warning);flex:none}.workbench-grid{grid-template-columns:calc(var(--space-16) * 4) minmax(0, 1fr) calc(var(--space-16) * 5);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow);display:grid;overflow:hidden}.mission-rail,.evidence-panel{padding:var(--space-6);background:var(--navy)}.mission-rail{border-right:1px solid var(--line)}.evidence-panel{border-left:1px solid var(--line)}.step-list{margin:var(--space-6) 0;padding:0;list-style:none}.step-list li{padding:var(--space-2) 0 var(--space-2) var(--space-7);color:var(--muted);position:relative}.step-list li:before{content:"";left:0;top:var(--space-3);width:var(--space-2);height:var(--space-2);border:2px solid var(--line);border-radius:var(--radius-full);position:absolute}.step-list li.active{color:var(--text)}.step-list li.active:before{border-color:var(--subject-accent,var(--accent))}.step-list li.done{color:var(--subject-accent,var(--accent-text))}.step-list li.done:before{background:var(--subject-accent,var(--accent));border-color:var(--subject-accent,var(--accent))}.standard-box{padding:var(--space-4);border-left:2px solid var(--subject-accent,var(--accent));background:var(--fill);color:var(--muted);font-size:var(--text-sm);line-height:1.55}.standard-box span{color:var(--subject-accent,var(--accent-text));font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);font-weight:700;display:block}.tool-panel{background:var(--surface);min-width:0}.tool-bar{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--space-12);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);color:var(--text);font-weight:600;display:flex}.offline-pill{color:var(--success-fg);font-size:var(--text-xs);font-weight:600}.tool-canvas{min-height:calc(var(--space-16) * 5);padding:var(--space-8);background:var(--console);position:relative;overflow:hidden}.signal-grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:var(--space-7) var(--space-7);opacity:.45;pointer-events:none;position:absolute;inset:0}.console-output{gap:var(--space-3);max-width:44rem;display:grid;position:relative}.console-output code{padding:var(--space-3);border-left:2px solid var(--console-line);background:var(--fill);color:var(--console-fg);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;display:block}.console-output .console-success{border-color:var(--success);color:var(--success-fg)}.console-output .console-warning{border-color:var(--warning);color:var(--warning-fg)}.action-grid{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.action-button{min-height:calc(var(--space-16) + var(--space-8));text-align:left;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--navy);color:var(--text);padding:var(--space-3);cursor:pointer;transition:transform var(--duration) var(--ease), opacity var(--duration) var(--ease)}.action-button.selected{border-color:var(--subject-accent,var(--accent));background:color-mix(in srgb, var(--subject-accent,var(--accent)) 12%, var(--navy))}.action-button span{margin-bottom:var(--space-2);font-weight:600;display:block}.action-button small{color:var(--muted);font-family:var(--font-mono)}.option-list{gap:var(--space-2);margin:var(--space-4) 0;display:grid}.option{align-items:center;gap:var(--space-3);min-height:var(--space-11);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;transition:transform var(--duration) var(--ease), opacity var(--duration) var(--ease);display:flex}.option.selected{border-color:var(--subject-accent,var(--accent));color:var(--text);background:color-mix(in srgb, var(--subject-accent,var(--accent)) 10%, transparent)}.option input{width:var(--space-4);height:var(--space-4);accent-color:var(--subject-accent,var(--accent))}.feedback{padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);margin:var(--space-4) 0;line-height:1.5}.feedback.success{background:var(--success-bg);color:var(--success-fg)}.feedback.caution{background:var(--warning-bg);color:var(--warning-fg)}.evidence-field{gap:var(--space-2);font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-4);display:grid}.evidence-field textarea,.input,.select{width:100%;min-height:var(--space-11);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--console);color:var(--text);padding:var(--space-3);line-height:1.5}.evidence-field textarea{resize:vertical;min-height:calc(var(--space-16) * 2)}.evidence-panel .primary-button{width:100%;margin-top:var(--space-3)}.telemetry-note{font-size:var(--text-xs);margin-top:var(--space-4);line-height:1.45}.learning-blocks{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.learning-block{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.learning-block>span{color:var(--subject-accent,var(--accent-text));font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.block-warning{border-color:color-mix(in srgb, var(--warning) 45%, var(--line))}.auth-shell{min-height:75vh;padding:var(--space-8) 0;place-items:center;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);width:min(440px,100%);padding:var(--space-8);box-shadow:var(--shadow)}.form{gap:var(--space-4);display:grid}.form-spaced{margin-top:var(--space-4)}.auth-note{margin-top:var(--space-5)}.field{gap:var(--space-2);color:var(--muted);font-size:var(--text-sm);display:grid}.button-secondary{border:1px solid var(--line);color:var(--text);background:0 0}.notice{border-left:2px solid var(--accent);padding:var(--space-3) var(--space-4);background:var(--surface-2);color:var(--muted)}.notice.error{border-color:var(--danger);color:var(--danger-fg);background:var(--danger-bg)}.empty{border:1px dashed var(--line);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--muted)}@media (prefers-color-scheme:light){.home:before{background:radial-gradient(42rem 20rem at 100% -8%, color-mix(in srgb, var(--subject-accent,var(--accent)) 16%, transparent), transparent 68%), linear-gradient(180deg, color-mix(in srgb, var(--subject-accent,var(--accent)) 8%, var(--bg)), var(--bg) 26rem)}.continue-card{background:linear-gradient(165deg, color-mix(in srgb, var(--subject-accent) 24%, white), #fff 48%), #fff;box-shadow:var(--vs-shadow-l)}.subject-story-ring .progress-ring circle:first-child,.subject-story-ring .progress-ring-value{stroke:color-mix(in srgb, var(--subject-accent) 68%, #14211c)}.subject-page:before,.topic-page:before{background:radial-gradient(36rem 16rem at 0% -4rem, color-mix(in srgb, var(--subject-accent) 14%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--subject-accent) 7%, var(--bg)), var(--bg) 22rem)}.eyebrow,.panel-label,.domain-code,.meta,.mission-launch span,.learning-block>span,.standard-box span,.mission-status strong,.step-list li.done{color:color-mix(in srgb, var(--subject-accent,var(--accent-text)) 42%, var(--ink))}.domain-code span{color:var(--muted)}}@media (prefers-color-scheme:dark){.home:before{background:radial-gradient(50rem 26rem at 100% -12%, color-mix(in srgb, var(--subject-accent,var(--accent)) 36%, transparent), transparent 64%), var(--bg)}.continue-card{box-shadow:0 0 0 1px color-mix(in srgb, var(--subject-accent) 32%, transparent), var(--vs-shadow-l)}.subject-story.is-current .subject-story-ring,.subject-story.is-mastered .subject-story-ring{box-shadow:0 0 0 7px color-mix(in srgb, var(--subject-accent) 20%, transparent), 0 0 28px color-mix(in srgb, var(--subject-accent) 45%, transparent)}.subject-page:before,.topic-page:before{background:radial-gradient(42rem 20rem at 0% -8%, color-mix(in srgb, var(--subject-accent) 32%, transparent), transparent 68%), var(--bg)}}@media (max-width:1050px){.domain-grid{grid-template-columns:repeat(2,1fr)}.workbench-grid{grid-template-columns:calc(var(--space-16) * 3 + var(--space-8)) minmax(0, 1fr)}.evidence-panel{border-left:0;border-top:1px solid var(--line);gap:var(--space-4);grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.evidence-panel>.panel-label,.evidence-panel>h2,.evidence-panel>.option-list,.evidence-panel>.feedback{grid-column:1}.evidence-field,.evidence-panel>.primary-button,.telemetry-note{grid-column:2}}@media (max-width:760px){.shell{width:min(100% - var(--space-6), var(--shell-max))}.nav{margin-inline:calc(var(--space-3) * -1);padding-inline:var(--space-3)}.toolbar>span{display:none}.dashboard-hero{padding:var(--space-4) 0 var(--space-6);gap:var(--space-4);grid-template-columns:1fr}.dashboard-hero h1{font-size:var(--text-2xl);margin:var(--space-2) 0}.dashboard-hero .hero-lead,.home .hero-actions .primary-button,.home .hero-actions .text-link{display:none}.continue-lead{display:block}.readiness-card strong{font-size:var(--text-3xl)}.home{padding-bottom:calc(var(--space-16) + var(--space-12))}.home-intro{padding:var(--space-6) 0 var(--space-4)}.home-intro h1{font-size:var(--text-2xl)}.home-intro p{font-size:var(--text-sm)}.subject-rail-section{margin-inline:calc(var(--space-3) * -1)}.continue-card{margin:var(--space-3) 0;padding:var(--space-5);display:block}.continue-card h2{font-size:var(--text-2xl)}.continue-card-stats{margin:var(--space-4) 0;gap:var(--space-3)}.continue-card .primary-button{width:100%}.compact-subject-row{grid-template-columns:44px minmax(0,1fr) auto}.compact-subject-progress small{display:none}.readiness-card{padding:var(--space-5)}.mission-strip{margin-bottom:var(--space-12);grid-template-columns:1fr 1fr}.mission-strip div:nth-child(2){border-right:0}.mission-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-heading{display:block}.domain-grid{grid-template-columns:1fr}.subject-hero,.hero{padding:var(--space-8) 0 var(--space-6)}.competency-panel,.mission-header{grid-template-columns:1fr}.workbench-grid{display:block}.mission-rail,.evidence-panel{border:0;border-bottom:1px solid var(--line)}.tool-canvas{min-height:calc(var(--space-16) * 4);padding:var(--space-5)}.action-grid{grid-template-columns:1fr}.evidence-panel{display:block}.learning-blocks,.mission-launch{grid-template-columns:1fr}.subject-page .mission-launch,.lesson .lesson-mission{display:none}.has-thumb{padding-bottom:calc(var(--space-16) + var(--space-12))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.stagger-in,.subject-story{opacity:1;animation-delay:0s;transform:none}.subject-story-ring{transform:none}}.admin-page{min-width:0;padding:var(--space-8) 0 var(--space-16)}.admin-frame{min-width:0;display:block}.admin-nav{gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.admin-nav a{min-height:var(--space-11);padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--text);align-items:center;display:inline-flex}.admin-nav a[aria-current=page]{border-color:var(--accent);background:var(--surface-2)}.admin-stats,.admin-stack,.admin-actions,.admin-section{gap:var(--space-4);min-width:0;display:grid}.admin-section{margin-top:var(--space-8)}.admin-stat{min-width:0}.admin-stat strong{margin-top:var(--space-3);color:var(--text);font-size:var(--text-2xl);display:block}.admin-hint{margin:var(--space-2) 0 0;font-size:var(--text-sm)}.admin-body{max-width:var(--measure);color:var(--text);white-space:pre-wrap}.admin-member{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;padding:var(--space-5)}.admin-member.is-suspended{border-color:var(--danger)}.admin-roles{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.admin-role{align-items:center;gap:var(--space-2);min-height:var(--space-11);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface-2);display:inline-flex}.admin-record{gap:var(--space-2);min-width:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);display:grid}.admin-record dt{color:var(--muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.admin-record dd{margin:0 0 var(--space-2);color:var(--text)}.admin-plain{margin:var(--space-3) 0 0;padding-left:var(--space-5);color:var(--text)}.button:disabled,.button-secondary:disabled{opacity:.4;cursor:not-allowed}textarea.input{min-height:calc(var(--space-16) * 2);resize:vertical}@media (min-width:760px){.admin-stats{grid-template-columns:1fr 1fr}}@media (hover:hover) and (pointer:fine){.primary-button:hover:not(:disabled),.button:hover:not(:disabled){transform:translateY(-1px)}.button-secondary:hover:not(:disabled){background:var(--fill)}.domain-card:hover,.card:hover,.mission-launch:hover{background:var(--surface-2);border-color:color-mix(in srgb, var(--subject-accent,var(--accent)) 55%, var(--line));transform:translateY(-2px)}.continue-card:hover{transform:translateY(-4px)}.subject-story:hover{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-3px)}.compact-subject-row:hover{transform:translateY(-2px)}.continue-card:active{transform:scale(.985)}.subject-story:active,.compact-subject-row:active{transform:scale(.96)}.action-button:hover{border-color:var(--subject-accent,var(--accent));background:color-mix(in srgb, var(--subject-accent,var(--accent)) 12%, var(--navy))}.option:hover{background:var(--fill)}.admin-nav a:hover{background:var(--surface-2)}.text-link:hover{border-bottom-color:var(--text)}.data-table tbody tr:hover{background:var(--fill)}.roster .button,.data-table .button{min-height:var(--space-8)}}@media (min-width:1100px){.home-stage{grid-template-columns:minmax(16rem,.62fr) minmax(35rem,1.38fr);grid-template-areas:"intro card""rail rail";align-content:center;gap:clamp(2rem,4vw,4.5rem);min-height:calc(100svh - 10rem);display:grid}.home-intro{grid-area:intro;align-self:center;max-width:20rem;padding:0}.home-intro h1{font-size:clamp(2.85rem,4vw,4.65rem)}.home-intro p{max-width:30ch;font-size:var(--text-lg)}.subject-rail-section{margin-inline:0;grid-area:rail;margin-top:0}.rail-heading{padding-inline:0}.rail-heading span{font-size:0}.rail-heading span:after{content:"Izaberi oblast · strelice za tastaturu";font-size:var(--text-xs)}.continue-card{flex-direction:column;grid-area:card;justify-content:space-between;align-items:flex-start;min-height:22rem;margin:0;padding:clamp(2.25rem,4vw,4rem);display:flex}.continue-card h2{max-width:16ch;font-size:clamp(2.35rem,3.3vw,4rem)}.continue-card-stats{margin-top:var(--space-5)}.continue-card .primary-button{margin-top:var(--space-6);grid-area:auto}.subject-rail{gap:var(--space-4) var(--space-6);padding:var(--space-3) 0 var(--space-6);scroll-snap-type:none;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow:visible}.subject-story,.subject-story.is-current{column-gap:var(--space-3);min-width:0;min-height:92px;padding:var(--space-2);text-align:left;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);place-items:center start}.subject-story-ring,.subject-story.is-locked .subject-story-ring{grid-row:1/span 2;width:64px;height:64px}.subject-story.is-current .subject-story-ring{width:82px;height:82px}.subject-story-title,.subject-story.is-current .subject-story-title{max-width:12ch}.subject-story-state{grid-column:2}.compact-subject-list{grid-template-columns:1fr 1fr;display:grid}.compact-subject-row:nth-child(odd){border-right:1px solid var(--line)}.subject-stage{gap:var(--space-10);grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);align-items:end;display:grid}.subject-hero{max-width:none}.subject-launch .mission-launch{height:100%;margin-bottom:0}.admin-frame{grid-template-columns:calc(var(--space-16) * 3 + var(--space-8)) minmax(0, 1fr);column-gap:var(--space-8);align-items:start;display:grid}.admin-nav{top:calc(var(--space-16) + var(--space-6) + var(--space-1));margin:var(--space-8) 0 0;flex-flow:column;position:sticky}.admin-nav a{justify-content:flex-start}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.roster{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.roster-head,.member-line{gap:var(--space-4);padding:var(--space-4);border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:minmax(0,1.15fr) minmax(0,1.35fr) minmax(0,.9fr) minmax(0,1.7fr);align-items:start;display:grid}.roster-head{color:var(--muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.member-line:last-child{border-bottom:0}.member-line.is-suspended{box-shadow:inset 2px 0 0 var(--danger)}.roster h2{font-size:var(--text-lg);margin:var(--space-2) 0 0}.data-table{display:table}.data-table thead{display:table-header-group}.data-table tbody{display:table-row-group}.data-table tr{background:0 0;border:0;border-radius:0;margin:0;padding:0;display:table-row}.data-table th,.data-table td{width:auto;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);display:table-cell}.data-table td:before{content:none}}@media (min-width:1440px){:root{--shell-max:calc(var(--space-16) * 24)}.domain-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-hero{grid-template-columns:minmax(0, 1fr) calc(var(--space-16) * 5);gap:var(--space-16);align-items:start}.admin-stats{grid-template-columns:repeat(auto-fit, minmax(calc(var(--space-16) * 3 + var(--space-8)), 1fr))}.workbench-grid{grid-template-columns:calc(var(--space-16) * 4) minmax(0, 1fr) calc(var(--space-16) * 5)}.console-output{max-width:none}.tool-canvas{min-height:calc(var(--space-16) * 7)}.action-grid{grid-template-columns:repeat(auto-fit, minmax(calc(var(--space-16) * 3 + var(--space-8)), 1fr))}}@media (min-width:1920px){:root{--shell-max:calc(var(--space-16) * 28)}}.roster{gap:var(--space-4);min-width:0;display:grid}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.data-table .num,.roster .num{font-variant-numeric:tabular-nums}.admin-compose{max-width:calc(var(--measure) + var(--space-12))}@media (max-width:1099px){.roster-head{display:none}.member-line{gap:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;padding:var(--space-5);display:grid}.member-line.is-suspended{border-color:var(--danger)}.data-table thead{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:block;position:absolute;overflow:hidden}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.data-table td{grid-template-columns:minmax(calc(var(--space-16) * 2), 38%) minmax(0, 1fr);gap:var(--space-3);padding:var(--space-2) 0;align-items:start;display:grid}.data-table td:before{content:attr(data-label);color:var(--muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.data-table tr.data-follow{margin-top:calc(var(--space-4) * -1);margin-bottom:var(--space-4);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:0;padding-top:0}.data-table tr.data-lead{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0;margin-bottom:0}.data-table td[data-label=""]{display:block}.data-table td[data-label=""]:before{content:none}}@media (min-width:1100px){.data-table .num{text-align:right}.data-table{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);border-collapse:separate;border-spacing:0;width:100%;overflow:clip}.data-table th,.data-table td{overflow-wrap:anywhere}.data-table th{text-align:left;color:var(--muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;background:var(--navy);font-weight:700}.roster{gap:0}}.learner-kicker{margin-top:var(--space-6);display:block}.learner-tally{margin:var(--space-2) 0 0;color:var(--text);font-size:var(--text-base)}.domain-progress{align-items:center;gap:var(--space-3);margin-top:var(--space-4);color:var(--text);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.progress-ring{width:var(--space-10);height:var(--space-10);flex:none}.progress-ring circle{fill:none;stroke:var(--meter-track);stroke-width:3px}.progress-ring-value{stroke:var(--subject-accent,var(--accent));stroke-linecap:round;transform-origin:50%;transform:rotate(-90deg)}.evidence-why{color:var(--muted);font-size:var(--text-sm);line-height:1.5}.step-count,.step-dock,.thumb-dock{display:none}.resource-list{gap:var(--space-3);display:grid}.resource-card{gap:var(--space-2);min-height:var(--space-11);padding:var(--space-5);border:1px solid var(--line);border-left:var(--space-1) solid var(--accent);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);display:grid}.resource-kind{color:var(--accent-text);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.resource-card strong{font-size:var(--text-lg)}.resource-meta,.resource-network{gap:var(--space-3);color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.resource-network{color:var(--warning-fg)}.duration-fields{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.check-field{align-items:center;gap:var(--space-3);min-height:var(--space-11);color:var(--text);display:flex}.check-field input{width:var(--space-5);height:var(--space-5);accent-color:var(--accent)}.lesson-materials{margin:var(--space-6) 0 var(--space-8)}.lesson-materials h2{font-size:var(--text-xl)}@media (min-width:761px){.checkpoint-block,.evidence-block{display:contents}}@media (max-width:760px){.thumb-dock,.step-dock{gap:var(--space-3);z-index:30;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--nav);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);display:grid;position:fixed;bottom:0;left:0;right:0}.thumb-dock .primary-button,.step-dock .primary-button{width:100%}.step-dock-meta{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--text);font-size:var(--text-sm);font-variant-numeric:tabular-nums;display:flex}.step-back{min-height:var(--space-11)}.workbench-grid .mission-rail,.workbench-grid .tool-panel,.workbench-grid .evidence-panel{display:none}.workbench-grid[data-step="0"] .mission-rail,.workbench-grid[data-step="1"] .tool-panel,.workbench-grid[data-step="2"] .evidence-panel,.workbench-grid[data-step="3"] .evidence-panel{display:block}.workbench-grid[data-step="2"] .evidence-block,.workbench-grid[data-step="3"] .checkpoint-block{display:none}.mission-page{padding-bottom:calc(var(--space-16) + var(--space-14))}.mission-page .mission-status,.mission-page:not([data-step="0"]) .mission-header p,.mission-page:not([data-step="0"]) .learning-blocks,.mission-page[data-step="3"] .step-dock{display:none}.mission-page[data-step="3"] .step-count{margin:0 0 var(--space-3);color:var(--text);font-size:var(--text-sm);display:block}.mission-page[data-step="3"] .evidence-submit{z-index:30;width:auto;min-height:calc(var(--space-14) + env(safe-area-inset-bottom));padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));border-radius:0;margin:0;position:fixed;bottom:0;left:0;right:0}}.offline-status{min-height:var(--space-8);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-full);color:var(--text);font-size:var(--text-sm);align-items:center;text-decoration:none;display:inline-flex}.offline-status[data-state=offline]{color:var(--warning-fg);border-color:var(--warning)}.offline-status[data-state=waiting]{color:var(--accent-text);border-color:var(--accent)}.outbox-panel,.outbox-list{gap:var(--space-4);display:grid}.outbox-card{gap:var(--space-2);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--muted);display:grid}.outbox-card strong{color:var(--text)}.mentor-frame{min-width:0}.mentor-frame .admin-page,.mentor-frame .admin-stat,.mentor-frame .data-table td{overflow-wrap:anywhere;min-width:0}.mentor-proof{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.mentor-trail{margin:var(--space-2) 0 0;padding-left:var(--space-5)}.mentor-split,.mentor-actions{gap:var(--space-3);min-width:0;display:grid}.mentor-frame .button,.mentor-frame .button-secondary,.mentor-frame .select,.mentor-frame textarea.input,.mentor-frame .data-table .button,.mentor-frame .data-table .button-secondary{min-height:var(--space-11)}.evidence-queue{min-width:0;max-width:100%}.evidence-queue .mentor-actions .button,.evidence-queue .mentor-actions .button-secondary,.evidence-queue textarea.input{width:100%;max-width:calc(var(--measure) * .8);min-height:var(--space-11);border-radius:var(--radius-md)}.home{padding-bottom:var(--vs-space-8)}.dashboard-hero{border-bottom:1px solid var(--vs-line);min-height:34rem;position:relative}.dashboard-copy h1{max-width:12ch;font-size:var(--vs-text-3xl);letter-spacing:-.045em;font-weight:720}.hero-lead{font-size:var(--vs-text-lg)}.readiness-card{box-shadow:var(--vs-shadow-m);border-radius:var(--vs-radius-l)}.mission-strip{margin-top:calc(var(--vs-space-6) * -1);border-radius:var(--vs-radius-l);box-shadow:var(--vs-shadow-s)}#oblasti{scroll-margin-top:6rem}.section-heading{margin-top:var(--vs-space-8)}.section-heading h2{letter-spacing:-.035em;max-width:18ch}.domain-grid{gap:var(--vs-space-5)}.domain-card{min-height:21rem;padding:var(--vs-space-6);border:1px solid color-mix(in srgb, var(--subject-accent) 35%, var(--vs-line));border-radius:var(--vs-radius-l);background:linear-gradient(145deg, color-mix(in srgb, var(--subject-accent) 15%, transparent), transparent 48%), var(--vs-surface);box-shadow:var(--vs-shadow-s);flex-direction:column;display:flex}.domain-card:before{content:"";width:2.75rem;height:4px;margin-bottom:var(--vs-space-6);background:var(--subject-accent);border-radius:999px}.domain-card h3{margin-top:var(--vs-space-4);font-size:var(--vs-text-xl);letter-spacing:-.025em}.domain-card>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.domain-code{align-items:center}.domain-code strong{color:var(--vs-text);font-size:var(--vs-text-sm)}.domain-order{color:var(--vs-text-dim);font-weight:700}.domain-card .domain-progress{padding-top:var(--vs-space-6);margin-top:auto}.domain-card .meta{padding-top:var(--vs-space-4);border-top:1px solid var(--vs-line);align-items:center}.domain-card .meta strong{color:var(--vs-text)}.progress-ring{width:44px;height:44px}.progress-ring circle{stroke-width:3.5px}.progress-ring-value{transition:opacity var(--vs-dur-slow) var(--vs-ease-out)}.progress-ring.is-complete .progress-ring-value{stroke-width:5px}.lesson-state{align-items:center;gap:var(--vs-space-2);border:1px solid var(--vs-line);width:fit-content;min-height:32px;padding:0 var(--vs-space-3);color:var(--vs-text-dim);font-size:var(--vs-text-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;font-weight:750;display:inline-flex}.lesson-state.is-mastered{border-color:color-mix(in srgb, var(--success) 45%, var(--vs-line));background:var(--success-bg);color:var(--success-fg)}.card.is-locked{background:color-mix(in srgb, var(--vs-surface-2) 68%, var(--vs-surface));box-shadow:none;border-style:dashed}.workbench-steps{gap:var(--vs-space-2);margin:0 0 var(--vs-space-4);grid-template-columns:repeat(4,1fr);display:grid}.workbench-step{align-items:center;gap:var(--vs-space-3);border:1px solid var(--vs-line);border-radius:var(--vs-radius-m);min-height:58px;padding:var(--vs-space-3);background:var(--vs-surface);color:var(--vs-text-dim);text-align:left;cursor:pointer;transition:transform var(--vs-dur-fast) var(--vs-ease), opacity var(--vs-dur-fast) var(--vs-ease);display:flex}.workbench-step>span{border:1px solid var(--vs-line);width:30px;height:30px;font-size:var(--vs-text-xs);border-radius:999px;flex:none;place-items:center;display:grid}.workbench-step strong{font-size:var(--vs-text-sm)}.workbench-step.is-current{border-color:var(--subject-accent);color:var(--vs-text);box-shadow:inset 0 -3px 0 var(--subject-accent)}.workbench-step.is-current>span,.workbench-step.is-past>span{border-color:var(--subject-accent);background:var(--subject-accent);color:#071510}.workbench-grid{border-radius:var(--vs-radius-l);box-shadow:var(--vs-shadow-m)}.feedback,.action-feedback{animation:feedback-in var(--vs-dur-slow) var(--vs-ease-out) both}.action-feedback{border-radius:var(--vs-radius-s);box-shadow:var(--vs-shadow-s)}.feedback{padding:var(--vs-space-4);font-size:var(--vs-text-base);border:1px solid;font-weight:650}@keyframes feedback-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.dashboard-hero{border-bottom:0;min-height:auto}.dashboard-copy h1{max-width:15ch}.mission-strip{margin-top:0}.section-heading{margin-top:var(--vs-space-6)}.domain-grid{gap:var(--vs-space-4)}.domain-card{min-height:18.5rem;padding:var(--vs-space-5)}.domain-card:before{margin-bottom:var(--vs-space-4)}.workbench-steps{z-index:18;margin-inline:calc(var(--vs-space-3) * -1);padding:var(--vs-space-2) var(--vs-space-3);border-block:1px solid var(--vs-line);background:var(--vs-bg);grid-template-columns:repeat(4,minmax(0,1fr));position:sticky;top:4rem}.workbench-step{min-height:52px;padding:var(--vs-space-2);justify-content:center}.workbench-step strong{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.workbench-step>span{width:32px;height:32px}.workbench-grid{border-radius:var(--vs-radius-m)}.mission-rail,.tool-panel,.evidence-panel{min-height:26rem}}@media (prefers-reduced-motion:reduce){.subject-story,.subject-story:hover,.subject-story:active,.subject-story-ring,.subject-story:hover .subject-story-ring{transform:none}.progress-ring-value,.workbench-step,.feedback,.action-feedback{transition:none;animation:none}}
.shell:has(.bottom-nav){padding-bottom:calc(88px + env(safe-area-inset-bottom))}.bottom-nav{z-index:50;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid var(--line);background:color-mix(in srgb, var(--navy) 90%, transparent);-webkit-backdrop-filter:saturate(140%)blur(18px);backdrop-filter:saturate(140%)blur(18px);border-radius:22px;grid-template-columns:repeat(5,1fr);width:min(560px,100% - 20px);min-height:64px;padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 36px #00000047}.bottom-nav a{min-width:0;min-height:52px;color:var(--muted);transition:transform var(--duration) var(--ease), opacity var(--duration) var(--ease);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.67rem;font-weight:600;line-height:1.15;display:flex;position:relative}.bottom-nav a svg{flex:none;width:22px;height:22px}.bottom-nav a[aria-current=page]{color:var(--text);background:var(--surface-2)}.bottom-nav a[aria-current=page]:after{content:"";background:var(--accent);border-radius:2px;width:14px;height:2px;position:absolute;bottom:4px}.bottom-nav a:active{transform:scale(.96)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.offline-status{z-index:60;top:max(8px, env(safe-area-inset-top));border:1px solid color-mix(in srgb, var(--warning) 60%, var(--line));background:var(--navy);width:min(520px,100% - 24px);min-height:44px;color:var(--warning-fg);box-shadow:var(--shadow);border-radius:14px;align-items:center;padding:10px 16px;display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (min-width:1000px){.shell:has(.bottom-nav){padding-bottom:0;padding-left:112px}.bottom-nav{left:max(12px, calc((100vw - var(--shell-max)) / 2 - 104px));grid-template-columns:1fr;width:88px;top:88px;bottom:auto;transform:none}.bottom-nav a{min-height:64px;font-size:.72rem}}@media (prefers-reduced-motion:reduce){.bottom-nav a{transition:none}}.member-page{min-width:0;padding:clamp(32px,6vw,72px) 0 72px}.member-page>h1{max-width:780px}.member-lead{max-width:700px;font-size:var(--text-lg)}.member-panel{border:1px solid var(--line);background:var(--surface);border-radius:22px;min-width:0;padding:clamp(20px,3vw,32px)}.member-panel h2{margin-top:6px}.panel-heading{justify-content:space-between;align-items:start;gap:20px;padding-bottom:20px;display:flex}.panel-heading>span{color:var(--muted);font-size:var(--text-sm)}.member-empty{border:1px dashed var(--line);color:var(--muted);border-radius:22px;justify-items:start;gap:8px;padding:clamp(28px,5vw,52px);display:grid}.member-empty>span{color:var(--accent-text);font-size:2rem}.team-groups{gap:22px;margin-top:32px;display:grid}.team-table{border-top:1px solid var(--line)}.team-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1fr) minmax(130px,.5fr) minmax(170px,.6fr);align-items:center;gap:16px;min-height:64px;display:grid}.team-row>span:not(:first-child){text-align:right}.team-row>span:first-child{color:var(--text);align-items:center;gap:12px;display:flex}.team-head{min-height:44px;color:var(--muted);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.profile-avatar{background:var(--surface-2);color:var(--accent-text);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar-small{width:32px;height:32px}.profile-avatar-medium{width:44px;height:44px}.profile-avatar-large{width:64px;height:64px;font-size:.9rem}.self-label{background:var(--surface-2);color:var(--muted);font-size:var(--text-xs);border-radius:999px;padding:3px 7px;font-weight:600}.team-unavailable{color:var(--muted);font-size:var(--text-sm)}.privacy-note{border-left:2px solid var(--accent);color:var(--muted);font-size:var(--text-sm);margin-top:18px;padding:14px 16px}.message-layout{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:start;gap:22px;margin-top:32px;display:grid}.message-list{gap:10px;display:grid}.message-side{gap:22px;display:grid}.message-card{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.message-card-copy{flex:1;min-width:0}.message-card.is-open{border-left:2px solid var(--accent);padding-left:14px}.message-card h3{font-size:var(--text-base);margin:3px 0}.message-card time,.message-open time{color:var(--muted);font-size:var(--text-xs)}.message-card .button{flex:none}.message-direction{color:var(--accent-text);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.message-person{align-items:center;gap:14px;margin-bottom:18px;display:flex}.message-person>div{gap:4px;display:grid}.message-body{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--text);white-space:pre-wrap;margin:22px 0;padding:18px 0}.messages-page textarea,.settings-page textarea{resize:vertical;min-height:130px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:32px;display:grid}.settings-signout{grid-column:1/-1}.account-details{gap:0;margin:20px 0 0;display:grid}.account-details div{border-top:1px solid var(--line);grid-template-columns:110px 1fr;gap:16px;padding:14px 0;display:grid}.account-details dt{color:var(--muted)}.account-details dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-weight:600}.settings-page .install-app{margin:16px 0 0}.install-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.avatar-settings{grid-column:1/-1}.avatar-grid{grid-template-columns:repeat(6,minmax(52px,1fr));gap:12px;margin:22px 0;display:grid}.avatar-option{background:var(--surface-2);cursor:pointer;min-width:52px;min-height:68px;transition:transform var(--duration) var(--ease), opacity var(--duration) var(--ease);border:2px solid #0000;border-radius:18px;justify-content:center;align-items:center;padding:4px;display:flex}.avatar-option[aria-checked=true]{border-color:var(--accent);outline:3px solid color-mix(in srgb, var(--accent) 24%, transparent);outline-offset:2px}.avatar-option:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.avatar-option:active{transform:scale(.96)}@media (max-width:760px){.member-page{padding-top:28px}.team-row{grid-template-columns:1fr 1fr;padding:13px 0}.team-row>span:first-child{grid-column:1/-1}.team-head{display:none}.team-row>span:not(:first-child){text-align:left}.team-row>span:nth-child(2):before{content:"Misije";color:var(--muted);text-transform:uppercase;font-size:.68rem;display:block}.team-row>span:nth-child(3):before{content:"Kompetencije";color:var(--muted);text-transform:uppercase;font-size:.68rem;display:block}.message-layout,.settings-grid{grid-template-columns:1fr}.settings-signout,.avatar-settings{grid-column:auto}.message-card{align-items:end}}@media (max-width:520px){.avatar-grid{grid-template-columns:repeat(4,minmax(52px,1fr))}}@media (prefers-reduced-motion:reduce){.member-page *,.member-page :before,.member-page :after{transition:none!important;animation:none!important}}