:root{--color-dark:#2d1b2e;--color-dark-surface:#1e1226;--color-accent:#e8566d;--color-accent-hover:#c7485b;--color-gold:#d4a574;--color-bg:#faf7f2;--color-card-bg:#f0e6d8;--color-card-bg-strong:#e6d5c3;--color-card-border:#d4c4b0;--color-text:#2a2035;--color-text-on-dark:#f0e6d8;--color-text-heading:#e8566d;--color-text-muted:#7a6f82;--color-success:#4caf50;--color-success-bg:#dcfce7;--color-error:#d32f2f;--color-error-bg:#fee2e2;--font-family:Montserrat,sans-serif;--font-mono:"Courier New",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--inputFontSize:16px;--textFontSize:16px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--shadow-sm:0 1px 3px #2d1b2e14;--shadow-md:0 4px 12px #2d1b2e1f;--shadow-lg:0 8px 24px #2d1b2e29;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease;--z-dropdown:100;--z-modal:1000;--z-mobile-nav:900;--tap-min:44px;--mobile-nav-height:calc(var(--tap-min) + var(--spacing-sm)*2);--root-header-height:75px;--desktop-nav-height:53px;--secondary-nav-height:calc(var(--tap-min) + var(--spacing-sm)*2);--task-nav-dock-height:calc(var(--tap-min) + var(--spacing-sm)*2);--safe-area-bottom:env(safe-area-inset-bottom,0px);--minigame-tile-bg:var(--color-card-bg);--minigame-tile-active:var(--color-accent);--minigame-tile-border:var(--color-card-border);--minigame-correct:var(--color-success);--minigame-correct-bg:var(--color-success-bg);--minigame-incorrect-bg:var(--color-error-bg);--minigame-bg-dark:var(--color-dark);--descriptionColor:var(--color-text-muted)}html{height:100%}html,body{font-family:var(--font-family);font-size:var(--textFontSize);height:100%;color:var(--color-text);background-color:var(--color-dark-surface);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#e8566d26;margin:0;padding:0;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}*{box-sizing:border-box}img{max-width:100%;height:auto}h1{color:var(--color-text-heading);line-height:1.2}h2{color:var(--color-text-heading);line-height:1.3}h3{color:var(--color-text);line-height:1.3}h1:after{content:"";width:3rem;height:3px;margin-top:var(--spacing-xs);background:linear-gradient(90deg,var(--color-gold),transparent);border-radius:var(--radius-full);display:block}h2:after{content:"";width:2rem;height:2px;margin-top:var(--spacing-xs);background:linear-gradient(90deg,var(--color-gold),transparent);border-radius:var(--radius-full);display:block}footer img{margin-left:.5rem}footer a{color:inherit;justify-content:center;align-items:center;text-decoration:none;display:flex}.page-container{width:100%;padding:0 var(--spacing-md);flex-direction:column;align-items:center;display:flex}.card{width:100%;margin:var(--spacing-md)0 0 0;padding:var(--spacing-lg);background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}@media (hover:hover){.card:hover{box-shadow:var(--shadow-md)}}.card:active{box-shadow:var(--shadow-sm);transform:scale(.995)}.card h3{margin:0 0 var(--spacing-md)0;font-size:var(--font-size-2xl)}.card p{font-size:var(--font-size-xl);margin:0}.card-flat{width:100%;margin:var(--spacing-md)0 0 0;padding:var(--spacing-lg);background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-md)}.description{color:var(--color-text-muted);margin-bottom:15px}.error-text{color:var(--color-error);font-size:var(--font-size-sm)}.data-table{border-collapse:collapse;width:100%;margin-top:var(--spacing-lg)}.data-table th{border:1px solid var(--color-accent);padding:var(--spacing-sm);background-color:var(--color-accent-hover);text-align:left;color:var(--color-text-on-dark);font-weight:600}.data-table td{border:1px solid var(--color-accent);padding:var(--spacing-sm)}.submitted-answer{color:#444;border-radius:var(--radius-sm);transition:all var(--transition-normal);background-color:#f9f9f9;width:fit-content;margin-top:10px;padding:10px;font-style:italic}.submitted-incorrect{color:#444;border-radius:var(--radius-sm);transition:all var(--transition-normal);background-color:#f0808080;width:fit-content;margin-top:10px;padding:10px;font-style:italic}.line-break{border-bottom:1px solid var(--color-card-border);width:100%;height:1px}.delete-accordion-btn{width:24px;height:24px;color:var(--color-text-on-dark);cursor:pointer;border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;font-size:12px;display:flex}.delete-accordion-btn:hover{background-color:var(--color-accent);color:var(--color-text-on-dark)}.feedback-win{font-size:var(--font-size-lg);text-align:center;padding:var(--spacing-md);border-radius:var(--radius-md);color:#166534;background-color:var(--color-success-bg);font-weight:700}.feedback-lose{font-size:var(--font-size-lg);text-align:center;padding:var(--spacing-md);border-radius:var(--radius-md);color:#991b1b;background-color:var(--color-error-bg);font-weight:700}.touch-target{min-width:var(--tap-min);min-height:var(--tap-min)}.scroll-x{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:600px){.card,.card-flat{border-radius:var(--radius-sm);margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}}button,a,[role=button]{transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}button:active,[role=button]:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}