*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary-blue:#d4875e;--color-primary-dark:#c0764f;--color-primary-light:#f5e6db;--color-primary-50:#fdf8f5;--color-accent-green:#5bad7a;--color-accent-orange:#d4a74e;--color-accent-red:#ef4444;--color-status-waiting:#a0a0a0;--color-status-progress:#d4a74e;--color-status-complete:#5bad7a;--color-status-error:#ef4444;--color-difficulty-beginner:#5bad7a;--color-difficulty-intermediate:#d4a74e;--color-difficulty-advanced:#ef4444;--color-text-primary:#1a1a1a;--color-text-secondary:#7a7a7a;--color-text-hint:#a0a0a0;--color-divider:#edeae6;--color-background:#fefdfb;--color-surface:#fff;--color-section-bg:#faf6f1;--color-section-1:#faf8f5;--color-section-2:#f8f4ef;--color-section-3:#faf6f1;--color-section-4:#f5f0ea;--color-section-5:#fff;--color-dark-bg:#0f172a;--color-dark-surface:#1e293b;--spacing-xs:0.5rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-xxl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(0,0,0,.06);--shadow-lg:0 4px 16px rgba(0,0,0,.08);--shadow-card:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:200ms cubic-bezier(0.4,0,0.2,1);--font-xs:0.75rem;--font-sm:0.8125rem;--font-base:0.875rem;--font-md:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--max-width:1200px;--content-width:960px;--sidebar-width:280px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:.3}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}html{max-width:100vw;font-size:16px;scroll-behavior:smooth;scrollbar-width:thin}body{overflow-x:clip;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--color-text-primary);background-color:var(--color-background);font-size:var(--font-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;transition:background-color var(--transition-normal),color var(--transition-normal),transform var(--transition-fast),box-shadow var(--transition-normal),border-color var(--transition-normal),opacity var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;outline:none}button:hover:not(:disabled){opacity:.88}@media (hover:none){button:active:not(:disabled){opacity:.85}}@media (hover:hover){button:active:not(:disabled){opacity:.85}}button:disabled{pointer-events:none;cursor:default;opacity:.45}button:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}input,textarea{font:inherit;outline:none;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}input:focus,select,textarea:focus{outline:none}img{max-width:100%;display:block}.material-icons,img{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.material-icons{font-size:16px!important}.material-icons[data-icon=loop]{filter:invert(.85)}.clickable,[role=button],a,label{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity var(--transition-normal)}.skeleton{background:linear-gradient(90deg,var(--color-divider) 25%,#f1f5f9 50%,var(--color-divider) 75%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:.875rem;margin-bottom:.5rem;border-radius:var(--radius-sm)}.skeleton-title{height:1.25rem;width:60%;margin-bottom:.75rem;border-radius:var(--radius-sm)}.skeleton-rect{border-radius:var(--radius-lg)}.headline-large{font-size:var(--font-4xl);font-weight:700}.headline-large,.headline-medium{color:var(--color-text-primary);letter-spacing:-.02em}.headline-medium{font-size:var(--font-3xl);font-weight:600}.headline-small{font-size:var(--font-2xl);letter-spacing:-.01em}.headline-small,.title-large{font-weight:600;color:var(--color-text-primary)}.title-large{font-size:var(--font-xl)}.title-medium{font-weight:500}.body-large,.title-medium{font-size:var(--font-md);color:var(--color-text-primary)}.body-large,.body-medium{font-weight:400}.body-medium{font-size:var(--font-base);color:var(--color-text-primary)}.body-small{font-size:var(--font-xs);font-weight:400;color:var(--color-text-secondary)}.label-large{font-size:var(--font-base)}.label-large,.label-medium{font-weight:500;color:var(--color-text-primary)}.label-medium{font-size:var(--font-xs)}.page-container{max-width:var(--max-width);margin:0 auto;width:100%}.reveal{opacity:0;transform:translateY(8px);transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal.delay-1{transition-delay:40ms}.reveal.delay-2{transition-delay:80ms}.reveal.delay-3{transition-delay:.12s}.reveal.delay-4{transition-delay:.16s}@media (max-width:768px){:root{--spacing-lg:1.25rem;--spacing-xl:1.75rem;--spacing-xxl:2.5rem}}@media (max-width:480px){:root{--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-xxl:2rem}body{font-size:var(--font-sm)}.headline-large{font-size:var(--font-2xl)}.headline-medium{font-size:var(--font-xl)}.headline-small{font-size:var(--font-lg)}.title-large{font-size:var(--font-md)}}