:root{--cosy-cream:#fdf8f3;--cosy-cream-dark:#f5ede4;--cosy-white:#fffbf7;--cosy-brown:#3d2e1f;--cosy-brown-light:#5c4a3a;--cosy-brown-muted:#8b7355;--cosy-terracotta:#c4694a;--cosy-terracotta-dark:#a85638;--cosy-terracotta-light:#e8a48c;--cosy-sage:#6b8f71;--cosy-sage-light:#a8c4ac;--cosy-sage-dark:#507a56;--cosy-amber:#d4a84b;--cosy-amber-light:#f0d9a0;--cosy-amber-dark:#b89636;--cosy-error:#b87573;--cosy-error-light:#e8c5c4;--cosy-error-dark:#a05856;--background:var(--cosy-cream);--surface:var(--cosy-white);--surface-secondary:var(--cosy-cream-dark);--text:var(--cosy-brown);--text-secondary:var(--cosy-brown-light);--text-muted:var(--cosy-brown-muted);--primary:var(--cosy-terracotta);--primary-dark:var(--cosy-terracotta-dark);--primary-light:var(--cosy-terracotta-light);--success:var(--cosy-sage);--success-dark:var(--cosy-sage-dark);--success-light:var(--cosy-sage-light);--accent:var(--cosy-amber);--accent-dark:var(--cosy-amber-dark);--accent-light:var(--cosy-amber-light);--secondary:var(--cosy-brown);--secondary-dark:var(--cosy-brown);--secondary-light:var(--cosy-brown-light);--border:#3d2e1f14;--border-strong:#3d2e1f26;--warning:var(--cosy-amber);--warning-dark:var(--cosy-amber-dark);--warning-light:var(--cosy-amber-light);--error:var(--cosy-error);--error-dark:var(--cosy-error-dark);--error-light:var(--cosy-error-light);--info:var(--cosy-sage);--info-light:var(--cosy-sage-light);--gradient-primary:linear-gradient(135deg, var(--cosy-terracotta-light) 0%, var(--cosy-terracotta) 100%);--gradient-card:linear-gradient(135deg, var(--cosy-white) 0%, #f4e9dc80 100%);--gradient-hero:linear-gradient(180deg, var(--cosy-cream) 0%, var(--cosy-cream-dark) 100%);--shadow-primary:0 4px 14px 0 #c4694a26;--shadow-success:0 4px 14px 0 #6b8f7126;--shadow-card:0 4px 24px #3d2e1f0f, 0 1px 2px #3d2e1f0a;--shadow-card-warm:0 4px 24px #c4694a14, 0 1px 2px #3d2e1f0a}.cosy-gradient{background:linear-gradient(180deg, var(--cosy-cream) 0%, var(--cosy-cream-dark) 100%)}.cosy-card{background:var(--cosy-white);border:1px solid #3d2e1f14;box-shadow:0 4px 24px #3d2e1f0f,0 1px 2px #3d2e1f0a}.cosy-card-warm{background:linear-gradient(135deg, var(--cosy-white) 0%, #f4e9dc80 100%);border:1px solid #c4694a26;box-shadow:0 4px 24px #c4694a14,0 1px 2px #3d2e1f0a}.stat-huge{font-family:var(--font-display), "Fredoka", sans-serif;letter-spacing:-.03em;font-size:clamp(4rem,12vw,7rem);font-weight:600;line-height:.9}.hover-lift{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 20px 40px #3d2e1f1f,0 8px 16px #c4694a14}.animate-in{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.paper-texture{position:relative}.paper-texture:before{content:"";opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.warm-glow{position:relative}.warm-glow:after{content:"";pointer-events:none;background:radial-gradient(circle,#d4a84b26 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-100px;right:-100px}.book-spine{border-left:4px solid var(--cosy-terracotta);padding-left:1.5rem}.underline-warm{text-decoration:underline;-webkit-text-decoration-color:var(--cosy-amber);text-decoration-color:var(--cosy-amber);text-underline-offset:6px;text-decoration-thickness:3px}.cosy-btn-primary{background-color:var(--cosy-terracotta);color:var(--cosy-white);transition:background-color .2s,box-shadow .2s}.cosy-btn-primary:hover{background-color:var(--cosy-terracotta-dark);box-shadow:0 4px 14px #c4694a40}.cosy-btn-secondary{background-color:var(--cosy-brown);color:var(--cosy-cream);transition:background-color .2s}.cosy-btn-secondary:hover{background-color:var(--cosy-brown-light)}.cosy-icon-primary{color:var(--cosy-terracotta);background-color:#c4694a1f}.cosy-icon-success{color:var(--cosy-sage);background-color:#6b8f7126}.cosy-icon-accent{color:var(--cosy-amber);background-color:#d4a84b26}.cosy-icon-secondary{color:var(--cosy-brown-light);background-color:#3d2e1f14}
:root{--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #00000014;--shadow-md:0 4px 6px -1px #00000014;--shadow-lg:0 10px 15px -3px #00000014;--shadow-xl:0 20px 25px -5px #00000014;--shadow-2xl:0 25px 50px -12px #0000001f;--duration-instant:0s;--duration-fast:.15s;--duration-base:.25s;--duration-slow:.35s;--duration-slower:.5s;--duration-slowest:.7s;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-full:72rem}.stack-xs>*+*{margin-top:var(--space-2)}.stack-sm>*+*{margin-top:var(--space-3)}.stack-md>*+*{margin-top:var(--space-4)}.stack-lg>*+*{margin-top:var(--space-6)}.stack-xl>*+*{margin-top:var(--space-8)}.padding-xs{padding:var(--space-2)}.padding-sm{padding:var(--space-3)}.padding-md{padding:var(--space-4)}.padding-lg{padding:var(--space-6)}.padding-xl{padding:var(--space-8)}.layout-content{max-width:var(--container-3xl);padding-inline:var(--space-6);margin-inline:auto}.layout-wide{max-width:var(--container-full);padding-inline:var(--space-6);margin-inline:auto}
.hover-lift{transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hover-scale{transition:transform var(--duration-fast) var(--ease-spring)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--duration-base) var(--ease-out)}.hover-glow:hover{box-shadow:0 0 20px #00000026}.focus-ring{transition:box-shadow var(--duration-fast) var(--ease-out)}.focus-ring:focus-visible{box-shadow:0 0 0 3px var(--primary-light);outline:none}.active-press{transition:transform var(--duration-fast) var(--ease-in)}.active-press:active{transform:scale(.95)}@keyframes bounce-in{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-bounce-in{animation:bounce-in var(--duration-slow) var(--ease-bounce)}@keyframes success-pulse{0%,to{transform:scale(1)}50%{box-shadow:0 0 20px var(--success);transform:scale(1.05)}}.animate-success{animation:.6s ease-in-out success-pulse}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-shake{animation:.5s ease-in-out shake}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-secondary) 50%, var(--surface) 75%);border-radius:var(--radius-lg);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin var(--duration-slower) linear infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in var(--duration-base) var(--ease-out)}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slide-in-right var(--duration-base) var(--ease-out)}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-bottom{animation:slide-in-bottom var(--duration-base) var(--ease-out)}@keyframes badge-unlock{0%{opacity:0;transform:scale(0)rotate(-180deg)}70%{transform:scale(1.2)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.animate-badge-unlock{animation:badge-unlock var(--duration-slower) var(--ease-spring)}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-progress{animation:2s ease-in-out infinite progress-pulse}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.shimmer,.animate-spin,.animate-progress{animation-duration:.01ms!important}}
.touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.touch-target-lg{justify-content:center;align-items:center;min-width:48px;min-height:48px;display:inline-flex}.touch-target-xl{justify-content:center;align-items:center;min-width:56px;min-height:56px;display:inline-flex}.bottom-nav-safe{padding-bottom:env(safe-area-inset-bottom)}.top-safe{padding-top:env(safe-area-inset-top)}.safe-area{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}@media (max-width:767px){.primary-actions{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));z-index:40;background:linear-gradient(#0000,#fff 20%);position:fixed;bottom:0;left:0;right:0}.mobile-hidden{display:none!important}}.mobile-only{display:none}@media (max-width:767px){.mobile-only{display:block}.mobile-full{width:100%}}.swipeable{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.swipeable:active{cursor:grabbing}.drag-handle{background-color:var(--border);border-radius:var(--radius-full);cursor:grab;touch-action:pan-y;width:3rem;height:.375rem;margin:0 auto}@media (max-width:767px){html{-moz-text-size-adjust:100%;text-size-adjust:100%}a{padding:.25rem 0}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{font-size:16px!important}.form-stack>*+*{margin-top:1rem}}.bottom-tab-bar{height:4rem;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:#fff;justify-content:space-around;align-items:center;display:flex}@media (max-width:767px){.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#00000080;position:fixed;inset:0}}.gpu-accelerated{will-change:transform;transform:translateZ(0)}.gpu-accelerated:not(:hover):not(:focus):not(:active){will-change:auto}
[data-theme=default]{--primary:#6b84b0;--primary-dark:#5a73a0;--primary-light:#8097c0;--secondary:#9685c2;--accent:#c9a674;--accent-dark:#b89664;--background:#e8ecef;--surface:#f2f5f7;--surface-secondary:#dde4e9;--text:#2d3748;--text-secondary:#4a5568;--text-muted:#718096;--success:#6a9584;--success-dark:#507a66;--success-light:#b8d4c9;--error:#b87573;--error-dark:#a05856;--error-light:#e8c5c4;--warning:#c4a268;--warning-dark:#b08d4a;--warning-light:#e8d9c0;--info:#7095b0;--info-light:#c8dae8;--border:#cbd5e0;--gradient-primary:linear-gradient(135deg, #8097c0 0%, #6b84b0 100%);--gradient-card:linear-gradient(135deg, #f2f5f7 0%, #e8ecef 100%);--gradient-hero:linear-gradient(135deg, #f2f5f7 0%, #f6f8fa 100%);--shadow-primary:0 4px 14px 0 #6b84b026;--shadow-success:0 4px 14px 0 #6a958426;--shadow-error:0 4px 14px 0 #b8757326}[data-theme=ocean]{--primary:#5c7ca8;--primary-dark:#4a6a96;--primary-light:#7892b8;--secondary:#8a7ab8;--accent:#b89678;--accent-dark:#a68568;--background:#dfe6ec;--surface:#edf2f6;--surface-secondary:#cdd8e2;--text:#1e2d3d;--text-secondary:#3a4a5a;--text-muted:#5a6a7a;--success:#5a8570;--success-dark:#486a58;--success-light:#a8c8b8;--error:#a86866;--error-dark:#904848;--error-light:#d8b8b8;--warning:#b89258;--warning-dark:#a07d3a;--warning-light:#d8c8a8;--info:#6088a8;--info-light:#b8d0e0;--border:#b8c8d8;--gradient-primary:linear-gradient(135deg, #7892b8 0%, #5c7ca8 100%);--gradient-card:linear-gradient(135deg, #edf2f6 0%, #dfe6ec 100%);--gradient-hero:linear-gradient(135deg, #edf2f6 0%, #f0f4f8 100%);--shadow-primary:0 4px 14px 0 #5c7ca826;--shadow-success:0 4px 14px 0 #5a857026;--shadow-error:0 4px 14px 0 #a8686626}[data-theme=forest]{--primary:#6a9880;--primary-dark:#588570;--primary-light:#80a890;--secondary:#9685c2;--accent:#c8a870;--accent-dark:#b89660;--background:#e0e8e4;--surface:#eef4f0;--surface-secondary:#d0dcd4;--text:#2a3d32;--text-secondary:#3e5246;--text-muted:#5a6e62;--success:#6a9584;--success-dark:#507a66;--success-light:#b8d4c9;--error:#b87573;--error-dark:#a05856;--error-light:#e8c5c4;--warning:#c4a268;--warning-dark:#b08d4a;--warning-light:#e8d9c0;--info:#7095b0;--info-light:#c8dae8;--border:#b8cac0;--gradient-primary:linear-gradient(135deg, #80a890 0%, #6a9880 100%);--gradient-card:linear-gradient(135deg, #eef4f0 0%, #e0e8e4 100%);--gradient-hero:linear-gradient(135deg, #eef4f0 0%, #f2f6f4 100%);--shadow-primary:0 4px 14px 0 #6a988026;--shadow-success:0 4px 14px 0 #6a958426;--shadow-error:0 4px 14px 0 #b8757326}[data-theme=sunset]{--primary:#b88870;--primary-dark:#a67660;--primary-light:#c89888;--secondary:#b080a0;--accent:#c8a870;--accent-dark:#b89660;--background:#ede6e0;--surface:#f4ede8;--surface-secondary:#dfd4cc;--text:#3d2e28;--text-secondary:#5a4238;--text-muted:#7a5e54;--success:#6a9584;--success-dark:#507a66;--success-light:#b8d4c9;--error:#b87573;--error-dark:#a05856;--error-light:#e8c5c4;--warning:#c4a268;--warning-dark:#b08d4a;--warning-light:#e8d9c0;--info:#7095b0;--info-light:#c8dae8;--border:#d0beb0;--gradient-primary:linear-gradient(135deg, #c89888 0%, #b88870 100%);--gradient-card:linear-gradient(135deg, #f4ede8 0%, #ede6e0 100%);--gradient-hero:linear-gradient(135deg, #f4ede8 0%, #f6efea 100%);--shadow-primary:0 4px 14px 0 #b8887026;--shadow-success:0 4px 14px 0 #6a958426;--shadow-error:0 4px 14px 0 #b8757326}[data-theme=space]{--primary:#7078a8;--primary-dark:#5e6696;--primary-light:#8890b8;--secondary:#b080a0;--accent:#c8a870;--accent-dark:#b89660;--background:#e4e2e8;--surface:#f0eef4;--surface-secondary:#d4d0dc;--text:#2e2d3d;--text-secondary:#443e52;--text-muted:#605a70;--success:#6a9584;--success-dark:#507a66;--success-light:#b8d4c9;--error:#b87573;--error-dark:#a05856;--error-light:#e8c5c4;--warning:#c4a268;--warning-dark:#b08d4a;--warning-light:#e8d9c0;--info:#7095b0;--info-light:#c8dae8;--border:#c0b8cc;--gradient-primary:linear-gradient(135deg, #8890b8 0%, #7078a8 100%);--gradient-card:linear-gradient(135deg, #f0eef4 0%, #e4e2e8 100%);--gradient-hero:linear-gradient(135deg, #f0eef4 0%, #f4f2f8 100%);--shadow-primary:0 4px 14px 0 #7078a826;--shadow-success:0 4px 14px 0 #6a958426;--shadow-error:0 4px 14px 0 #b8757326}[data-theme=candy]{--primary:#b890a8;--primary-dark:#a67896;--primary-light:#c8a0b8;--secondary:#a090b8;--accent:#c8a870;--accent-dark:#b89660;--background:#ede4ea;--surface:#f4ecf2;--surface-secondary:#dfd0da;--text:#3d2e38;--text-secondary:#5a4252;--text-muted:#7a5e70;--success:#6a9584;--success-dark:#507a66;--success-light:#b8d4c9;--error:#b87573;--error-dark:#a05856;--error-light:#e8c5c4;--warning:#c4a268;--warning-dark:#b08d4a;--warning-light:#e8d9c0;--info:#7095b0;--info-light:#c8dae8;--border:#d0b8c8;--gradient-primary:linear-gradient(135deg, #c8a0b8 0%, #b890a8 100%);--gradient-card:linear-gradient(135deg, #f4ecf2 0%, #ede4ea 100%);--gradient-hero:linear-gradient(135deg, #f4ecf2 0%, #f6eef4 100%);--shadow-primary:0 4px 14px 0 #b890a826;--shadow-success:0 4px 14px 0 #6a958426;--shadow-error:0 4px 14px 0 #b8757326}[data-theme=arctic]{--primary:#70a0b0;--primary-dark:#5e8e9e;--primary-light:#88b0c0;--secondary:#9685c2;--accent:#c8a870;--accent-dark:#b89660;--background:#e0eaec;--surface:#eef4f6;--surface-secondary:#d0dce0;--text:#2a3a3d;--text-secondary:#3e4e52;--text-muted:#5a6a70;--success:#6a9584;--success-dark:#507a66;--success-light:#b8d4c9;--error:#b87573;--error-dark:#a05856;--error-light:#e8c5c4;--warning:#c4a268;--warning-dark:#b08d4a;--warning-light:#e8d9c0;--info:#7095b0;--info-light:#c8dae8;--border:#b8c8d0;--gradient-primary:linear-gradient(135deg, #88b0c0 0%, #70a0b0 100%);--gradient-card:linear-gradient(135deg, #eef4f6 0%, #e0eaec 100%);--gradient-hero:linear-gradient(135deg, #eef4f6 0%, #f2f6f8 100%);--shadow-primary:0 4px 14px 0 #70a0b026;--shadow-success:0 4px 14px 0 #6a958426;--shadow-error:0 4px 14px 0 #b8757326}[data-theme=safari]{--primary:#a89070;--primary-dark:#967e5e;--primary-light:#b8a088;--secondary:#88a878;--accent:#b88870;--accent-dark:#a67660;--background:#e8e4dc;--surface:#f2ede4;--surface-secondary:#d8d0c0;--text:#3d3628;--text-secondary:#5a4e3e;--text-muted:#7a6e5a;--success:#6a9584;--success-dark:#507a66;--success-light:#b8d4c9;--error:#b87573;--error-dark:#a05856;--error-light:#e8c5c4;--warning:#c4a268;--warning-dark:#b08d4a;--warning-light:#e8d9c0;--info:#7095b0;--info-light:#c8dae8;--border:#c8c0b0;--gradient-primary:linear-gradient(135deg, #b8a088 0%, #a89070 100%);--gradient-card:linear-gradient(135deg, #f2ede4 0%, #e8e4dc 100%);--gradient-hero:linear-gradient(135deg, #f2ede4 0%, #f4efe6 100%);--shadow-primary:0 4px 14px 0 #a8907026;--shadow-success:0 4px 14px 0 #6a958426;--shadow-error:0 4px 14px 0 #b8757326}[data-theme=galaxy]{--primary:#9080a8;--primary-dark:#7e6e96;--primary-light:#a090b8;--secondary:#b080a0;--accent:#c8a870;--accent-dark:#b89660;--background:#e8e4ec;--surface:#f2ecf4;--surface-secondary:#d8d0e0;--text:#342d3d;--text-secondary:#4a3e5a;--text-muted:#685a7a;--success:#6a9584;--success-dark:#507a66;--success-light:#b8d4c9;--error:#b87573;--error-dark:#a05856;--error-light:#e8c5c4;--warning:#c4a268;--warning-dark:#b08d4a;--warning-light:#e8d9c0;--info:#7095b0;--info-light:#c8dae8;--border:#c0b8d0;--gradient-primary:linear-gradient(135deg, #a090b8 0%, #9080a8 100%);--gradient-card:linear-gradient(135deg, #f2ecf4 0%, #e8e4ec 100%);--gradient-hero:linear-gradient(135deg, #f2ecf4 0%, #f4eef6 100%);--shadow-primary:0 4px 14px 0 #9080a826;--shadow-success:0 4px 14px 0 #6a958426;--shadow-error:0 4px 14px 0 #b8757326}.bg-pastel-primary{background-color:color-mix(in srgb, var(--primary) 25%, var(--background))}.bg-pastel-accent{background-color:color-mix(in srgb, var(--accent) 25%, var(--background))}.bg-pastel-secondary{background-color:color-mix(in srgb, var(--secondary) 25%, var(--background))}*{transition:background-color .3s,color .3s,border-color .3s}body{background-color:var(--background);color:var(--text)}.card-soft{background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 8px #00000014}.btn-primary{background-color:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 4px #00000026}.btn-primary:hover{background-color:var(--primary-dark);opacity:.95}.btn-soft{background-color:color-mix(in srgb, var(--primary) 20%, var(--surface));color:var(--primary-dark)}.module-card{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, var(--surface)) 0%, color-mix(in srgb, var(--secondary) 8%, var(--surface)) 100%)}