*,*:before,*:after{box-sizing:border-box}img,video,canvas,svg{max-width:100%;height:auto;display:block}:root{--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-muted: #f1f1f1;--color-text: #141414;--color-heading: #0a0a0a;--color-navbar-bg: rgba(255, 255, 255, .92);--color-navbar-text: #0a0a0a;--color-button-bg: #0f0f0f;--color-button-bg-hover: #1f1f1f;--color-button-text: #ffffff;--color-card-bg: #ffffff;--color-card-text: #141414;--color-input-bg: #ffffff;--color-input-text: #141414;--color-border: #e4e4e7;--color-border-strong: #d4d4d8;--color-success-bg: #ecfdf3;--color-success-text: #047857;--color-success-border: #a7f3d0;--color-error-bg: #fee2e2;--color-error-text: #b91c1c;--color-error-border: #fecaca;--color-info-bg: #e0f2fe;--color-info-text: #0369a1;--color-info-border: #bae6fd;--color-warning-bg: #fef3c7;--color-warning-text: #b45309;--color-warning-border: #fde68a;--color-category-default: #999999;--color-field-default: #7d7d7d;--color-muted: #6b7280;--color-muted-soft: #9ca3af;--shadow-soft: 0 6px 18px rgba(15, 23, 42, .06);--shadow-card: 0 10px 28px rgba(15, 23, 42, .08);--shadow-elevated: 0 14px 38px rgba(15, 23, 42, .1);--radius-md: .75rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--font-base: "Inter", "Montserrat", "Segoe UI", sans-serif;--font-heading: "Inter", "Montserrat", "Segoe UI", sans-serif;--line-height-base: 1.65;--line-height-heading: 1.15;--bp-mobile: 640px;--bp-tablet: 1024px;--bp-desktop: 1025px;--navbar-height: 4.25rem;--space-0: 0rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-2-5: .625rem;--space-3-5: .875rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--section-gap: clamp(2.25rem, 5vw, 4rem);--fs-h1: clamp(2.6rem, 1.8rem + 2.5vw, 3.75rem);--fs-h2: clamp(2.1rem, 1.4rem + 1.8vw, 3rem);--fs-h3: clamp(1.6rem, 1.2rem + 1vw, 2.15rem);--fs-h4: clamp(1.3rem, 1.05rem + .6vw, 1.6rem);--fs-p: clamp(1rem, .92rem + .45vw, 1.15rem);--fs-small: clamp(.875rem, .82rem + .3vw, 1rem)}[data-theme=dark]{--color-bg: #050505;--color-surface: #0f0f0f;--color-surface-muted: #111111;--color-text: #f5f5f5;--color-heading: #f9fafb;--color-navbar-bg: rgba(24, 24, 27, .85);--color-navbar-text: #f5f5f5;--color-button-bg: #f5f5f5;--color-button-bg-hover: #e4e4e7;--color-button-text: #050505;--color-card-bg: #18181b;--color-card-text: #f5f5f5;--color-input-bg: #18181b;--color-input-text: #f5f5f5;--color-border: #27272a;--color-border-strong: #3f3f46;--color-success-bg: #064e3b;--color-success-text: #bbf7d0;--color-success-border: #0f766e;--color-error-bg: #7f1d1d;--color-error-text: #fee2e2;--color-error-border: #9f1239;--color-info-bg: #1d4ed8;--color-info-text: #bfdbfe;--color-info-border: #1e40af;--color-warning-bg: #854d0e;--color-warning-text: #fde68a;--color-warning-border: #b45309;--color-category-default: #9ca3af;--color-field-default: #9ca3af;--color-muted: #9ca3af;--color-muted-soft: #71717a;--shadow-soft: 0 6px 18px rgba(0, 0, 0, .28);--shadow-card: 0 12px 28px rgba(0, 0, 0, .34);--shadow-elevated: 0 16px 36px rgba(0, 0, 0, .4)}.skip-link{position:absolute;top:0;left:0;padding:var(--space-2) var(--space-4);background:var(--color-button-bg);color:var(--color-button-text);border-radius:var(--radius-md);transform:translateY(-100%);transition:transform .3s ease;z-index:1000}.skip-link:focus{transform:translateY(0)}html,body{width:100%;min-height:100%;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-base)}body{margin:0;display:flex;flex-direction:column;align-items:stretch;line-height:var(--line-height-base);letter-spacing:-.01em}main{flex:1;display:flex;flex-direction:column;gap:var(--section-gap)}#main-content{padding-top:calc(var(--navbar-height) + var(--space-4))}@media (max-width: var(--bp-mobile)){#main-content{padding-top:calc(var(--navbar-height) + var(--space-2));gap:var(--space-5)}}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-heading);line-height:var(--line-height-heading);letter-spacing:-.035em;margin:0 0 var(--space-6)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4)}p{margin:0 0 var(--space-4);font-size:var(--fs-p);color:var(--color-text)}small{font-size:var(--fs-small);color:var(--color-muted)}strong{font-weight:600;color:var(--color-heading)}a{color:inherit;text-decoration:none}a:hover{opacity:.85}ul,ol{margin:0 0 var(--space-4);padding-left:var(--space-6);color:var(--color-text)}button,input,select,textarea{font-family:var(--font-base)}::placeholder{color:var(--color-muted-soft)}hr{border:none;height:1px;background:var(--color-border);margin:var(--space-6) 0}.body-container{width:min(100%,1200px);margin:0 auto;padding:clamp(2.5rem,5vw,4rem) clamp(.75rem,3.75vw,2.5rem);display:flex;flex-direction:column;gap:var(--section-gap)}@media (max-width: var(--bp-mobile)){:root{--section-gap: clamp(1.25rem, 3.5vw, 1.75rem)}.body-container{padding-inline:clamp(.5rem,4.5vw,1.25rem)}main{gap:clamp(1rem,3.5vw,1.5rem)}.card{padding:clamp(1.35rem,1rem + 1.4vw,2rem)}}@media (min-width: var(--bp-tablet)){.body-container{padding:clamp(4rem,7vw,6rem) clamp(3rem,6vw,4.5rem)}:root{--navbar-height: 5rem}}@media (min-width: var(--bp-desktop)){.body-container{padding:clamp(4.5rem,8vw,7rem) clamp(4rem,7vw,5.5rem)}}.navbar{background-color:var(--color-navbar-bg);color:var(--color-navbar-text);border-radius:var(--radius-xl);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.navbar-icon-button{background:transparent;border:none;box-shadow:none;padding:var(--space-2);min-width:0;min-height:0;color:inherit}.navbar-icon-button:hover{opacity:.8;transform:none;box-shadow:none}.navbar-icon-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}button,.btn-primary,.btn-secondary,.btn-success,.btn-danger{border-radius:var(--radius-lg);border:1px solid transparent;font-weight:600;letter-spacing:-.01em;box-shadow:var(--shadow-soft)}.btn-primary{background-color:var(--color-button-bg);color:var(--color-button-text)}.btn-primary:hover{background-color:var(--color-button-bg-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-success{background-color:var(--color-success-bg);color:var(--color-success-text)}.btn-danger{background-color:var(--color-error-bg);color:var(--color-error-text)}.btn-primary,.btn-secondary,.btn-success,.btn-danger{min-height:44px;min-width:44px;padding-inline:var(--space-4)}.btn-primary:hover,.btn-secondary:hover,.btn-success:hover,.btn-danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.btn-primary:active,.btn-secondary:active,.btn-success:active,.btn-danger:active{transform:translateY(0);box-shadow:var(--shadow-soft)}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-success:focus-visible,.btn-danger:focus-visible{outline:3px solid var(--color-info-bg);outline-offset:2px}.card{background-color:var(--color-card-bg);color:var(--color-card-text);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(1.75rem,1.2rem + 1.2vw,2.5rem);box-shadow:var(--shadow-card);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-elevated)}.shadow,.shadow-sm{box-shadow:0 4px 12px #0f172a0d!important}.shadow-md{box-shadow:0 8px 20px #0f172a12!important}.shadow-lg{box-shadow:0 12px 26px #0f172a14!important}.shadow-xl{box-shadow:0 14px 32px #0f172a17!important}.shadow-2xl{box-shadow:0 16px 36px #0f172a1a!important}[data-theme=dark] .shadow,[data-theme=dark] .shadow-sm{box-shadow:0 4px 12px #00000040!important}[data-theme=dark] .shadow-md{box-shadow:0 8px 20px #0000004d!important}[data-theme=dark] .shadow-lg{box-shadow:0 12px 26px #00000057!important}[data-theme=dark] .shadow-xl{box-shadow:0 14px 32px #0000005c!important}[data-theme=dark] .shadow-2xl{box-shadow:0 16px 36px #00000061!important}.input{background-color:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px #0f172a05}.input:focus{border-color:var(--color-button-bg);box-shadow:0 0 0 4px #0f172a14}.border-theme{border-color:var(--color-border)}.alert-success{background-color:var(--color-success-bg);color:var(--color-success-text)}.alert-error{background-color:var(--color-error-bg);color:var(--color-error-text)}.alert-info{background-color:var(--color-info-bg);color:var(--color-info-text)}.alert-warning{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.feedback-message{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface-muted);color:var(--color-text);font-weight:500;line-height:1.5}.feedback-message--compact{padding:var(--space-2) var(--space-3);font-size:var(--fs-small)}.feedback-message--success{background-color:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-border)}.feedback-message--error{background-color:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-border)}.feedback-message--warning{background-color:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning-border)}.feedback-message--info{background-color:var(--color-info-bg);color:var(--color-info-text);border-color:var(--color-info-border)}.feedback-message__icon{margin-top:2px;flex-shrink:0}.feedback-message__content{display:flex;flex-direction:column;gap:var(--space-1)}.feedback-message__title{margin:0;font-weight:600}.feedback-message__body{margin:0}.status-hint{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-small);font-weight:500}.status-hint--success{color:var(--color-success-text)}.status-hint--warning{color:var(--color-warning-text)}.status-hint--error{color:var(--color-error-text)}.status-surface{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-card-bg);color:var(--color-muted)}.status-surface--success{background-color:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.status-surface--warning{background-color:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text)}.status-surface--error{background-color:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-text)}.status-surface--info{background-color:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-text)}.border-status-success{border-color:var(--color-success-border)!important}.border-status-error{border-color:var(--color-error-border)!important}.bg-status-success{background-color:var(--color-success-text)!important}.bg-status-error{background-color:var(--color-error-text)!important}.icon-status-success{color:var(--color-success-text)}.icon-status-warning{color:var(--color-warning-text)}.icon-status-error{color:var(--color-error-text)}.icon-status-info{color:var(--color-info-text)}.alert-panel{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow-soft)}.alert-panel p{margin:0}[data-theme=dark] .alert-panel{border-color:#ffffff1f;box-shadow:0 10px 30px #00000059}.chart-title{color:var(--chart-color)}.module-node{background-color:var(--color-surface);border-color:var(--color-muted);border-radius:var(--radius-md)}.module-node-completed{background-color:var(--field-color);border-color:var(--field-color)}.module-button{color:var(--color-text);cursor:pointer}.module-button-completed{color:var(--field-color)}.module-button-locked{color:var(--color-muted);cursor:not-allowed}.progress-bar{width:var(--progress-width)}.bg-theme{background-color:var(--color-bg)}.text-theme{color:var(--color-text)}.bg-card{background-color:var(--color-card-bg)}.text-card{color:var(--color-card-text)}.bg-border{background-color:var(--color-border)}.bg-success{background-color:var(--color-success-bg)}.text-success{color:var(--color-success-text)}.bg-error{background-color:var(--color-error-bg)}.text-error{color:var(--color-error-text)}.bg-info{background-color:var(--color-info-bg)}.text-info{color:var(--color-info-text)}.answer-default{background-color:var(--color-card-bg);color:var(--color-card-text);border-color:var(--color-border)}.answer-selected{background-color:var(--color-info-bg);color:var(--color-info-text);border-color:var(--color-info-text)}.answer-correct{background-color:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-text)}.answer-wrong{background-color:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-text)}.loader-line{position:relative;display:block;width:100%;border-radius:9999px;overflow:hidden;background-color:var(--color-border)}.loader-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffffa6,#fff0);animation:loader-shimmer 1.4s ease-in-out infinite}.loader-block{position:relative;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-border);box-shadow:inset 0 1px #ffffff14}.loader-sheen{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);animation:loader-shimmer 1.6s ease-in-out infinite}.loader-orbit{position:relative;width:1.75rem;height:1.75rem}.loader-orbit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;border:2px solid var(--color-border);opacity:.65}.loader-orbit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;border:2px solid transparent;border-top-color:var(--color-button-bg);border-right-color:transparent;animation:loader-spin .9s linear infinite}@keyframes loader-shimmer{to{transform:translate(100%)}}@keyframes loader-spin{to{transform:rotate(360deg)}}.activity-square-active{background-color:var(--color-success-bg);color:var(--color-success-text)}.activity-square-inactive{background-color:var(--color-border);color:var(--color-text)}:root{--motion-duration-fast: .15s;--motion-duration-medium: .3s;--motion-duration-slow: .6s;--motion-ease: cubic-bezier(.4, 0, .2, 1)}body,.navbar,button,.btn-primary,.btn-success,.btn-danger,.card,.input,a{transition:all var(--motion-duration-fast) var(--motion-ease)}.interactive-scale{transition:transform var(--motion-duration-fast) var(--motion-ease)}.interactive-scale:hover,.interactive-scale:focus{transform:scale(var(--interactive-scale, 1.05))}.interactive-scale-110{--interactive-scale: 1.1}.interactive-scale-125{--interactive-scale: 1.25}.fade-in{opacity:0;animation:fadeIn var(--motion-duration-medium) var(--motion-ease) forwards}@keyframes fadeIn{to{opacity:1}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}