*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--bg-color: #ffffff;--surface-color: #f9fafb;--border-color: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--touch-target: clamp(3rem, 12dvh, 3.5rem);--touch-padding: clamp(.75rem, 3vw, 1rem);--touch-gap: clamp(.5rem, 2vw, .75rem)}button,.btn,.chapter-card,.equal-toggle-btn,.multiple-choice-btn,.period-button{min-height:var(--touch-target);padding:var(--touch-padding);touch-action:manipulation}:root{--space-xs: clamp(.25rem, 1vw, .5rem);--space-sm: clamp(.5rem, 1.5vw, .75rem);--space-md: clamp(.75rem, 2vw, 1.25rem);--space-lg: clamp(1rem, 3vw, 1.75rem);--space-xl: clamp(1.5rem, 4vw, 2.5rem);--radius-sm: clamp(.5rem, 1.5vw, .75rem);--radius-md: clamp(.75rem, 2vw, 1rem);--radius-lg: clamp(1rem, 3vw, 1.5rem)}body{padding:0 var(--space-sm)}.app-container{gap:var(--space-lg)}.app-content{width:100%}.app-footer{padding:var(--space-md) 0}.chapter-selector{width:100%;max-width:clamp(60rem,92vw,80rem);margin:0 auto;padding:0 var(--space-lg) var(--space-lg) var(--space-lg)}.chapters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(14rem,22vw,18rem),1fr));gap:clamp(.25rem,.8vw,.4rem)}.chapter-card{padding:var(--space-lg);border-radius:var(--radius-lg);gap:var(--space-md)}.chapter-number-container{width:clamp(3rem,8vw,3.75rem);height:clamp(3rem,8vw,3.75rem)}.chapter-number{font-size:clamp(1rem,3vw,1.25rem)}.chapter-title{font-size:clamp(.95rem,2.5vw,1.1rem)}.chapter-description{font-size:clamp(.85rem,2.2vw,1rem)}.performance-dashboard{padding:var(--space-lg);border-radius:var(--radius-lg)}.dashboard-stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(.5rem,1.5vw,1rem);max-width:100%;width:100%}.stat-card{padding:clamp(.5rem,1.5vw,.65rem) .05rem;border-radius:var(--radius-md);min-width:0}.stat-icon{width:clamp(1.2rem,2.8vw,1.4rem);height:clamp(1.2rem,2.8vw,1.4rem);font-size:clamp(.85rem,2vw,1rem);flex-shrink:0}.stat-value{font-size:clamp(.75rem,1.8vw,.9rem);white-space:nowrap}.stat-label{font-size:clamp(.5rem,1.2vw,.6rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.period-button{padding:clamp(.35rem,1.5vw,.7rem) clamp(.7rem,3vw,1.1rem);border-radius:var(--radius-sm);min-height:var(--touch-target)}.worksheet-container{max-width:clamp(52rem,94vw,64rem);margin:0 auto;padding:var(--space-lg);border-radius:var(--radius-lg);min-height:100dvh;display:flex;flex-direction:column;touch-action:pan-y;overflow-x:hidden}.problem-container{width:100%;max-width:clamp(22rem,90vw,58rem);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-sm);flex:1;padding-bottom:0}.problem-content-area{display:flex;flex-direction:column;gap:var(--space-md);flex:1;min-height:0;overflow-y:auto}.problem-question{display:flex;align-items:baseline;gap:var(--space-sm);font-size:clamp(1.125rem,2.5vw + .5rem,1.5rem);line-height:1.5;margin-bottom:0}.problem-number{font-weight:600;color:var(--primary-color);min-width:clamp(1.5rem,4vw,2rem);font-size:clamp(1rem,2.5vw + .5rem,1.25rem)}.problem-text{flex:1;color:var(--text-primary);font-size:clamp(1.125rem,2.5vw + .5rem,1.5rem);word-wrap:break-word}.problem-input-container{font-size:clamp(1rem,2vw + .5rem,1.25rem)}.visual-counting-display{margin:var(--space-lg) 0}.progress-ring-svg,.strength-weakness-progress-svg{width:100%;height:100%}.btn,button,.multiple-choice-btn,.equal-toggle-btn{min-height:var(--touch-target);padding:var(--touch-padding);border-radius:var(--radius-md)}img,svg{max-width:100%;height:auto}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--surface-color);color:var(--text-primary);line-height:1.6}.app-container{min-height:100dvh;display:flex;flex-direction:column;transition:opacity .3s ease-in-out}.app-header{display:none}.header-container-box{max-width:clamp(60rem,92vw,80rem);margin:0 auto;padding:0 var(--space-lg) 0 var(--space-lg);width:100%;box-sizing:border-box}.header-content-box{background:linear-gradient(135deg,#fffffffa,#f9fafbfa);border:1px solid var(--border-color);border-radius:16px;padding:clamp(.4rem,1.2vw,.6rem) var(--space-lg);margin-bottom:clamp(.25rem,.8vw,.4rem);margin-top:0;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}.header-brand{display:flex;align-items:center;gap:.75rem}.brand-icon{font-size:clamp(1.2rem,3.5vw,1.6rem);width:clamp(2rem,6vw,2.75rem);height:clamp(2rem,6vw,2.75rem);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-radius:var(--radius-sm);border:1px solid rgba(59,130,246,.15)}.brand-text{display:flex;flex-direction:column;gap:0;line-height:1.1}.brand-title{font-size:clamp(1.1rem,3vw,1.35rem);font-weight:700;background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:.02em;line-height:1.1}.brand-subtitle{font-size:clamp(.75rem,2vw,.9rem);color:#64748bcc;font-weight:500;margin:0;margin-top:-.1rem;letter-spacing:.02em;text-transform:uppercase;line-height:1.1}.app-header h1{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.app-header .subtitle{color:var(--text-secondary);font-size:clamp(.85rem,2.5vw,1rem)}.app-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:0 clamp(1rem,2.5vw,2rem) 2rem clamp(1rem,2.5vw,2rem)}.chapter-selector{max-width:clamp(60rem,92vw,80rem);margin:0 auto}.chapter-selector h2{font-size:clamp(1.4rem,4vw,1.85rem);margin-bottom:var(--space-sm);color:var(--text-primary)}.instruction{color:var(--text-secondary);margin-bottom:2rem}.level-section{margin-bottom:3rem;padding:var(--space-lg);background:linear-gradient(135deg,#2563eb08,#3b82f603);border-radius:16px;border:1px solid rgba(37,99,235,.1);box-shadow:0 2px 8px #0000000a}.level-section:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.level-section.level-A,.level-master-tile.level-A{background:linear-gradient(135deg,#fafaf999,#f5f5f480);border-color:#78716c1f}.level-master-tile.level-A:before{background:linear-gradient(90deg,#78716c,#a8a29e,#d6d3d1)}.level-section.level-B,.level-master-tile.level-B{background:linear-gradient(135deg,#f0f9ff99,#e0f2fe80);border-color:#0ea5e91f}.level-master-tile.level-B:before{background:linear-gradient(90deg,#0ea5e9,#38bdf8,#7dd3fc)}.level-section.level-F,.level-master-tile.level-F{background:linear-gradient(135deg,#f5f3ff99,#ede9fe80);border-color:#8b5cf61f}.level-master-tile.level-F:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd)}.level-section.level-G,.level-master-tile.level-G{background:linear-gradient(135deg,#fdf2f899,#fce7f380);border-color:#ec48991f}.level-master-tile.level-G:before{background:linear-gradient(90deg,#ec4899,#f472b6,#f9a8d4)}.level-section.level-H,.level-master-tile.level-H{background:linear-gradient(135deg,#f0fdf499,#dcfce780);border-color:#22c55e1f}.level-master-tile.level-H:before{background:linear-gradient(90deg,#22c55e,#4ade80,#86efac)}.level-section.level-I,.level-master-tile.level-I{background:linear-gradient(135deg,#fff7ed99,#ffedd580);border-color:#f973161f}.level-master-tile.level-I:before{background:linear-gradient(90deg,#f97316,#fb923c,#fdba74)}.level-header-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.75rem}.level-title{font-size:1.5rem;margin:0;font-weight:700;display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.level-title:hover{transform:translate(5px)}.level-name{background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.level-title-text{color:var(--text-primary);font-weight:600}.level-badges{display:flex;gap:.5rem;flex-wrap:wrap}.level-badge{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;backdrop-filter:blur(10px);transition:all .2s ease}.badge-chapters{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#2563eb}.badge-age{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#059669}.level-badge .badge-icon{font-size:.9rem;line-height:1}.level-badge .badge-text{font-size:.8rem;font-weight:600}.level-description{color:var(--text-secondary);margin-bottom:0;font-size:.95rem;line-height:1.5}.levels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(18rem,28vw,24rem),1fr));gap:clamp(.25rem,.8vw,.4rem);margin-top:clamp(.25rem,.8vw,.4rem)}.level-master-tile{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid rgba(37,99,235,.15);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;gap:var(--space-md);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.level-master-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.level-master-tile:hover{border-color:#2563eb66;box-shadow:0 8px 24px #2563eb33,0 0 20px #2563eb1a;transform:translateY(-4px)}.level-master-tile:hover:before{transform:scaleX(1)}.level-master-tile:active{transform:translateY(-2px) scale(.98)}.level-master-header{display:flex;flex-direction:column;gap:.5rem;position:relative}.level-master-medals{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.25rem;min-height:clamp(1.5rem,4vw,2rem)}.level-master-medals .medal-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .45rem;border-radius:.4rem;font-size:clamp(.7rem,1.8vw,.8rem);font-weight:600;white-space:nowrap;line-height:1.2}.level-master-title{display:flex;flex-direction:column;gap:.25rem;margin:0}.level-master-name{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.level-master-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;color:var(--text-primary)}.level-master-description{color:var(--text-secondary);font-size:clamp(.9rem,2vw,1rem);line-height:1.5;margin:0}.level-master-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-top:var(--space-xs)}.level-master-stat-mobile-only{display:flex}.level-master-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:var(--space-sm);background:#2563eb0d;border-radius:var(--radius-sm);border:1px solid transparent;transition:all .2s ease}.level-master-stat-chapters{background:#8b5cf61a;border-color:#8b5cf640}.level-master-stat-chapters:hover{background:#8b5cf626;border-color:#8b5cf659}.level-master-stat-completed{background:#22c55e1a;border-color:#22c55e40}.level-master-stat-completed:hover{background:#22c55e26;border-color:#22c55e59}.level-master-stat-attempts{background:#3b82f61a;border-color:#3b82f640}.level-master-stat-attempts:hover{background:#3b82f626;border-color:#3b82f659}.level-master-stat-accuracy{background:#ef44441a;border-color:#ef444440}.level-master-stat-accuracy:hover{background:#ef444426;border-color:#ef444459}.level-master-stat-time{background:#fbbf241a;border-color:#fbbf2440}.level-master-stat-time:hover{background:#fbbf2426;border-color:#fbbf2459}.level-master-stat-passrate{background:#f973161a;border-color:#f9731640}.level-master-stat-passrate:hover{background:#f9731626;border-color:#f9731659}.level-master-stat .stat-icon{font-size:clamp(1.25rem,3vw,1.5rem)}.level-master-stat .stat-value{font-size:clamp(1.1rem,3vw,1.35rem);font-weight:700;color:var(--primary-color)}.level-master-stat .stat-label{font-size:clamp(.7rem,1.8vw,.85rem);color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.level-master-stats{grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.level-master-stat-mobile-only{display:flex!important}.level-master-stat .stat-label{display:block}.level-master-stat{padding:var(--space-xs);gap:.25rem}.level-master-stat .stat-icon{font-size:clamp(1.1rem,3vw,1.3rem)}.level-master-stat .stat-value{font-size:clamp(.9rem,2.5vw,1.1rem)}.level-master-stat .stat-label{font-size:clamp(.6rem,1.5vw,.7rem)}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem}.stat-card-mobile-only{display:flex!important}.dashboard-stats .stat-card{padding:var(--space-xs);gap:.25rem;flex-direction:column;align-items:center}.dashboard-stats .stat-card-top{flex-direction:column;gap:.25rem}.dashboard-stats .stat-icon{font-size:clamp(1.1rem,3vw,1.3rem)}.dashboard-stats .stat-value{font-size:clamp(.9rem,2.5vw,1.1rem)}.dashboard-stats .stat-label{font-size:clamp(.6rem,1.5vw,.7rem);display:block}}.level-master-progress{margin-top:var(--space-xs)}.level-master-progress-bar{width:100%;height:8px;background:#2563eb1a;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.level-master-progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);border-radius:10px;transition:width .3s ease}.level-master-progress-text{text-align:center;font-size:clamp(.8rem,2vw,.9rem);font-weight:600;color:var(--text-secondary)}.back-to-levels-btn{display:flex;align-items:center;gap:.5rem;padding:clamp(.6rem,2vw,.85rem) clamp(1rem,3vw,1.5rem);margin-bottom:var(--space-lg);background:#2563eb1a;border:1.5px solid rgba(37,99,235,.2);border-radius:var(--radius-md);color:var(--primary-color);font-size:clamp(.9rem,2.2vw,1rem);font-weight:600;cursor:pointer;transition:all .2s ease;min-height:var(--touch-target)}.back-to-levels-btn:hover{background:#2563eb26;border-color:#2563eb4d;transform:translate(-4px)}.back-to-levels-btn:active{transform:translate(-2px) scale(.98)}.level-detail-view{margin-bottom:var(--space-lg)}.chapters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(.25rem,.8vw,.4rem)}.chapter-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid rgba(37,99,235,.15);border-radius:12px;padding:var(--space-lg);text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;gap:.75rem;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f;animation:cardEntrance .5s ease-out backwards}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px) scale(.9)}50%{transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.chapter-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.chapter-card:hover{border-color:#2563eb66;box-shadow:0 8px 24px #2563eb33,0 0 20px #2563eb1a;transform:translateY(-8px) scale(1.02) rotate(1deg);background:linear-gradient(135deg,#fff,#f1f5f9);animation:cardHover .4s ease-out}.chapter-card.chapter-completed{border-color:#10b9814d;background:linear-gradient(135deg,#fffffff2,#f0fdf4cc);box-shadow:0 4px 16px #10b98126,0 0 30px #10b98114;animation:completedGlow 3s ease-in-out infinite}@keyframes completedGlow{0%,to{box-shadow:0 4px 16px #10b98126,0 0 30px #10b98114}50%{box-shadow:0 4px 20px #10b98140,0 0 40px #10b98126}}.chapter-card.chapter-completed:hover{box-shadow:0 8px 28px #10b98140,0 0 50px #10b98126;border-color:#10b98180}.chapter-card.chapter-completed .chapter-number{background:linear-gradient(135deg,#10b98126,#22c55e26);border-color:#10b9814d;color:#059669}.chapter-card.chapter-completed .progress-ring-circle{stroke:#10b981}.chapter-attempt-badge{position:absolute;top:.75rem;right:.75rem;min-width:24px;height:24px;border-radius:50%;background:#2563eb26;border:1.5px solid rgba(37,99,235,.3);color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;z-index:10;box-shadow:0 2px 4px #2563eb1a;padding:0 .4rem;line-height:1}.chapter-attempt-badge:only-child{padding:0;min-width:24px}.chapter-card.chapter-completed .chapter-attempt-badge{background:#10b98126;border-color:#10b9814d;color:#059669;box-shadow:0 2px 4px #10b9811a}.chapter-medal-badge{position:absolute;top:1.75rem;right:1.5rem;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;z-index:10;box-shadow:0 2px 6px #00000026;backdrop-filter:blur(4px)}.chapter-card:has(.chapter-medal-badge) .chapter-attempt-badge{top:4rem}.chapter-medal-platinum{background:linear-gradient(135deg,#e5e4e240,#d3d3d340);border:1.5px solid rgba(169,169,169,.4)}.chapter-medal-gold{background:linear-gradient(135deg,#ffd70033,#ffed4e33);border:1.5px solid rgba(255,140,0,.4)}.chapter-medal-silver{background:linear-gradient(135deg,#c0c0c033,#a8a8a833);border:1.5px solid rgba(120,120,120,.4)}.chapter-medal-bronze{background:linear-gradient(135deg,#cd7f3233,#b8733333);border:1.5px solid rgba(139,90,43,.4)}@media (max-width: 768px){.chapter-attempt-badge{top:.5rem;right:.5rem;min-width:22px;height:22px;font-size:.65rem}.chapter-card{padding:var(--space-lg)}.chapter-medal-badge{top:calc(var(--space-lg) + .25rem);right:var(--space-lg);width:24px;height:24px;font-size:.95rem}.chapter-card:has(.chapter-medal-badge) .chapter-attempt-badge{top:calc(var(--space-lg) + 1.75rem)}}.chapter-stars{display:flex;gap:.2rem;justify-content:center;margin:.25rem 0}.chapter-stars .star{font-size:1rem;line-height:1;transition:transform .2s ease}.chapter-stars .star-filled{filter:drop-shadow(0 0 3px rgba(255,215,0,.6));animation:starTwinkle 2s ease-in-out infinite}.chapter-stars .star-empty{opacity:.2;filter:grayscale(100%)}@keyframes starTwinkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.level-progress-container{margin:1rem 0 1.5rem;padding:.75rem;background:#ffffff80;border-radius:10px;border:1px solid rgba(37,99,235,.1)}.level-progress-bar{width:100%;height:8px;background:#2563eb1a;border-radius:10px;overflow:hidden;position:relative;margin-bottom:.5rem}.level-progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);border-radius:10px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:progressShine 2s ease-in-out infinite}.level-progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShimmer 2s ease-in-out infinite}@keyframes progressShine{0%,to{box-shadow:0 0 5px #2563eb4d}50%{box-shadow:0 0 15px #2563eb80}}@keyframes progressShimmer{0%{left:-100%}to{left:100%}}.level-progress-text{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-align:center}@keyframes cardHover{0%,to{transform:translateY(-8px) scale(1.02) rotate(1deg)}50%{transform:translateY(-10px) scale(1.03) rotate(-1deg)}}.chapter-card:active{transform:translateY(-2px) scale(.98);transition:transform .1s ease}.chapter-card:hover:before{transform:scaleX(1)}.chapter-card.level-A{background:linear-gradient(135deg,#fafaf9,#f5f5f4);border-color:#78716c26}.chapter-card.level-A:before{background:linear-gradient(90deg,#78716c,#a8a29e,#d6d3d1)}.chapter-card.level-A:hover{background:linear-gradient(135deg,#f5f5f4,#e7e5e4);border-color:#78716c40;box-shadow:0 4px 16px #78716c1f}.chapter-card.level-A .chapter-number{background:linear-gradient(135deg,#fbbf2433,#f59e0b40);color:#92400e;border-color:#d9770640;box-shadow:0 2px 4px #d977061a}.chapter-card.level-A.chapter-completed{background:linear-gradient(135deg,#fffffff2,#fef3c7cc);border-color:#d977064d;box-shadow:0 4px 16px #d9770626,0 0 30px #d9770614}.chapter-card.level-A.chapter-completed .progress-ring-circle{stroke:#f59e0b}.chapter-card.level-B{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0ea5e926}.chapter-card.level-B:before{background:linear-gradient(90deg,#0ea5e9,#38bdf8,#7dd3fc)}.chapter-card.level-B:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#0ea5e940;box-shadow:0 4px 16px #0ea5e91f}.chapter-card.level-B .chapter-number{background:linear-gradient(135deg,#3b82f633,#2563eb40);color:#1e40af;border-color:#2563eb40;box-shadow:0 2px 4px #2563eb1a}.chapter-card.level-B.chapter-completed{background:linear-gradient(135deg,#fffffff2,#e0f2fecc);border-color:#0ea5e94d;box-shadow:0 4px 16px #0ea5e926,0 0 30px #0ea5e914}.chapter-card.level-B.chapter-completed .progress-ring-circle{stroke:#0ea5e9}.chapter-card.level-F{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf626}.chapter-card.level-F:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd)}.chapter-card.level-F:hover{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#8b5cf640;box-shadow:0 4px 16px #8b5cf61f}.chapter-card.level-F .chapter-number{background:linear-gradient(135deg,#a78bfa33,#8b5cf640);color:#5b21b6;border-color:#8b5cf640;box-shadow:0 2px 4px #8b5cf61a}.chapter-card.level-F.chapter-completed{background:linear-gradient(135deg,#fffffff2,#ede9fecc);border-color:#8b5cf64d;box-shadow:0 4px 16px #8b5cf626,0 0 30px #8b5cf614}.chapter-card.level-F.chapter-completed .progress-ring-circle{stroke:#8b5cf6}.chapter-card.level-G{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-color:#ec489926}.chapter-card.level-G:before{background:linear-gradient(90deg,#ec4899,#f472b6,#f9a8d4)}.chapter-card.level-G:hover{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#ec489940;box-shadow:0 4px 16px #ec48991f}.chapter-card.level-G .chapter-number{background:linear-gradient(135deg,#f472b633,#ec489940);color:#9f1239;border-color:#ec489940;box-shadow:0 2px 4px #ec48991a}.chapter-card.level-G.chapter-completed{background:linear-gradient(135deg,#fffffff2,#fce7f3cc);border-color:#ec48994d;box-shadow:0 4px 16px #ec489926,0 0 30px #ec489914}.chapter-card.level-G.chapter-completed .progress-ring-circle{stroke:#ec4899}.chapter-card.level-H{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e26}.chapter-card.level-H:before{background:linear-gradient(90deg,#22c55e,#4ade80,#86efac)}.chapter-card.level-H:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e40;box-shadow:0 4px 16px #22c55e1f}.chapter-card.level-H .chapter-number{background:linear-gradient(135deg,#4ade8033,#22c55e40);color:#166534;border-color:#22c55e40;box-shadow:0 2px 4px #22c55e1a}.chapter-card.level-H.chapter-completed{background:linear-gradient(135deg,#fffffff2,#dcfce7cc);border-color:#22c55e4d;box-shadow:0 4px 16px #22c55e26,0 0 30px #22c55e14}.chapter-card.level-H.chapter-completed .progress-ring-circle{stroke:#22c55e}.chapter-card.level-I{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#f9731626}.chapter-card.level-I:before{background:linear-gradient(90deg,#f97316,#fb923c,#fdba74)}.chapter-card.level-I:hover{background:linear-gradient(135deg,#ffedd5,#fed7aa);border-color:#f9731640;box-shadow:0 4px 16px #f973161f}.chapter-card.level-I .chapter-number{background:linear-gradient(135deg,#fb923c33,#f9731640);color:#9a3412;border-color:#f9731640;box-shadow:0 2px 4px #f973161a}.chapter-card.level-I.chapter-completed{background:linear-gradient(135deg,#fffffff2,#ffedd5cc);border-color:#f973164d;box-shadow:0 4px 16px #f9731626,0 0 30px #f9731614}.chapter-card.level-I.chapter-completed .progress-ring-circle{stroke:#f97316}.chapter-number-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:fit-content}.chapter-progress-ring{position:absolute;width:2.5rem;height:2.5rem;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-circle-bg{stroke:#2563eb1a}.progress-ring-circle{stroke:#2563eb;stroke-linecap:round}.chapter-number{font-size:.875rem;font-weight:700;color:#2563eb;text-transform:uppercase;background:linear-gradient(135deg,#2563eb1a,#3b82f61a);padding:.35rem .75rem;border-radius:6px;display:inline-block;width:fit-content;border:1px solid rgba(37,99,235,.2);position:relative;z-index:1}.chapter-completed-check{position:absolute;top:-5px;right:-5px;background:#10b981;color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;z-index:2;box-shadow:0 2px 6px #10b98166;animation:checkmarkPop .4s ease-out}@keyframes checkmarkPop{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.chapter-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.chapter-description{font-size:.875rem;color:var(--text-secondary);flex:1}.chapter-mastery{display:flex;gap:.5rem;flex-wrap:nowrap;margin-top:.5rem}.mastery-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;font-size:.75rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex:1;min-width:0;cursor:help;position:relative;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mastery-badge:hover{transform:scale(1.1) rotate(2deg);box-shadow:0 4px 12px #00000026}.mastery-badge .badge-icon{font-size:.9rem;line-height:1;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:4px;flex-shrink:0;animation:iconSpin 3s linear infinite}@keyframes iconSpin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.mastery-badge .badge-value{font-weight:700;font-size:.85rem;line-height:1;flex:1}.mastery-accuracy{background:linear-gradient(135deg,#22c55e14,#16a34a0f);border:1px solid rgba(34,197,94,.15);color:#15803d}.mastery-accuracy .badge-icon{background:linear-gradient(135deg,#22c55e26,#16a34a1f);color:#15803d}.mastery-time{background:linear-gradient(135deg,#3b82f614,#2563eb0f);border:1px solid rgba(59,130,246,.15);color:#2563eb}.mastery-time .badge-icon{background:linear-gradient(135deg,#3b82f626,#2563eb1f);color:#2563eb}.worksheet-container{max-width:800px;margin:0 auto;background:var(--bg-color);border-radius:12px;padding:2rem;box-shadow:var(--shadow-md)}.worksheet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.worksheet-info h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.worksheet-progress{color:var(--text-secondary);font-size:.9rem}.worksheet-header-right{display:flex;align-items:center;gap:1rem}.worksheet-timer{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--primary-color)}.desktop-exit-btn{width:32px;height:32px;border:none;background:var(--error-color);color:#fff;font-size:1.1rem;font-weight:700;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.desktop-exit-btn:hover{background:#dc2626;transform:scale(1.05);box-shadow:0 2px 6px #0003}.desktop-exit-btn:active{transform:scale(.95)}.timer-label{color:var(--text-secondary);font-weight:400}.worksheet-progress-bar{height:4px;background:var(--surface-color);border-radius:2px;margin-bottom:2rem;overflow:hidden}.progress-fill{height:100%;background:var(--primary-color);transition:width .3s ease}.visual-counting-display{margin:var(--space-md) 0;text-align:center}.visual-objects{font-size:3rem;line-height:1.8;padding:var(--space-lg);background:var(--surface-color);border-radius:var(--border-radius);display:inline-block;min-width:200px;word-break:break-all;letter-spacing:.5rem;white-space:pre-line;text-align:center}.place-value-table{width:100%;max-width:400px;margin:var(--space-md) auto 0;border-collapse:separate;border-spacing:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb}.place-value-table thead{background:linear-gradient(to bottom,#f9fafb,#f3f4f6)}.place-value-table th{padding:.875rem 1.25rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb;text-align:center}.place-value-table th:first-child{width:3rem;border-right:1px solid #e5e7eb}.place-value-table tbody tr{border-bottom:1px solid #f3f4f6}.place-value-table tbody tr:last-child{border-bottom:2px solid #e5e7eb}.place-value-table tbody tr:last-child td{font-weight:600;color:var(--primary-color)}.place-value-table .operation-cell{padding:1rem .75rem;font-size:1.25rem;font-weight:600;color:var(--text-secondary);text-align:center;border-right:1px solid #e5e7eb;background:#fafafa;width:3rem}.place-value-table .value-cell{padding:1rem 1.5rem;font-size:1.5rem;font-weight:600;font-family:SF Mono,Monaco,Menlo,Courier New,monospace;text-align:center;color:var(--text-primary);min-width:4rem}.place-value-table .answer-row{background:#f9fafb}.place-value-table .input-cell{padding:.5rem}.place-value-table .arithmetic-input{width:100%;max-width:3.5rem;padding:.75rem;font-size:1.5rem;font-weight:600;font-family:SF Mono,Monaco,Menlo,Courier New,monospace;text-align:center;border:2px solid var(--primary-color);border-radius:6px;background:#fff!important;color:var(--text-primary)!important;transition:all .2s;cursor:text!important;pointer-events:auto!important;user-select:text!important}.place-value-table .arithmetic-input:disabled,.place-value-table .arithmetic-input[disabled]{background:#f3f4f6!important;color:#9ca3af!important;cursor:not-allowed!important;border-color:#d1d5db!important;pointer-events:none!important}.place-value-table .arithmetic-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb26;background:#fefefe!important;cursor:text!important;pointer-events:auto!important}.place-value-table .arithmetic-input:hover{border-color:var(--primary-color);cursor:text!important}.arithmetic-inputs-container{margin-top:2rem;padding:var(--space-lg);background:var(--surface-color);border-radius:var(--border-radius);border:1px solid var(--border-color)}.arithmetic-inputs-row{display:flex;gap:var(--space-md);justify-content:center;align-items:flex-end;flex-wrap:wrap;margin-top:var(--space-md);margin-bottom:0}.arithmetic-input-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.arithmetic-input-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.arithmetic-input-standalone{width:4rem;padding:1rem;font-size:1.75rem;font-weight:600;font-family:SF Mono,Monaco,Menlo,Courier New,monospace;text-align:center;border:2px solid var(--primary-color);border-radius:8px;background:#fff;color:var(--text-primary);transition:all .2s}.arithmetic-input-standalone:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb26;background:#fefefe}.arithmetic-input-standalone:hover{border-color:var(--primary-color)}@media (max-width: 768px){.arithmetic-inputs-row{gap:1rem}.arithmetic-input-standalone{width:3.5rem;padding:.875rem;font-size:1.5rem}}.multiplication-groups-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;margin:1.5rem 0;padding:1rem}.multiplication-group{padding:1rem 1.25rem;border-radius:12px;border:2px solid rgba(0,0,0,.1);font-size:3rem;line-height:1.8;letter-spacing:.5rem;text-align:center;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.multiplication-group:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}@media (max-width: 768px){.multiplication-groups-container{gap:.5rem;padding:.75rem}.multiplication-group{padding:.75rem 1rem;font-size:2rem;letter-spacing:.3rem}}.counting-clusters-container{display:flex;flex-wrap:wrap;gap:var(--touch-gap);justify-content:center;align-items:center;margin:clamp(1rem,4vw,1.5rem) 0;padding:clamp(.75rem,3vw,1.25rem)}.counting-cluster{padding:clamp(.75rem,2.5vw,1.25rem);border-radius:.75rem;border:.125rem solid rgba(0,0,0,.1);font-size:clamp(1.5rem,4vw,2rem);line-height:1.6;text-align:center;box-shadow:0 .125rem .25rem #0000001a;min-height:var(--touch-target);display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.counting-clusters-container{gap:.5rem;padding:.75rem}.counting-cluster{padding:.75rem 1rem;font-size:2rem;letter-spacing:.3rem}}.addition-clusters-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;margin:1.5rem 0;padding:1rem}.addition-cluster{padding:1rem 1.25rem;border-radius:12px;border:2px solid rgba(0,0,0,.1);font-size:3rem;line-height:1.8;letter-spacing:.5rem;text-align:center;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.addition-cluster:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.addition-operator{font-size:2.5rem;font-weight:700;color:var(--primary-color);padding:0 .5rem}.subtraction-clusters-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;margin:1.5rem 0;padding:1rem}.subtraction-cluster{padding:1rem 1.25rem;border-radius:12px;border:2px solid rgba(0,0,0,.1);font-size:3rem;line-height:1.8;letter-spacing:.5rem;text-align:center;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.subtraction-cluster:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.subtraction-operator{font-size:2.5rem;font-weight:700;color:var(--primary-color);padding:0 .5rem}.division-clusters-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1.5rem 0;padding:1rem}.division-total{display:flex;flex-direction:column;align-items:center;gap:.5rem}.division-total-label{font-size:1rem;font-weight:600;color:var(--text-secondary)}.division-total-items{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;border-radius:12px;border:2px solid rgba(0,0,0,.1);background:#f8f8f8}.division-count-text{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.division-total-emojis{font-size:3rem;line-height:1.8;letter-spacing:.5rem}.division-arrow{font-size:2rem;font-weight:700;color:var(--primary-color)}.division-groups-label{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-top:.5rem}.division-groups-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center}.division-group{padding:1rem 1.25rem;border-radius:12px;border:2px solid rgba(0,0,0,.1);font-size:3rem;line-height:1.8;letter-spacing:.5rem;text-align:center;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.division-group:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}@media (max-width: 768px){.division-clusters-container{gap:.75rem;padding:.75rem}.division-total-items{padding:.75rem 1rem}.division-total-emojis{font-size:2rem;letter-spacing:.3rem}.division-arrow{font-size:1.5rem}.division-group{padding:.75rem 1rem;font-size:2rem;letter-spacing:.3rem}}.multiple-choice-container{margin-top:var(--space-md);margin-bottom:0}.multiple-choice-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-top:0;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.multiple-choice-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:1.25rem;font-weight:500;text-align:left;border:2px solid var(--border-color);border-radius:8px;background:#fff;color:var(--text-primary);cursor:pointer;transition:all .2s ease;position:relative;overflow:visible;pointer-events:auto;user-select:none;-webkit-tap-highlight-color:transparent}.multiple-choice-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s;pointer-events:none;z-index:0}.multiple-choice-btn:hover:before{left:100%}.multiple-choice-btn:hover{border-color:var(--primary-color);background:#f8f9ff;transform:translate(4px) scale(1.02);box-shadow:0 4px 12px #2563eb26}.multiple-choice-btn:active{transform:translate(2px) scale(.98)}.multiple-choice-btn *{position:relative;z-index:1;pointer-events:none}.multiple-choice-btn.selected{border-color:var(--primary-color);background:var(--primary-color);color:#fff;box-shadow:0 2px 8px #007bff4d;pointer-events:auto!important}.multiple-choice-btn:disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.choice-label{font-weight:700;min-width:2rem;color:inherit}.choice-value{flex:1;font-size:1.5rem;font-weight:600;color:inherit}.multiple-choice-btn.selected .choice-label,.multiple-choice-btn.selected .choice-value{color:#fff}@media (max-width: 768px){.multiple-choice-btn{padding:.875rem 1.25rem;font-size:1.125rem}.choice-value{font-size:1.25rem}}.missing-number-equation{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-md);margin-bottom:0;padding:var(--space-md);background:linear-gradient(135deg,#f8f9ff,#fff);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a}.missing-number-box-container{display:inline-flex}.missing-number-box{min-width:3.5rem;min-height:3.5rem;padding:.75rem;font-size:2rem;font-weight:700;text-align:center;border-radius:12px;border:3px solid rgba(0,0,0,.2);box-shadow:0 3px 8px #00000026;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:SF Mono,Monaco,Menlo,Courier New,monospace;box-sizing:border-box}.missing-number-available{display:flex;gap:clamp(.4rem,1.5vw,.6rem);justify-content:center;flex-wrap:nowrap;margin:1rem 0;padding:clamp(.6rem,2vw,.85rem);background:#2563eb0d;border-radius:12px;border:2px dashed rgba(37,99,235,.2);overflow-x:auto;-webkit-overflow-scrolling:touch}.missing-number-chip{width:clamp(48px,12vw,56px);height:clamp(48px,12vw,56px);min-width:clamp(48px,12vw,56px);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,3.5vw,1.4rem);font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:12px;cursor:grab;user-select:none;transition:all .2s ease;box-shadow:0 2px 8px #2563eb4d;touch-action:none}.missing-number-chip:active,.missing-number-chip-dragging{cursor:grabbing;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 16px #2563eb80;z-index:1000;opacity:.9}.missing-number-chip-used{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 1px 4px #0003}.missing-number-chip-used:active{transform:none}.missing-number-drop-zone{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:100px;min-height:100px;padding:1rem;border:2px dashed var(--border-color);border-radius:12px;background:#ffffff80;transition:all .2s ease;position:relative}.missing-number-drop-zone>*{pointer-events:none}.missing-number-drop-zone .missing-number-remove{pointer-events:auto!important;z-index:100!important;position:relative}.missing-number-drop-zone.drag-over{border-color:var(--primary-color);background:#2563eb1a;transform:scale(1.05);box-shadow:0 0 0 4px #2563eb33}.missing-number-drop-zone.has-value{border-style:solid;border-color:var(--primary-color);background:#2563eb0d}.missing-number-drop-zone.correct-answer{border-color:#10b981;background:#10b9811a;animation:flashGreen .5s ease-out}.missing-number-drop-zone.incorrect-answer{border-color:#ef4444;background:#ef44441a;animation:flashRed .5s ease-out}.counting-available{display:flex;gap:clamp(.4rem,1.5vw,.6rem);justify-content:center;flex-wrap:nowrap;margin:1rem 0;padding:clamp(.6rem,2vw,.85rem);background:#2563eb0d;border-radius:12px;border:2px dashed rgba(37,99,235,.2);overflow-x:auto;-webkit-overflow-scrolling:touch}.counting-chip{width:clamp(48px,12vw,56px);height:clamp(48px,12vw,56px);min-width:clamp(48px,12vw,56px);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,3.5vw,1.4rem);font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:12px;cursor:grab;user-select:none;transition:all .2s ease;box-shadow:0 2px 8px #2563eb4d;touch-action:none}.counting-chip:active,.counting-chip-dragging{cursor:grabbing;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 16px #2563eb80;z-index:1000;opacity:.9}.counting-chip-used{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 1px 4px #0003}.counting-chip-used:active{transform:none}.counting-sequence{display:flex;gap:.75rem;justify-content:center;align-items:center;flex-wrap:wrap;margin:1.5rem 0}.counting-box{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:var(--primary-color);border-radius:12px;border:2px solid var(--primary-color)}.counting-drop-zone{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:100px;min-height:100px;padding:1rem;border:2px dashed var(--border-color);border-radius:12px;background:#ffffff80;transition:all .2s ease;position:relative}.counting-drop-zone>*{pointer-events:none}.counting-drop-zone .counting-remove{pointer-events:auto!important;z-index:100!important;position:relative}.counting-drop-zone.drag-over{border-color:var(--primary-color);background:#2563eb1a;transform:scale(1.05);box-shadow:0 0 0 4px #2563eb33}.counting-drop-zone.has-value{border-style:solid;border-color:var(--primary-color);background:#2563eb0d}.counting-drop-zone.correct-answer{border-color:#10b981;background:#10b9811a;animation:flashGreen .5s ease-out}.counting-drop-zone.incorrect-answer{border-color:#ef4444;background:#ef44441a;animation:flashRed .5s ease-out}.counting-placeholder{font-size:2rem;font-weight:700;color:var(--text-secondary);opacity:.5}.counting-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:.5rem}.counting-remove{background:#ef44441a;color:#ef4444;border:1px solid #ef4444;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.counting-remove:hover{background:#ef444433}.counting-correct-hint{font-size:.875rem;color:#10b981;font-weight:600;margin-top:.5rem}.pattern-available{display:flex;gap:clamp(.4rem,1.5vw,.6rem);justify-content:center;flex-wrap:nowrap;margin:1rem 0;padding:clamp(.6rem,2vw,.85rem);background:#2563eb0d;border-radius:12px;border:2px dashed rgba(37,99,235,.2);overflow-x:auto;-webkit-overflow-scrolling:touch}.pattern-chip{width:clamp(48px,12vw,56px);height:clamp(48px,12vw,56px);min-width:clamp(48px,12vw,56px);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,3.5vw,1.4rem);font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:12px;cursor:grab;user-select:none;transition:all .2s ease;box-shadow:0 2px 8px #2563eb4d;touch-action:none}.pattern-chip:active,.pattern-chip-dragging{cursor:grabbing;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 16px #2563eb80;z-index:1000;opacity:.9}.pattern-chip-used{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 1px 4px #0003}.pattern-chip-used:active{transform:none}.pattern-drop-zone{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:100px;min-height:100px;padding:1rem;border:2px dashed var(--border-color);border-radius:12px;background:#ffffff80;transition:all .2s ease;position:relative}.pattern-drop-zone>*{pointer-events:none}.pattern-drop-zone .pattern-remove{pointer-events:auto!important;z-index:100!important;position:relative}.pattern-drop-zone.drag-over{border-color:var(--primary-color);background:#2563eb1a;transform:scale(1.05);box-shadow:0 0 0 4px #2563eb33}.pattern-drop-zone.has-value{border-style:solid;border-color:var(--primary-color);background:#2563eb0d}.pattern-drop-zone.correct-answer{border-color:#10b981;background:#10b9811a;animation:flashGreen .5s ease-out}.pattern-drop-zone.incorrect-answer{border-color:#ef4444;background:#ef44441a;animation:flashRed .5s ease-out}.pattern-placeholder{font-size:2rem;font-weight:700;color:var(--text-secondary);opacity:.5}.pattern-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:.5rem}.pattern-remove{background:#ef44441a;color:#ef4444;border:1px solid #ef4444;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.pattern-remove:hover{background:#ef444433}.pattern-correct-hint{font-size:.875rem;color:#10b981;font-weight:600;margin-top:.5rem}.time-available{display:flex;gap:clamp(.4rem,1.5vw,.6rem);justify-content:center;flex-wrap:nowrap;margin:1rem 0;padding:clamp(.6rem,2vw,.85rem);background:#2563eb0d;border-radius:12px;border:2px dashed rgba(37,99,235,.2);overflow-x:auto;-webkit-overflow-scrolling:touch}.time-chip{min-width:clamp(70px,18vw,75px);height:clamp(48px,12vw,56px);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,3.5vw,1.4rem);font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:12px;cursor:grab;user-select:none;transition:all .2s ease;box-shadow:0 2px 8px #2563eb4d;touch-action:none;padding:0 clamp(.7rem,2vw,.9rem)}.time-chip:active,.time-chip-dragging{cursor:grabbing;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 16px #2563eb80;z-index:1000;opacity:.9}.time-chip-used{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 1px 4px #0003}.time-chip-used:active{transform:none}.time-drop-container{display:flex;justify-content:center;margin:1rem 0}.time-drop-zone{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:120px;min-height:80px;padding:1rem;border:2px dashed var(--border-color);border-radius:12px;background:#ffffff80;transition:all .2s ease;position:relative}.time-drop-zone>*{pointer-events:none}.time-drop-zone .time-remove{pointer-events:auto!important;z-index:100!important;position:relative}.time-drop-zone.drag-over{border-color:var(--primary-color);background:#2563eb1a;transform:scale(1.05);box-shadow:0 0 0 4px #2563eb33}.time-drop-zone.has-value{border-style:solid;border-color:var(--primary-color);background:#2563eb0d}.time-drop-zone.correct-answer{border-color:#10b981;background:#10b9811a;animation:flashGreen .5s ease-out}.time-drop-zone.incorrect-answer{border-color:#ef4444;background:#ef44441a;animation:flashRed .5s ease-out}.time-placeholder{font-size:1rem;font-weight:600;color:var(--text-secondary);opacity:.5;text-align:center}.time-value{font-size:1.75rem;font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:.5rem}.time-remove{background:#ef44441a;color:#ef4444;border:1px solid #ef4444;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.time-remove:hover{background:#ef444433}.time-correct-hint{font-size:.875rem;color:#10b981;font-weight:600;margin-top:.5rem}.word-problem-available{display:flex;gap:clamp(.4rem,1.5vw,.6rem);justify-content:center;flex-wrap:nowrap;margin:1rem 0;padding:clamp(.6rem,2vw,.85rem);background:#10b9810d;border-radius:12px;border:2px dashed rgba(16,185,129,.2);overflow-x:auto;-webkit-overflow-scrolling:touch}.word-problem-chip{min-width:clamp(70px,18vw,75px);height:clamp(48px,12vw,56px);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,3.5vw,1.4rem);font-weight:700;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:12px;cursor:grab;user-select:none;transition:all .2s ease;box-shadow:0 2px 8px #10b9814d;touch-action:none;padding:0 clamp(.7rem,2vw,.9rem)}.word-problem-chip:active,.word-problem-chip-dragging{cursor:grabbing;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 16px #10b98180;z-index:1000;opacity:.9}.word-problem-chip-used{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 1px 4px #0003}.word-problem-chip-used:active{transform:none}.word-problem-drop-container{display:flex;justify-content:center;margin:1rem 0}.word-problem-drop-zone{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:120px;min-height:80px;padding:1rem;border:2px dashed var(--border-color);border-radius:12px;background:#ffffff80;transition:all .2s ease;position:relative}.word-problem-drop-zone>*{pointer-events:none}.word-problem-drop-zone .word-problem-remove{pointer-events:auto!important;z-index:100!important;position:relative}.word-problem-drop-zone.drag-over{border-color:var(--primary-color);background:#10b9811a;transform:scale(1.05);box-shadow:0 0 0 4px #10b98133}.word-problem-drop-zone.has-value{border-style:solid;border-color:var(--primary-color);background:#10b9810d}.word-problem-drop-zone.correct-answer{border-color:var(--success-color);background-color:#10b9811a;animation:flashGreen .5s ease-out}.word-problem-drop-zone.incorrect-answer{border-color:var(--error-color);background-color:#ef44441a;animation:flashRed .5s ease-out}.word-problem-placeholder{font-size:1rem;font-weight:600;color:var(--text-secondary);opacity:.5;text-align:center}.word-problem-value{font-size:1.75rem;font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:.5rem}.word-problem-remove{background:#ef44441a;color:#ef4444;border:1px solid #ef4444;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;padding:0;line-height:1;transition:all .2s ease}.word-problem-remove:hover{background:#ef444433;transform:scale(1.1)}.word-problem-correct-hint{position:absolute;bottom:.2rem;font-size:.6rem;color:var(--success-color);font-weight:600}@media (max-width: 768px){.word-problem-chip{min-width:clamp(60px,15vw,70px);height:clamp(44px,11vw,52px);font-size:clamp(1rem,3vw,1.2rem)}.word-problem-drop-zone{min-width:clamp(100px,25vw,130px);min-height:clamp(50px,12vw,60px);padding:.75rem}.word-problem-value{font-size:clamp(1rem,3vw,1.2rem)}.word-problem-remove{width:32px!important;height:32px!important;font-size:1.5rem!important;-webkit-tap-highlight-color:rgba(239,68,68,.3)}}.missing-number-placeholder{font-size:.875rem;color:var(--text-secondary);opacity:.6;font-style:italic}.missing-number-value{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:700;color:var(--primary-color);min-height:40px;pointer-events:none}.missing-number-value>span{pointer-events:none}.missing-number-value .missing-number-remove{pointer-events:auto!important;z-index:1000!important;position:relative!important}.missing-number-remove{width:24px;height:24px;border:none;background:#ef44441a;color:#ef4444;border-radius:50%;cursor:pointer;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.missing-number-remove:hover{background:#ef444433;transform:scale(1.1)}.missing-number-correct-hint{position:absolute;bottom:5px;font-size:.75rem;color:#10b981;font-weight:500}.missing-number-box.filled-box{color:var(--text-primary);cursor:default}.missing-number-box.empty-box{background:#fff;border:3px dashed var(--primary-color);color:var(--text-primary);cursor:text}.missing-number-box.empty-box:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #007bff33;transform:scale(1.05)}.missing-number-box.empty-box::placeholder{color:#ccc;font-weight:400}.missing-number-box.filled-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.missing-number-operator{font-size:2.5rem;font-weight:700;color:var(--primary-color);padding:0 .5rem;min-width:2rem;text-align:center;font-family:SF Mono,Monaco,Menlo,Courier New,monospace}@media (max-width: 768px){.missing-number-equation{gap:.75rem;padding:1rem}.missing-number-box{min-width:2.75rem;min-height:2.75rem;padding:.5rem;font-size:1.5rem}.missing-number-remove{width:32px!important;height:32px!important;font-size:1.5rem!important;pointer-events:auto!important;z-index:1000!important;position:relative!important;min-width:32px!important;min-height:32px!important;-webkit-tap-highlight-color:rgba(239,68,68,.3)}.missing-number-operator{font-size:2rem;padding:0 .25rem}}.pattern-container{margin:2rem 0;display:flex;flex-direction:column;align-items:center}.pattern-sequence{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;margin:2rem 0;padding:var(--space-lg);background:linear-gradient(135deg,#f8f9ff,#fff);border-radius:16px;box-shadow:0 4px 12px #0000001a}.pattern-box-container{display:inline-flex;align-items:center;gap:.25rem}.pattern-box{min-width:3.5rem;min-height:3.5rem;padding:.75rem;font-size:2rem;font-weight:700;text-align:center;border-radius:12px;border:3px solid rgba(0,0,0,.2);box-shadow:0 3px 8px #00000026;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:default;transition:all .2s ease}.pattern-box.filled-box{color:var(--text-primary);cursor:default}.pattern-box.filled-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.pattern-separator{font-size:2rem;font-weight:700;color:var(--text-secondary);margin:0 .25rem}@media (max-width: 768px){.pattern-sequence{gap:.5rem;padding:1rem}.pattern-box{min-width:2.75rem;min-height:2.75rem;padding:.5rem;font-size:1.5rem}.pattern-separator{font-size:1.5rem;margin:0 .125rem}}.clock-container{display:flex;justify-content:center;align-items:center;padding:var(--space-lg);margin-top:var(--space-md);margin-bottom:0}.analog-clock{width:200px;height:200px;max-width:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.time-container{margin-top:1.5rem}.time-inputs-container{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);margin-bottom:0}.time-input-group{display:flex;flex-direction:column;align-items:center;gap:.5rem}.time-input-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.time-input-box{width:4rem;height:4rem;font-size:2rem;font-weight:700;text-align:center;border:3px solid var(--border-color);border-radius:12px;background:var(--bg-color);color:var(--text-primary);transition:all .2s;font-family:SF Mono,Monaco,Menlo,Courier New,monospace}.time-input-box:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;background:var(--surface-color)}.time-input-box::placeholder{color:var(--border-color);font-size:1.25rem}.time-separator{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-top:1.5rem;line-height:1}@media (max-width: 768px){.clock-container{padding:1rem}.analog-clock{width:180px;height:180px}.time-inputs-container{gap:.75rem}.time-input-box{width:3.5rem;height:3.5rem;font-size:1.75rem}.time-separator{font-size:2rem;margin-top:1.25rem}.time-input-label{font-size:.8rem}}.money-display-container{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center;align-items:flex-start;padding:var(--space-lg);margin-top:var(--space-md);margin-bottom:0;background:linear-gradient(135deg,#f0f4ff,#fff,#f8faff);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000014,inset 0 1px #fffc;border:1px solid rgba(0,0,0,.05)}.money-item-group{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:#ffffffb3;border-radius:16px;box-shadow:0 4px 12px #0000001a,inset 0 1px #fffc;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);transition:transform .2s ease,box-shadow .2s ease}.money-item-group:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026,inset 0 1px #fffc}.money-items{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;padding:.5rem}.coin-svg-wrapper{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease}.coin-svg-wrapper:hover{transform:scale(1.05)}.note-svg-wrapper{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease}.note-svg-wrapper:hover{transform:scale(1.05)}.uk-note-svg{filter:drop-shadow(0 6px 12px rgba(0,0,0,.25));border-radius:4px}.measurement-comparison{margin:2rem 0;padding:var(--space-lg);background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000001a}.measurement-items-container{display:flex;align-items:flex-end;justify-content:center;gap:2rem;flex-wrap:wrap;min-height:250px;position:relative}.measurement-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.5rem;transition:transform .2s ease;position:relative}.measurement-item:hover{transform:scale(1.05)}.measurement-emoji{font-size:4rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));display:block}.measurement-item.tall{min-height:200px;justify-content:flex-end}.measurement-item.tall .measurement-emoji{font-size:6rem;margin-bottom:0}.measurement-item.short{min-height:120px;justify-content:flex-end}.measurement-item.short .measurement-emoji{font-size:3rem;margin-bottom:0}.measurement-item.long{min-width:200px}.measurement-item.long .measurement-emoji{font-size:5rem;transform:scaleX(1.5);display:inline-block}.measurement-item:not(.long) .measurement-emoji{transform:scaleX(1)}.measurement-item.big .measurement-emoji{font-size:5.5rem}.measurement-item.medium .measurement-emoji{font-size:3.5rem}.measurement-item.small .measurement-emoji{font-size:2.5rem}.measurement-label{font-size:1rem;font-weight:600;color:var(--text-primary);text-align:center;padding:.25rem .5rem;background:var(--bg-primary);border-radius:6px;border:2px solid var(--border-color)}.measurement-container{margin-top:1rem}.measurement-with-cubes .measurement-items-container{align-items:center;gap:3rem;min-height:auto;padding:1rem 0}.measurement-item-with-cubes{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;transition:transform .2s ease}.measurement-item-with-cubes:hover{transform:scale(1.05)}.measurement-object-row{display:flex;align-items:center;gap:.75rem;flex-direction:row}.measurement-object-row.measurement-length-layout{flex-direction:column;align-items:center;gap:.5rem}.measurement-object-container{display:flex;align-items:center;justify-content:flex-start;height:2.5rem;min-width:2.5rem;position:relative;flex-shrink:0;overflow:hidden}.measurement-item-with-cubes .measurement-emoji{font-size:2.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));display:block;height:2.5rem;width:2.5rem;flex-shrink:0;transform-origin:left center;text-align:left}.measurement-object-svg{display:block;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.measurement-object-svg:not(.measurement-object-vertical){height:2.5rem;width:100%}.measurement-object-svg.measurement-object-vertical{width:2.5rem;height:100%}.measurement-cubes{display:flex;align-items:center;gap:.15rem;flex-wrap:nowrap;flex-direction:row}.measurement-cubes.measurement-cubes-vertical{flex-direction:column;align-items:center;gap:.1rem}.measurement-cube{font-size:2rem;line-height:1;display:inline-block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));width:2rem;height:2rem;flex-shrink:0}.measurement-item-with-cubes .measurement-label{font-size:1rem;font-weight:600;color:var(--text-primary);text-align:center;padding:.25rem .5rem;background:var(--bg-primary);border-radius:6px;border:2px solid var(--border-color);margin-top:.25rem}@media (max-width: 768px){.measurement-items-container{gap:1rem;min-height:180px}.measurement-emoji{font-size:3rem}.measurement-item.tall{min-height:150px}.measurement-item.tall .measurement-emoji{font-size:4.5rem}.measurement-item.short{min-height:90px}.measurement-item.short .measurement-emoji{font-size:2.5rem}.measurement-item.long{min-width:150px}.measurement-item.long .measurement-emoji{font-size:4rem;transform:scaleX(1.5)}.measurement-item.big .measurement-emoji{font-size:4rem}.measurement-item.medium .measurement-emoji{font-size:3rem}.measurement-item.small .measurement-emoji{font-size:2rem}.measurement-label{font-size:.9rem}.measurement-with-cubes .measurement-items-container{gap:1.5rem;padding:.5rem 0;flex-wrap:wrap}.measurement-item-with-cubes,.measurement-object-row{gap:.5rem}.measurement-object-row.measurement-length-layout{gap:.4rem}.measurement-object-container{min-width:2rem}.measurement-item-with-cubes .measurement-emoji{font-size:2rem;height:2rem;min-width:2rem}.measurement-object-svg:not(.measurement-object-vertical){height:2rem}.measurement-object-svg.measurement-object-vertical{width:2rem}.measurement-cubes{gap:.1rem}.measurement-cubes.measurement-cubes-vertical{gap:.08rem}.measurement-cube{font-size:1.5rem;width:1.5rem;height:1.5rem}.measurement-item-with-cubes .measurement-label{font-size:.85rem;padding:.2rem .4rem}}.uk-coin{border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;font-weight:800;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff6,#0000001a);box-shadow:0 4px 12px #00000040,inset 0 2px 6px #fff6,inset 0 -2px 6px #0003;transition:transform .2s ease}.uk-coin:hover{transform:scale(1.05)}.uk-coin.small{width:4rem;height:4rem;font-size:.85rem;border-width:2.5px}.uk-coin.medium{width:5rem;height:5rem;font-size:1rem;border-width:3px}.uk-coin.large{width:6rem;height:6rem;font-size:1.2rem;border-width:3.5px}.uk-coin.xlarge{width:7rem;height:7rem;font-size:1.3rem;border-width:4px}.uk-note{border-radius:6px;border:3px solid;display:flex;align-items:center;justify-content:center;font-weight:800;position:relative;min-width:140px;height:80px;font-size:1.6rem;background:linear-gradient(135deg,#ffffffe6,#f0f0f0e6);box-shadow:0 6px 16px #0000004d,inset 0 1px 2px #ffffff80;transition:transform .2s ease;overflow:hidden}.uk-note:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.02) 10px,rgba(0,0,0,.02) 20px);pointer-events:none}.uk-note:hover{transform:scale(1.03)}.money-value-text{text-shadow:0 2px 4px rgba(0,0,0,.2);z-index:1;position:relative;letter-spacing:.05em}.money-count-label{font-size:.85rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,#f0f0f0,#e0e0e0);padding:.4rem .75rem;border-radius:12px;box-shadow:0 2px 4px #0000001a;border:1px solid rgba(0,0,0,.1);letter-spacing:.05em}.money-target-display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;margin:1.5rem 0;background:linear-gradient(135deg,#fff5e5,#fff);border-radius:16px;box-shadow:0 4px 12px #0000001a}.money-target-amount{font-size:3rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem;font-family:SF Mono,Monaco,Menlo,Courier New,monospace}.money-target-label{font-size:1.1rem;color:var(--text-secondary);font-weight:600}.money-make-amount-choices{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;max-width:800px;margin-left:auto;margin-right:auto}.money-choice-cluster{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface-color);border:3px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.money-choice-cluster:hover{border-color:var(--primary-color);background:#2563eb0d;transform:translateY(-2px);box-shadow:var(--shadow-md)}.money-choice-cluster.selected{border-color:var(--primary-color);background:#2563eb1a;box-shadow:0 0 0 3px #2563eb33}.choice-cluster-coins{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;flex:1}.choice-coin-group{display:flex;gap:.25rem;align-items:center}.choice-coin{display:inline-flex}.choice-label{font-size:1.5rem;font-weight:700;color:var(--primary-color);min-width:2rem;text-align:center}.money-container{margin-top:1.5rem}.money-input{font-size:1.5rem;text-align:center;letter-spacing:.05em}@media (max-width: 768px){.money-display-container{gap:1rem;padding:var(--space-lg)}.money-item-group{padding:.75rem}.uk-coin.small{width:3.5rem;height:3.5rem;font-size:.8rem;border-width:2px}.uk-coin.medium{width:4.5rem;height:4.5rem;font-size:.95rem;border-width:2.5px}.uk-coin.large{width:5.5rem;height:5.5rem;font-size:1.1rem;border-width:3px}.uk-coin.xlarge{width:6.5rem;height:6.5rem;font-size:1.2rem;border-width:3.5px}.uk-note{min-width:120px;height:70px;font-size:1.4rem}.money-display-container{gap:1.5rem;padding:2rem}.money-item-group{padding:1rem}.money-count-label{font-size:.8rem}.money-target-amount{font-size:2.5rem}.money-target-label{font-size:1rem}.money-input{font-size:1.25rem}}@media (max-width: 768px){.place-value-table{max-width:320px}.place-value-table th{padding:.75rem 1rem;font-size:.7rem}.place-value-table .operation-cell{padding:.875rem .5rem;font-size:1.125rem;width:2.5rem}.place-value-table .value-cell{padding:.875rem 1.25rem;font-size:1.25rem;min-width:3.5rem}}.problem-input-container{margin-top:var(--space-md);margin-bottom:0}.input-label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.mobile-only-label{display:none}.answer-input{width:100%;padding:1rem;font-size:1.25rem;border:2px solid var(--border-color);border-radius:8px;transition:all .2s;font-family:inherit;position:relative;overflow:visible}.answer-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.input-hint{margin-top:.5rem;font-size:.875rem;color:var(--text-secondary)}.number-order-container{margin-top:var(--space-md);margin-bottom:0}.number-order-available{display:flex;gap:clamp(.4rem,1.5vw,.6rem);justify-content:center;flex-wrap:nowrap;margin:1rem 0;padding:clamp(.6rem,2vw,.85rem);background:#2563eb0d;border-radius:12px;border:2px dashed rgba(37,99,235,.2);overflow-x:auto;-webkit-overflow-scrolling:touch}.number-chip{width:clamp(48px,12vw,56px);height:clamp(48px,12vw,56px);min-width:clamp(48px,12vw,56px);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,3.5vw,1.4rem);font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:12px;cursor:grab;user-select:none;transition:all .2s ease;box-shadow:0 2px 8px #2563eb4d;touch-action:none}.number-chip:active,.number-chip-dragging{cursor:grabbing;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 16px #2563eb80;z-index:1000;opacity:.9}.number-chip-used{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 1px 4px #0003}.number-chip-used:active{transform:none}.number-order-drop-zones{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.number-order-drop-zone{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:100px;min-height:100px;padding:1rem;border:2px dashed var(--border-color);border-radius:12px;background:#ffffff80;transition:all .2s ease;position:relative}.number-order-drop-zone>*{pointer-events:none}.number-order-drop-zone .number-order-remove{pointer-events:auto!important;z-index:100!important;position:relative}.number-order-drop-zone.drag-over{border-color:var(--primary-color);background:#2563eb1a;transform:scale(1.05);box-shadow:0 0 0 4px #2563eb33}.number-order-drop-zone.has-value{border-style:solid;border-color:var(--primary-color);background:#2563eb0d}.number-order-drop-zone.correct-answer{border-color:#10b981;background:#10b9811a;animation:flashGreen .5s ease-out}.number-order-drop-zone.incorrect-answer{border-color:#ef4444;background:#ef44441a;animation:flashRed .5s ease-out}.number-order-label{font-size:.875rem;font-weight:700;color:var(--primary-color);text-align:center;display:block;margin-bottom:.5rem;width:100%;pointer-events:none;order:-1;z-index:1;position:relative}.number-order-placeholder{font-size:.875rem;color:var(--text-secondary);opacity:.6;font-style:italic;margin-top:0;order:1}.number-order-value{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:700;color:var(--primary-color);min-height:50px;pointer-events:none}.number-order-value>span{pointer-events:none}.number-order-value .number-order-remove{pointer-events:auto!important;z-index:1000!important;position:relative!important}.number-order-remove{width:24px;height:24px;border:none;background:#ef44441a;color:#ef4444;border-radius:50%;cursor:pointer;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;pointer-events:auto!important;z-index:100!important;position:relative}.number-order-remove:hover{background:#ef444433;transform:scale(1.1)}.number-order-correct-hint{position:absolute;bottom:-1.5rem;font-size:.75rem;color:#10b981;font-weight:600}.worksheet-navigation{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;width:100%;box-sizing:border-box}.problem-content-area>.problem-input-container:first-of-type,.problem-content-area>.problem-input-container.time-container:first-of-type{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color);margin-bottom:0}.worksheet-navigation{display:flex;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm) 0;width:100%;box-sizing:border-box}@media (min-width: 1024px){.input-hint{margin-top:.25rem;margin-bottom:.25rem}.worksheet-navigation{margin-top:.5rem;padding:.5rem 0}.missing-number-equation{margin-top:var(--space-sm);margin-bottom:0}.missing-number-available{margin-bottom:1rem}}.worksheet-footer{text-align:center;padding-top:1rem;border-top:1px solid var(--border-color)}.btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:inherit;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #00000026}.btn:active{transform:translateY(0) scale(.98);transition:transform .1s ease}@keyframes buttonBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.btn-primary:hover{animation:buttonBounce .5s ease-in-out}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--border-color)}.exit-confirmation-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.exit-confirmation-dialog{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:2.5rem;max-width:420px;width:90%;box-shadow:0 10px 40px #0003,0 0 0 1px #2563eb1a;text-align:center;animation:slideUp .3s ease-out;position:relative;overflow:hidden}.exit-confirmation-dialog:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--error-color) 0%,#f87171 100%)}.exit-confirmation-dialog h3{font-size:1.75rem;margin-bottom:.75rem;color:var(--text-primary);font-weight:700;display:flex;align-items:center;justify-content:center;gap:.75rem}.exit-confirmation-dialog h3:before{content:"⚠️";font-size:2rem}.exit-confirmation-dialog p{font-size:1.05rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.exit-confirmation-buttons{display:flex;gap:1rem;justify-content:center}.exit-confirmation-buttons .btn{min-width:120px;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:10px;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.exit-confirmation-buttons .btn-primary{background:linear-gradient(135deg,var(--error-color) 0%,#dc2626 100%);color:#fff;border:none}.exit-confirmation-buttons .btn-primary:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.exit-confirmation-buttons .btn-secondary{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:var(--text-primary);border:1px solid rgba(37,99,235,.2)}.exit-confirmation-buttons .btn-secondary:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#2563eb4d}.exit-confirmation-buttons .btn:active{transform:translateY(0)}@media (max-width: 768px){.exit-confirmation-dialog{padding:2rem 1.5rem;max-width:90%;border-radius:16px}.exit-confirmation-dialog h3{font-size:1.4rem}.exit-confirmation-dialog h3:before{font-size:1.75rem}.exit-confirmation-dialog p{font-size:.95rem;margin-bottom:1.75rem}.exit-confirmation-buttons{flex-direction:column;gap:.875rem}.exit-confirmation-buttons .btn{width:100%;min-width:auto;padding:1rem 2rem}}.btn-link{background:none;color:var(--text-secondary);padding:.5rem 1rem;font-weight:400}.btn-link:hover{color:var(--text-primary)}.btn-large{padding:1rem 2rem;font-size:1.125rem}.results-container{max-width:800px;margin:0 auto;background:var(--bg-color);border-radius:12px;padding:2rem;box-shadow:var(--shadow-md)}.results-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.results-header h2{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.chapter-name{color:var(--text-secondary);font-size:1.125rem}.results-status{display:flex;align-items:center;gap:1.5rem;padding:var(--space-lg);border-radius:8px;margin-bottom:2rem}.results-status.passed{background:#d1fae5;border:2px solid var(--success-color)}.results-status.not-passed{background:#fef3c7;border:2px solid var(--warning-color)}.status-icon{font-size:3rem}.status-text h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.status-text p{color:var(--text-secondary)}.award-badge{text-align:center;padding:2rem;margin:2rem auto;max-width:400px;border-radius:20px;position:relative;overflow:hidden;animation:awardEntrance 1s ease-out forwards;box-shadow:0 10px 40px #00000026}@keyframes awardEntrance{0%{opacity:0;transform:scale(.3) translateY(-50px) rotate(-180deg)}50%{transform:scale(1.1) translateY(10px) rotate(10deg)}70%{transform:scale(.95) translateY(-5px) rotate(-5deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0)}}.award-emoji{font-size:8rem;line-height:1;margin-bottom:1rem;animation:awardPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px currentColor)}@keyframes awardPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.award-title{font-size:2.5rem;font-weight:900;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:2px;animation:awardTextShine 3s ease-in-out infinite}@keyframes awardTextShine{0%,to{text-shadow:0 0 10px currentColor,0 0 20px currentColor}50%{text-shadow:0 0 20px currentColor,0 0 40px currentColor,0 0 60px currentColor}}.award-subtitle{font-size:1.25rem;font-weight:600;opacity:.9;animation:awardFadeIn 1s ease-out .5s forwards;opacity:0}@keyframes awardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:.9;transform:translateY(0)}}.award-bronze{background:linear-gradient(135deg,#cd7f32,#b87333,#a0662a);border:3px solid #8b5a2b;color:#fff}.award-bronze:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:awardShine 3s ease-in-out infinite}.award-silver{background:linear-gradient(135deg,silver,#a8a8a8,#909090);border:3px solid #787878;color:#fff}.award-silver:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);animation:awardShine 2.5s ease-in-out infinite}.award-gold{background:linear-gradient(135deg,gold,#ffed4e,#ffc107);border:3px solid #ff8c00;color:#8b4513}.award-gold:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,transparent 70%);animation:awardShine 2s ease-in-out infinite}.award-gold .award-emoji{filter:drop-shadow(0 0 30px rgba(255,215,0,.8)) drop-shadow(0 0 20px currentColor)}.award-platinum{background:linear-gradient(135deg,#e5e4e2,#d3d3d3,silver);border:3px solid #a9a9a9;color:#2c2c2c;box-shadow:0 15px 50px #0003,0 0 30px #e5e4e280}.award-platinum:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.6) 0%,transparent 70%);animation:awardShine 1.5s ease-in-out infinite}.award-platinum .award-emoji{filter:drop-shadow(0 0 40px rgba(229,228,226,.9)) drop-shadow(0 0 30px currentColor);animation:awardPulse 2s ease-in-out infinite,awardRotate 4s linear infinite}@keyframes awardRotate{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1.15) rotate(0)}75%{transform:scale(1.1) rotate(-5deg)}}@keyframes awardShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--surface-color);padding:var(--space-lg);border-radius:8px;text-align:center}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.stat-value.stat-pass{color:var(--success-color)}.stat-value.stat-fail{color:var(--error-color)}.stat-requirement{font-size:.875rem;color:var(--text-secondary)}.errors-section{margin-bottom:2rem;padding:var(--space-lg);background:var(--surface-color);border-radius:8px}.errors-section h3{margin-bottom:1rem;color:var(--text-primary)}.errors-summary{display:flex;gap:2rem;justify-content:center}.error-type{display:flex;flex-direction:column;align-items:center;gap:.5rem}.error-label{font-size:.875rem;color:var(--text-secondary)}.error-count{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.results-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.loading,.empty-state,.error,.error-message{text-align:center;padding:3rem;color:var(--text-secondary)}.error-message{max-width:500px;margin:0 auto}.error-message h2{font-size:1.5rem;color:var(--error-color);margin-bottom:1rem}.error-message p{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;font-size:1.125rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes success{0%{background-color:var(--success-color);transform:scale(1)}50%{transform:scale(1.1)}to{background-color:var(--bg-color);transform:scale(1)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}@media (max-width: 768px){.app-header-slick{padding:clamp(.6rem,3vw,.8rem) clamp(.8rem,4vw,1.1rem)}.brand-icon{width:clamp(1.75rem,6vw,2rem);height:clamp(1.75rem,6vw,2rem);font-size:clamp(1rem,3.5vw,1.25rem)}.brand-title{font-size:clamp(1rem,3vw,1.1rem)}.brand-subtitle{font-size:clamp(.65rem,2.5vw,.75rem)}.app-header-slick{padding:.75rem 1rem}.header-content{padding:0}.brand-icon{width:2rem;height:2rem;font-size:1.25rem}.brand-title{font-size:1.1rem}.brand-subtitle{font-size:.7rem}.app-main{padding:.75rem}.worksheet-container,.results-container{padding:0!important;border-radius:0;margin:0!important;max-width:100%!important;box-shadow:none}.award-badge{padding:var(--space-lg);margin:1.5rem auto;max-width:90%}.award-emoji{font-size:5rem}.award-title{font-size:1.75rem}.award-subtitle{font-size:1rem}.worksheet-container~.app-header-slick,.app-container:has(.worksheet-container) .app-header-slick{display:none!important}.worksheet-container{height:auto!important;min-height:100dvh!important;max-height:none!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;position:relative!important;inset:0 0 auto!important;width:100%!important;min-height:0!important;padding:0!important;align-items:stretch!important}.worksheet-header,.worksheet-footer{display:none!important}.worksheet-progress-bar{display:block!important;flex-shrink:0!important;height:clamp(.75rem,2vh,1rem);margin:0;margin-bottom:var(--space-xs);position:relative;background:var(--surface-color);border-radius:0;padding:0;overflow:visible}.worksheet-progress-bar .progress-fill{position:absolute;top:0;left:0;height:3px;border-radius:0;background:var(--primary-color);transition:width .3s ease;z-index:1}.mobile-progress-text{position:absolute;top:2px;right:2.5rem;font-size:.65rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;line-height:1;z-index:2}.mobile-exit-btn{position:absolute;top:-1px;right:.5rem;width:26px;height:26px;border:none;background:var(--error-color);color:#fff;font-size:1rem;font-weight:700;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:all .2s;line-height:1;padding:0;box-shadow:0 2px 4px #0003;-webkit-tap-highlight-color:rgba(239,68,68,.2)}.mobile-exit-btn:hover,.mobile-exit-btn:active{background:#dc2626;transform:scale(1.05);box-shadow:0 2px 6px #0000004d}.mobile-exit-btn:active{transform:scale(.95)}@media (min-width: 769px){.mobile-exit-btn{display:none}}.desktop-exit-btn{display:none}.problem-container{display:flex!important;flex-direction:column!important;flex:1 1 0%!important;min-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;width:100%!important;position:relative!important;height:100%!important}.problem-content-area{flex:1 1 0%!important;min-height:0!important;max-height:100%!important;overflow-y:scroll!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;gap:var(--space-sm);padding:var(--space-md) var(--space-sm) var(--space-md) var(--space-sm)!important;width:100%!important;box-sizing:border-box!important;position:relative!important;touch-action:pan-y!important;scrollbar-width:thin}.problem-content-area>.problem-input-container:first-of-type,.problem-content-area>.problem-input-container.time-container:first-of-type{margin-top:var(--space-md)!important;padding-top:var(--space-md)!important;border-top:1px solid var(--border-color)!important}.worksheet-navigation{flex-shrink:0!important;flex-grow:0!important;margin:0!important;padding:var(--space-sm) var(--space-sm)!important;background:var(--bg-color)!important;border-top:1px solid var(--border-color)!important;min-height:var(--touch-target)!important;width:100%!important;box-sizing:border-box!important}.problem-question{font-size:clamp(1rem,2.5vw + .5rem,1.25rem);flex-direction:row;align-items:flex-start;gap:var(--space-xs);margin-bottom:var(--space-sm);margin-top:0!important;padding-top:0!important;line-height:1.5;width:100%!important}.problem-number{flex-shrink:0;min-width:clamp(1.25rem,3vw,1.5rem);font-size:clamp(.875rem,2.5vw + .5rem,1.125rem)}.problem-text{flex:1;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;hyphens:auto;font-size:clamp(.95rem,2.5vw + .5rem,1.2rem);line-height:1.6}.problem-input-container{margin-top:var(--space-sm);margin-bottom:0}.worksheet-navigation{padding:var(--space-sm) 0;gap:var(--space-xs)}.worksheet-navigation .btn{flex:1;padding:var(--space-sm) var(--space-md);font-size:clamp(.875rem,2.5vw,1rem);min-height:var(--touch-target);height:auto!important}.worksheet-navigation .btn-secondary{background-color:var(--surface-color)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.mobile-only-label{display:block;margin-bottom:var(--space-sm);font-size:clamp(.875rem,2.5vw + .5rem,1rem)}.app-main{padding:0!important;margin:0!important}body{margin:0;padding:0;overflow-x:hidden}html{overflow-x:hidden}body.worksheet-active{overflow-y:auto!important;overflow-x:hidden!important;position:static!important;width:100%!important;height:auto!important}html.worksheet-active{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important}.visual-counting-display,.visual-addition-display,.visual-subtraction-display,.visual-multiplication-display,.visual-division-display{margin:.25rem 0!important;max-height:none!important;overflow:visible!important;padding:0!important}.clock-container{padding:.4rem;margin:.35rem 0}.analog-clock{width:120px;height:120px}.money-display-container{padding:.3rem .5rem!important;gap:.4rem!important;margin:.25rem 0!important;max-height:none!important;overflow:visible!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important}.money-item-group{padding:.2rem!important;gap:.15rem!important;margin:0!important;margin-bottom:.1rem!important;min-width:auto!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.money-display-container{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;row-gap:.15rem!important;gap:.2rem!important}.money-items{gap:.2rem!important;row-gap:.15rem!important}.uk-coin{width:2.8rem!important;height:2.8rem!important;font-size:.75rem!important;border-width:2px!important}.uk-note{width:3.2rem!important;height:2.2rem!important;font-size:.7rem!important}.problem-input-container,.multiple-choice-options{margin-top:var(--space-sm);margin-bottom:0;padding-bottom:.25rem;scroll-margin-bottom:70px;scroll-margin-top:5px;position:relative;z-index:1}.equal-toggle-buttons,.number-order-inputs,.place-value-inputs,.pattern-inputs,.arithmetic-inputs-row{margin-top:var(--space-sm);margin-bottom:0;padding-bottom:.25rem;scroll-margin-bottom:70px;scroll-margin-top:5px}.measurement-items-container{gap:.3rem;row-gap:.15rem!important;min-height:100px;max-height:120px;margin:.35rem 0;overflow-y:auto;-webkit-overflow-scrolling:touch}.measurement-emoji{font-size:2rem}.shapes-display{margin:.35rem 0;padding:.5rem;max-height:140px;overflow-y:auto;-webkit-overflow-scrolling:touch}.shapes-select-grid{gap:.3rem;row-gap:.2rem!important}.shape-select-btn{min-width:80px;min-height:80px;padding:.5rem}.visual-objects{font-size:2rem;padding:.5rem;letter-spacing:.3rem;margin:.5rem 0;line-height:1.8}.answer-input{font-size:.85rem;padding:.35rem .45rem;min-height:30px;border-width:1.5px}.problem-content-area .multiple-choice-options{grid-template-columns:1fr 1fr;gap:var(--space-xs)}.problem-content-area .multiple-choice-btn{padding:var(--space-sm) var(--space-md);font-size:clamp(.875rem,2.5vw,1rem);min-height:var(--touch-target)}.problem-content-area .choice-value{margin:0;padding:0!important;flex:1!important}.multiple-choice-btn{padding:.35rem .45rem;font-size:.75rem;min-height:30px;border-width:1.5px;gap:.35rem;flex-direction:row;align-items:center;text-align:left;width:100%}.choice-label{min-width:1rem;font-size:.7rem}.choice-value{font-size:.8rem;line-height:1.2;word-break:break-word;flex:1}.addition-clusters-container,.subtraction-clusters-container,.multiplication-groups-container,.division-clusters-container,.counting-clusters-container{margin:var(--space-sm) 0;padding:var(--space-xs);gap:var(--space-xs);row-gap:var(--space-xs)!important;max-height:clamp(6rem,15vh,8rem);overflow-y:auto;-webkit-overflow-scrolling:touch}.addition-cluster,.subtraction-cluster,.counting-cluster,.multiplication-group{padding:var(--space-xs) var(--space-sm);font-size:2rem;letter-spacing:.3rem;margin-bottom:0!important;line-height:1.8}.addition-operator,.subtraction-operator{font-size:clamp(1.25rem,4vw,1.75rem);padding:0 var(--space-xs)}.input-hint{font-size:.65rem;margin-top:.2rem;line-height:1.2}.correct-answer-indicator{margin-top:.2rem;padding:.3rem .5rem;font-size:.75rem;line-height:1.2}.chapter-selector{padding:1rem .75rem}.chapter-selector h2{font-size:1.5rem;margin-bottom:.75rem;background:linear-gradient(135deg,var(--primary-color) 0%,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.instruction{font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.level-section{margin-bottom:1rem;padding:.75rem;background:linear-gradient(135deg,#2563eb08,#3b82f603);border-radius:12px;border:1px solid rgba(37,99,235,.1);box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.level-section.level-A{background:linear-gradient(135deg,#fafaf999,#f5f5f480);border-color:#78716c1f}.level-section.level-B{background:linear-gradient(135deg,#f0f9ff99,#e0f2fe80);border-color:#0ea5e91f}.level-section.level-F{background:linear-gradient(135deg,#f5f3ff99,#ede9fe80);border-color:#8b5cf61f}.level-section.level-G{background:linear-gradient(135deg,#fdf2f899,#fce7f380);border-color:#ec48991f}.level-section.level-H{background:linear-gradient(135deg,#f0fdf499,#dcfce780);border-color:#22c55e1f}.level-section.level-I{background:linear-gradient(135deg,#fff7ed99,#ffedd580);border-color:#f973161f}.level-header{cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(37,99,235,.1)}.level-header-main{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.level-title{font-size:1.1rem;margin:0;width:100%;flex-wrap:wrap}.level-name{font-size:1rem}.level-title-text{font-size:.95rem}.level-toggle-icon{font-size:.8rem;color:var(--primary-color);transition:transform .2s ease;display:inline-block;min-width:1rem}.level-section.expanded .level-toggle-icon{transform:rotate(0)}.level-section.collapsed .level-toggle-icon{transform:rotate(-90deg)}.level-badges{width:100%;gap:.4rem}.level-badge{padding:.35rem .6rem;font-size:.75rem}.level-badge .badge-icon{font-size:.8rem}.level-badge .badge-text{font-size:.75rem}.level-description{font-size:.85rem;margin-bottom:0;line-height:1.4}.levels-grid{grid-template-columns:1fr;gap:var(--space-md);margin-top:var(--space-md)}.level-master-tile{padding:var(--space-md);gap:var(--space-sm)}.level-master-stats{grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.back-to-levels-btn{width:100%;justify-content:center;margin-bottom:var(--space-md)}.chapters-grid{grid-template-columns:1fr;gap:1rem}.chapter-card{padding:.9rem 1rem;background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid rgba(37,99,235,.2);border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;position:relative;overflow:hidden;gap:.5rem}.chapter-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.chapter-card:active{transform:scale(.98);border-color:#2563eb66;box-shadow:0 4px 16px #2563eb26;background:linear-gradient(135deg,#fff,#f1f5f9)}.chapter-card:active:before{transform:scaleX(1)}.chapter-card.level-A{background:linear-gradient(135deg,#fafaf9,#f5f5f4);border-color:#78716c26}.chapter-card.level-A:before{background:linear-gradient(90deg,#78716c,#a8a29e,#d6d3d1)}.chapter-card.level-A:active{background:linear-gradient(135deg,#f5f5f4,#e7e5e4);border-color:#78716c40;box-shadow:0 4px 16px #78716c1f}.chapter-card.level-A .chapter-number{background:linear-gradient(135deg,#fbbf2433,#f59e0b40);color:#92400e;border-color:#d9770640;box-shadow:0 2px 4px #d977061a}.chapter-card.level-B{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0ea5e926}.chapter-card.level-B:before{background:linear-gradient(90deg,#0ea5e9,#38bdf8,#7dd3fc)}.chapter-card.level-B:active{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#0ea5e940;box-shadow:0 4px 16px #0ea5e91f}.chapter-card.level-B .chapter-number{background:linear-gradient(135deg,#3b82f633,#2563eb40);color:#1e40af;border-color:#2563eb40;box-shadow:0 2px 4px #2563eb1a}.chapter-card.level-F{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf626}.chapter-card.level-F:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd)}.chapter-card.level-F:active{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#8b5cf640;box-shadow:0 4px 16px #8b5cf61f}.chapter-card.level-F .chapter-number{background:linear-gradient(135deg,#a78bfa33,#8b5cf640);color:#5b21b6;border-color:#8b5cf640;box-shadow:0 2px 4px #8b5cf61a}.chapter-card.level-G{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-color:#ec489926}.chapter-card.level-G:before{background:linear-gradient(90deg,#ec4899,#f472b6,#f9a8d4)}.chapter-card.level-G:active{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#ec489940;box-shadow:0 4px 16px #ec48991f}.chapter-card.level-G .chapter-number{background:linear-gradient(135deg,#f472b633,#ec489940);color:#9f1239;border-color:#ec489940;box-shadow:0 2px 4px #ec48991a}.chapter-card.level-H{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e26}.chapter-card.level-H:before{background:linear-gradient(90deg,#22c55e,#4ade80,#86efac)}.chapter-card.level-H:active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e40;box-shadow:0 4px 16px #22c55e1f}.chapter-card.level-H .chapter-number{background:linear-gradient(135deg,#4ade8033,#22c55e40);color:#166534;border-color:#22c55e40;box-shadow:0 2px 4px #22c55e1a}.chapter-card.level-I{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#f9731626}.chapter-card.level-I:before{background:linear-gradient(90deg,#f97316,#fb923c,#fdba74)}.chapter-card.level-I:active{background:linear-gradient(135deg,#ffedd5,#fed7aa);border-color:#f9731640;box-shadow:0 4px 16px #f973161f}.chapter-card.level-I .chapter-number{background:linear-gradient(135deg,#fb923c33,#f9731640);color:#9a3412;border-color:#f9731640;box-shadow:0 2px 4px #f973161a}.chapter-number{font-size:.8rem;font-weight:700;color:#2563eb;background:linear-gradient(135deg,#2563eb1a,#3b82f61a);padding:.2rem .6rem;border-radius:6px;display:inline-block;margin-bottom:.4rem;border:1px solid rgba(37,99,235,.2)}.chapter-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.35rem;line-height:1.25}.chapter-description{font-size:.8rem;color:var(--text-secondary);line-height:1.35;margin-bottom:.5rem}.chapter-mastery{display:flex;gap:.4rem;flex-wrap:nowrap;margin-top:.25rem}.mastery-badge{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;border-radius:6px;font-size:.7rem}.mastery-badge .badge-icon{font-size:.8rem;width:1.1rem;height:1.1rem;border-radius:3px}.mastery-badge .badge-value{font-size:.75rem}.results-stats{grid-template-columns:1fr}.errors-summary{flex-direction:column;gap:1rem}.number-order-available{gap:.5rem;padding:.75rem}.number-chip{width:50px;height:50px;font-size:1.25rem;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none}.number-order-drop-zones{gap:.75rem;flex-wrap:wrap}.number-order-drop-zone{min-width:80px;min-height:80px;padding:.75rem;touch-action:none}.number-order-label{font-size:1.1rem!important;font-weight:800!important;color:#2563eb!important;display:block!important;visibility:visible!important;opacity:1!important;margin:0!important;width:100%!important;text-align:center!important;line-height:1.5!important;padding:.5rem 0!important;background:#2563eb26!important;border-radius:4px!important;order:0!important;z-index:10!important;position:relative!important;flex:1;display:flex!important;align-items:center!important;justify-content:center!important}.number-order-placeholder{display:none!important}.number-order-remove{width:32px!important;height:32px!important;font-size:1.5rem!important;pointer-events:auto!important;z-index:1000!important;position:relative!important;min-width:32px!important;min-height:32px!important;-webkit-tap-highlight-color:rgba(239,68,68,.3)}.number-order-value{font-size:1.5rem;min-height:40px}.number-order-remove{width:28px;height:28px;font-size:1.3rem}.place-value-available{gap:.5rem;padding:.75rem}.place-value-chip{width:clamp(48px,12vw,56px);height:clamp(48px,12vw,56px);font-size:clamp(1.2rem,3.5vw,1.4rem);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none}.place-value-drop-zones{gap:.75rem;flex-wrap:wrap}.place-value-drop-zone{min-width:100px;min-height:90px;padding:.75rem;touch-action:none}.place-value-value{font-size:1.5rem;min-height:40px}.place-value-label{font-size:1.1rem!important;font-weight:800!important;color:#2563eb!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;margin-bottom:.5rem!important;width:100%!important;min-height:2.5rem!important;text-align:center!important;line-height:1.2!important;padding:.5rem!important;background:#2563eb26!important;border-radius:8px!important;order:0!important;z-index:10!important;pointer-events:none!important;visibility:visible!important;opacity:1!important}.place-value-placeholder{display:none!important}.place-value-remove{width:32px!important;height:32px!important;font-size:1.5rem!important;pointer-events:auto!important;z-index:1000!important;position:relative!important;min-width:32px!important;min-height:32px!important;-webkit-tap-highlight-color:rgba(239,68,68,.3)}.equal-toggle-btn{min-width:100px;padding:1rem 1.5rem;font-size:1.125rem}.btn{padding:.875rem 1.25rem;font-size:.95rem}.btn-large{padding:.875rem 1.5rem;font-size:1rem}}@media (max-width: 768px){.btn,.chapter-card,.equal-toggle-btn{min-height:44px;-webkit-tap-highlight-color:rgba(37,99,235,.2)}.answer-input,.number-order-input{font-size:16px;min-height:44px}}.answer-input:focus,.number-order-input:focus{transform:scale(1.02);transition:transform .2s ease}.btn:active{transform:scale(.98);transition:transform .1s ease}@keyframes flashGreen{0%,to{background-color:#fff;border-color:var(--border-color);transform:scale(1)}25%{background-color:#d1fae5;border-color:var(--success-color);box-shadow:0 0 0 4px #10b98133;transform:scale(1.05)}50%{background-color:#a7f3d0;border-color:var(--success-color);box-shadow:0 0 0 8px #10b9814d,0 0 20px #10b98133;transform:scale(1.1) rotate(2deg)}75%{background-color:#d1fae5;border-color:var(--success-color);box-shadow:0 0 0 4px #10b98133;transform:scale(1.05)}}@keyframes confetti{0%{opacity:1;transform:translateY(0) translate(0) rotate(0) scale(1)}50%{opacity:1;transform:translateY(-30px) translate(10px) rotate(180deg) scale(1.2)}to{opacity:0;transform:translateY(-60px) translate(20px) rotate(360deg) scale(.8)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.5) rotate(180deg)}}@keyframes sparkleBurst{0%{opacity:0;transform:scale(0) rotate(0)}20%{opacity:1;transform:scale(1.3) rotate(90deg)}40%{opacity:1;transform:scale(1.5) rotate(180deg)}60%{opacity:1;transform:scale(1.2) rotate(270deg)}to{opacity:0;transform:scale(.8) rotate(360deg)}}@keyframes flashRed{0%,to{background-color:#fff;border-color:var(--border-color)}50%{background-color:#fee2e2;border-color:var(--error-color);box-shadow:0 0 0 4px #ef444433}}.answer-input.correct-answer,.multiple-choice-btn.correct-answer,.equal-toggle-btn.correct-answer{animation:flashGreen .8s ease-in-out;background-color:#d1fae5!important;border-color:var(--success-color)!important;color:#065f46!important;position:relative;pointer-events:auto!important}.multiple-choice-btn.correct-answer,.answer-input.correct-answer{overflow:visible!important}.answer-input.incorrect-answer,.multiple-choice-btn.incorrect-answer,.equal-toggle-btn.incorrect-answer{animation:flashRed .6s ease-in-out;background-color:#fee2e2!important;border-color:var(--error-color)!important;color:#991b1b!important;pointer-events:auto!important}.multiple-choice-btn.correct-answer{background-color:#d1fae5!important;border-color:var(--success-color)!important;color:#065f46!important}.multiple-choice-btn.correct-answer .choice-label,.multiple-choice-btn.correct-answer .choice-value{color:#065f46!important}.correct-answer-indicator{margin-top:.5rem;padding:.5rem 1rem;background-color:#d1fae5;border:2px solid var(--success-color);border-radius:6px;color:#065f46;font-weight:500;animation:flashGreen .6s ease-in-out}.chapter-card:active{transform:translateY(0);transition:transform .1s ease}.celebration-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10000;pointer-events:none;background:#0000}.celebration-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.celebration-single{font-size:6rem;text-align:center;animation:singleCelebration 2s ease-out forwards;text-shadow:0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,215,0,.8);filter:drop-shadow(0 0 15px rgba(255,215,0,1))}.celebration-single.celebration-thats-right,.celebration-single.celebration-correct,.celebration-single.celebration-good-job,.celebration-single.celebration-well-done{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:inherit}.celebration-emoji{font-size:5rem;text-shadow:0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,215,0,.8);filter:drop-shadow(0 0 15px rgba(255,215,0,1))}.celebration-text{font-size:2rem;font-weight:700;color:#fbbf24;text-shadow:0 0 20px rgba(255,215,0,.8),2px 2px 4px rgba(0,0,0,.3)}.celebration-sparkle{animation:sparkleSingle 2s ease-out forwards}.celebration-clap{animation:clapSingle 2s ease-out forwards}.celebration-star{animation:starSingle 2s ease-out forwards}.celebration-confetti{animation:confettiSingle 2s ease-out forwards}.celebration-fireworks{animation:fireworksSingle 2s ease-out forwards}.celebration-lollipop{animation:candyBounce 2s ease-out forwards}.celebration-candy{animation:candySpin 2s ease-out forwards}.celebration-chocolate{animation:candyBounce 2s ease-out forwards}.celebration-cupcake{animation:candySpin 2s ease-out forwards}.encouragement-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10000;pointer-events:none;background:#0000}.encouragement-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.encouragement-single{text-align:center;animation:encouragementSingle 2s ease-out forwards;display:flex;flex-direction:column;align-items:center;gap:.5rem}.encouragement-emoji{font-size:5rem;text-shadow:0 0 20px rgba(59,130,246,.8);filter:drop-shadow(0 0 10px rgba(59,130,246,.6))}.encouragement-text{font-size:2rem;font-weight:700;color:#3b82f6;text-shadow:0 0 15px rgba(59,130,246,.6),2px 2px 4px rgba(0,0,0,.2)}.encouragement-try-again .encouragement-emoji,.encouragement-thats-not-right .encouragement-emoji{animation:encouragementBounce 2s ease-out forwards}.encouragement-think-harder .encouragement-emoji{animation:encouragementPulse 2s ease-out forwards}.celebration-thats-right .celebration-emoji,.celebration-correct .celebration-emoji,.celebration-good-job .celebration-emoji,.celebration-well-done .celebration-emoji{animation:celebrationBounce 2s ease-out forwards}@keyframes singleCelebration{0%{opacity:0;transform:scale(0)}20%{opacity:1;transform:scale(1.3)}40%{opacity:1;transform:scale(1.1)}60%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.8) translateY(-50px)}}@keyframes sparkleSingle{0%{opacity:0;transform:scale(0) rotate(0)}30%{opacity:1;transform:scale(1.4) rotate(180deg)}50%{opacity:1;transform:scale(1.2) rotate(360deg)}to{opacity:0;transform:scale(.6) rotate(540deg) translateY(-80px)}}@keyframes clapSingle{0%{opacity:0;transform:scale(0) rotate(-15deg)}30%{opacity:1;transform:scale(1.3) rotate(10deg)}50%{opacity:1;transform:scale(1.4) rotate(-5deg)}70%{opacity:1;transform:scale(1.2) rotate(0)}to{opacity:0;transform:scale(.5) rotate(0) translateY(-70px)}}@keyframes starSingle{0%{opacity:0;transform:scale(0) rotate(0)}30%{opacity:1;transform:scale(1.5) rotate(180deg)}50%{opacity:1;transform:scale(1.3) rotate(360deg)}to{opacity:0;transform:scale(.5) rotate(540deg) translateY(-90px)}}@keyframes confettiSingle{0%{opacity:0;transform:scale(0) rotate(0)}30%{opacity:1;transform:scale(1.3) rotate(90deg)}50%{opacity:1;transform:scale(1.4) rotate(180deg)}to{opacity:0;transform:scale(.4) rotate(360deg) translateY(-100px)}}@keyframes fireworksSingle{0%{opacity:0;transform:scale(0) rotate(0)}30%{opacity:1;transform:scale(1.4) rotate(180deg)}50%{opacity:1;transform:scale(1.5) rotate(360deg)}to{opacity:0;transform:scale(.5) rotate(540deg) translateY(-85px)}}@keyframes encouragementSingle{0%{opacity:0;transform:scale(.8) translateY(20px)}30%{opacity:1;transform:scale(1.1) translateY(0)}50%{opacity:1;transform:scale(1.05) translateY(-5px)}to{opacity:0;transform:scale(.9) translateY(-30px)}}@keyframes encouragementBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-10px) scale(1.1)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-5px) scale(1.05)}}@keyframes encouragementPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes encouragementRocket{0%{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-20px) rotate(-15deg) scale(1.2)}to{transform:translateY(-40px) rotate(-30deg) scale(1)}}@keyframes celebrationBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-15px) scale(1.1)}50%{transform:translateY(-5px) scale(1.05)}75%{transform:translateY(-10px) scale(1.08)}}@keyframes candyBounce{0%,to{opacity:1;transform:translateY(0) scale(1) rotate(0)}25%{opacity:1;transform:translateY(-20px) scale(1.2) rotate(10deg)}50%{opacity:1;transform:translateY(-10px) scale(1.1) rotate(-5deg)}75%{opacity:1;transform:translateY(-15px) scale(1.15) rotate(5deg)}}@keyframes candySpin{0%{opacity:0;transform:scale(0) rotate(0)}30%{opacity:1;transform:scale(1.3) rotate(180deg)}60%{opacity:1;transform:scale(1.2) rotate(360deg)}to{opacity:0;transform:scale(.8) rotate(540deg) translateY(-50px)}}@media (max-width: 768px){.celebration-single{font-size:4.5rem}.encouragement-emoji{font-size:4rem}.encouragement-text{font-size:1.5rem}}.place-value-container{margin-top:1.5rem}.place-value-available{display:flex;gap:clamp(.4rem,1.5vw,.6rem);justify-content:center;flex-wrap:nowrap;margin:1rem 0;padding:clamp(.6rem,2vw,.85rem);background:#2563eb0d;border-radius:12px;border:2px dashed rgba(37,99,235,.2);overflow-x:auto;-webkit-overflow-scrolling:touch}.place-value-chip{width:clamp(48px,12vw,56px);height:clamp(48px,12vw,56px);min-width:clamp(48px,12vw,56px);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,3.5vw,1.4rem);font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:12px;cursor:grab;user-select:none;transition:all .2s ease;box-shadow:0 2px 8px #2563eb4d;touch-action:none}.place-value-chip:active,.place-value-chip-dragging{cursor:grabbing;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 16px #2563eb80;z-index:1000;opacity:.9}.place-value-chip-used{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 1px 4px #0003}.place-value-chip-used:active{transform:none}.place-value-drop-zones{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.place-value-drop-zone{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:100px;min-height:100px;padding:1rem;border:2px dashed var(--border-color);border-radius:12px;background:#ffffff80;transition:all .2s ease;position:relative}.place-value-drop-zone.drag-over{border-color:var(--primary-color);background:#2563eb1a;transform:scale(1.05);box-shadow:0 0 0 4px #2563eb33}.place-value-drop-zone.has-value{border-style:solid;border-color:var(--primary-color);background:#2563eb0d}.place-value-drop-zone.correct-answer{border-color:#10b981;background:#10b9811a;animation:flashGreen .5s ease-out}.place-value-drop-zone.incorrect-answer{border-color:#ef4444;background:#ef44441a;animation:flashRed .5s ease-out}.place-value-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-align:center;pointer-events:none;display:block;margin-bottom:.5rem;width:100%;visibility:visible;opacity:1}.place-value-placeholder{font-size:.875rem;color:var(--text-secondary);opacity:.6;font-style:italic;margin-top:.5rem;pointer-events:none}.place-value-value{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:700;color:var(--primary-color);min-height:50px;pointer-events:none}.place-value-value>span{pointer-events:none}.place-value-value .place-value-remove{pointer-events:auto!important;z-index:1000!important;position:relative!important}.place-value-remove{width:24px;height:24px;border:none;background:#ef44441a;color:#ef4444;border-radius:50%;cursor:pointer;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;pointer-events:auto;z-index:10}.place-value-remove:hover{background:#ef444433;transform:scale(1.1)}.place-value-correct-hint{position:absolute;bottom:-1.5rem;font-size:.75rem;color:#10b981;font-weight:600;pointer-events:none}.equal-toggle-container{margin-top:1.5rem}.equal-toggle-buttons{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md);margin-bottom:0}.equal-toggle-btn{min-width:120px;padding:1.25rem 2rem;font-size:1.25rem;font-weight:600;border:3px solid var(--border-color);border-radius:12px;background:var(--bg-color);color:var(--text-primary);cursor:pointer;transition:all .2s;font-family:inherit}.equal-toggle-btn:hover{border-color:var(--primary-color);background:var(--surface-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.equal-toggle-btn.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #2563eb4d}.equal-toggle-btn.active:hover{background:var(--primary-hover)}@media (max-width: 768px){.equal-toggle-buttons{flex-direction:column;gap:.75rem}.equal-toggle-btn{width:100%;min-width:auto;padding:.625rem 1rem;font-size:.9rem;min-height:38px}.equal-toggle-buttons{gap:.5rem}}.shapes-display{margin-top:var(--space-md);margin-bottom:0;padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a}.shape-container{display:flex;justify-content:center;align-items:center;min-height:150px}.shapes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.5rem;justify-items:center;align-items:center;max-width:500px;margin:0 auto}.shapes-count-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1rem;justify-items:center;align-items:center;max-width:600px;margin:0 auto}.shape-item{display:flex;justify-content:center;align-items:center;transition:transform .2s ease}.shape-item:hover{transform:scale(1.1)}.shapes-container,.shapes-identify-container{margin-top:1rem}.shapes-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;justify-items:center;align-items:center;max-width:600px;margin:1.5rem auto}.shape-select-btn{background:var(--bg-color);border:3px solid var(--border-color);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;min-width:120px;min-height:120px}.shape-select-btn:hover{border-color:var(--primary-color);transform:scale(1.05);box-shadow:0 4px 12px #2563eb33}.shape-select-btn.selected{border-color:var(--primary-color);background:var(--primary-color);box-shadow:0 4px 12px #2563eb4d}.shape-select-btn.selected svg{filter:brightness(1.2)}@media (max-width: 768px){.shapes-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.shapes-count-grid{grid-template-columns:repeat(4,1fr);gap:.75rem}.shape-container{min-height:120px}.shapes-select-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.shape-select-btn{min-width:100px;min-height:100px;padding:.75rem}}.idle-animations-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.idle-animation{position:absolute;user-select:none;-webkit-user-select:none;will-change:transform;opacity:.7;animation:float 3s ease-in-out infinite}.idle-bee{animation:bee-fly 2s ease-in-out infinite}.idle-ladybug{animation:ladybug-crawl 2.5s ease-in-out infinite}.idle-rabbit{animation:rabbit-hop 1.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bee-fly{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(5deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-5px) rotate(-5deg)}}@keyframes ladybug-crawl{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@keyframes rabbit-hop{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-8px) scale(1.1)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-4px) scale(1.05)}}.performance-dashboard{background:linear-gradient(135deg,#fffffffa,#f9fafbfa);border:1px solid var(--border-color);border-radius:16px;padding:var(--space-lg);margin-bottom:2rem;margin-top:0;box-shadow:0 2px 8px #00000014;animation:slideDown .5s ease-out;width:100%;box-sizing:border-box;display:block;visibility:visible;opacity:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{margin-bottom:1.25rem;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;position:relative}.dashboard-header-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.dashboard-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.dashboard-medals{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.medal-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:600;white-space:nowrap;line-height:1.2}.medal-platinum{background:linear-gradient(135deg,#e5e4e233,#d3d3d333);color:#2c2c2c;border:1px solid rgba(169,169,169,.3)}.medal-gold{background:linear-gradient(135deg,#ffd70026,#ffed4e26);color:#8b4513;border:1px solid rgba(255,140,0,.3)}.medal-silver{background:linear-gradient(135deg,#c0c0c026,#a8a8a826);color:#4a4a4a;border:1px solid rgba(120,120,120,.3)}.medal-bronze{background:linear-gradient(135deg,#cd7f3226,#b8733326);color:#5a3a1a;border:1px solid rgba(139,90,43,.3)}.dashboard-period-buttons{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.period-button{padding:.25rem .6rem;font-size:.7rem;font-weight:500;color:var(--text-secondary);background:#93c5fd1a;border:1px solid rgba(147,197,253,.3);border-radius:clamp(.35rem,1vw,.5rem);cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:auto}.period-button:hover{background:#93c5fd33;border-color:#60a5fa80;color:var(--primary-color)}.period-button.active{background:#3b82f626;color:var(--primary-color);border-color:#3b82f666;font-weight:600}.period-button-back{background:#d1d5db1a;border-color:#d1d5db4d;font-weight:600}.period-button-back:hover{background:#d1d5db33;border-color:#9ca3af80;color:var(--text-primary)}.dashboard-refresh-btn{padding:.5rem 1rem;font-size:.75rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.dashboard-refresh-btn:hover{opacity:.9;transform:translateY(-1px)}.dashboard-faq-link{padding:.4rem .8rem;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#8b5cf626,#3b82f626);color:var(--primary-color);border:1.5px solid rgba(139,92,246,.3);border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;display:flex;align-items:center;gap:.3rem}.dashboard-faq-link:hover{background:linear-gradient(135deg,#8b5cf640,#3b82f640);border-color:#8b5cf680;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #8b5cf633}.dashboard-faq-link:active{transform:translateY(0) scale(1)}.dashboard-stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(.5rem,1.5vw,1rem);margin-bottom:1.5rem;max-width:100%;width:100%}.stat-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:clamp(.5rem,1.5vw,.65rem) .05rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;overflow:hidden;min-width:0;max-width:100%;width:100%;box-sizing:border-box}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-card-started{background:#8b5cf61a;border-color:#8b5cf640}.stat-card-started:hover{background:#8b5cf626;border-color:#8b5cf659}.stat-card-completed{background:#22c55e1a;border-color:#22c55e40}.stat-card-completed:hover{background:#22c55e26;border-color:#22c55e59}.stat-card-attempts{background:#3b82f61a;border-color:#3b82f640}.stat-card-attempts:hover{background:#3b82f626;border-color:#3b82f659}.stat-card-accuracy{background:#ef44441a;border-color:#ef444440}.stat-card-accuracy:hover{background:#ef444426;border-color:#ef444459}.stat-card-time{background:#fbbf241a;border-color:#fbbf2440}.stat-card-time:hover{background:#fbbf2426;border-color:#fbbf2459}.stat-card-passrate{background:#f973161a;border-color:#f9731640}.stat-card-passrate:hover{background:#f9731626;border-color:#f9731659}.stat-card-improvement{background:#10b9811a;border-color:#10b98140}.stat-card-improvement:hover{background:#10b98126;border-color:#10b98159}.stat-card-mobile-only{display:none}.stat-card-streak{background:#fb923c1a;border-color:#fb923c40}.stat-card-streak:hover{background:#fb923c26;border-color:#fb923c59}.stat-card-practicedays{background:#a855f71a;border-color:#a855f740}.stat-card-practicedays:hover{background:#a855f726;border-color:#a855f759}.stat-card-top{display:flex;align-items:center;gap:.1rem;width:100%;justify-content:center;flex-wrap:nowrap;min-width:0;max-width:100%}.stat-icon{font-size:clamp(.85rem,2vw,1rem);width:clamp(1.2rem,2.8vw,1.4rem);height:clamp(1.2rem,2.8vw,1.4rem);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-radius:8px;flex-shrink:0}.stat-content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:column;align-items:center;width:100%}.stat-value{font-size:clamp(.7rem,1.6vw,.85rem);font-weight:700;color:var(--text-primary);line-height:1.1;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-flex;align-items:center;gap:.1rem;flex-wrap:nowrap;justify-content:center}.stat-label{font-size:clamp(.5rem,1.2vw,.6rem);color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.1px;line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:.2rem;width:100%}.stat-value{display:inline-flex;align-items:center;gap:.1rem;flex-wrap:nowrap;justify-content:center;max-width:100%}.stat-change{font-size:clamp(.5rem,1.2vw,.6rem);font-weight:600;padding:.05rem .15rem;border-radius:3px;white-space:nowrap;flex-shrink:0}.stat-change.positive{color:#10b981;background:#10b9811a}.stat-change.negative{color:#ef4444;background:#ef44441a}.dashboard-strengths-weaknesses{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;width:100%}.strength-weakness-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid rgba(37,99,235,.15);border-radius:12px;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.strength-weakness-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#2563eb4d}.strength-card{background:linear-gradient(135deg,#fffffff2,#eff6ffcc);border-color:#2563eb33}.strength-card:hover{border-color:#2563eb66;box-shadow:0 4px 16px #2563eb26}.weakness-card{background:linear-gradient(135deg,#fffffff2,#fffbebcc);border-color:#f59e0b33}.weakness-card:hover{border-color:#f59e0b66;box-shadow:0 4px 16px #f59e0b26}.strength-weakness-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.35rem;border-bottom:1px solid rgba(37,99,235,.1)}.strength-card .strength-weakness-header{border-bottom-color:#2563eb1a}.weakness-card .strength-weakness-header{border-bottom-color:#f59e0b1a}.strength-weakness-icon{font-size:1.25rem;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb1a,#3b82f61a);border-radius:8px;flex-shrink:0}.strength-card .strength-weakness-icon{background:linear-gradient(135deg,#2563eb1a,#3b82f61a)}.weakness-card .strength-weakness-icon{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a)}.strength-weakness-header h4{margin:0;font-size:.8rem;font-weight:600;color:var(--text-primary);font-family:inherit}.strength-weakness-content{display:flex;flex-direction:column;gap:.25rem}.strength-weakness-items-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:flex-start;padding-top:.1rem}.strength-weakness-chapter-item{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.strength-weakness-chapter-item:hover{transform:scale(1.05)}.strength-weakness-progress-ring{position:relative;width:2.5rem;height:2.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-radius:50%;box-shadow:0 2px 8px #0000001a,inset 0 1px 3px #ffffffe6,inset 0 -1px 2px #0000000d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.strength-weakness-chapter-item:hover .strength-weakness-progress-ring{transform:scale(1.12);box-shadow:0 4px 16px #2563eb40,inset 0 1px 3px #fffffff2,inset 0 -1px 2px #00000014}.strength-card .strength-weakness-progress-ring{background:linear-gradient(135deg,#eff6fffa,#fffffffa)}.strength-card .strength-weakness-chapter-item:hover .strength-weakness-progress-ring{box-shadow:0 4px 16px #2563eb4d,inset 0 1px 3px #fffffff2,inset 0 -1px 2px #00000014}.weakness-card .strength-weakness-progress-ring{background:linear-gradient(135deg,#fffbebfa,#fffffffa)}.weakness-card .strength-weakness-chapter-item:hover .strength-weakness-progress-ring{box-shadow:0 4px 16px #f59e0b4d,inset 0 1px 3px #fffffff2,inset 0 -1px 2px #00000014}.strength-weakness-progress-svg{width:100%;height:100%;position:absolute;top:0;left:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.15))}.strength-weakness-progress-circle-bg{stroke:#e5e7eb80;fill:none;stroke-width:2.5}.strength-weakness-progress-circle{fill:none;stroke-linecap:round;stroke-width:2.5;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke .3s ease}.strength-card .strength-weakness-progress-circle{stroke:#2563eb;filter:drop-shadow(0 0 4px rgba(37,99,235,.5))}.weakness-card .strength-weakness-progress-circle{stroke:#f59e0b;filter:drop-shadow(0 0 4px rgba(245,158,11,.5))}.strength-weakness-chapter-id-inside{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:.7rem;line-height:1;z-index:2;color:var(--text-primary);text-align:center;font-family:inherit;text-shadow:0 1px 3px rgba(255,255,255,.9),0 -1px 1px rgba(0,0,0,.1);letter-spacing:-.02em}.strength-card .strength-weakness-chapter-id-inside{color:#2563ebf2}.weakness-card .strength-weakness-chapter-id-inside{color:#f59e0bf2}.strength-weakness-attempt-superscript{position:absolute;top:-6px;right:-6px;width:15px;height:15px;border-radius:50%;background:#2563eb26;border:1.5px solid rgba(37,99,235,.3);color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;z-index:3;box-shadow:0 1px 3px #00000026;line-height:1}.strength-card .strength-weakness-attempt-superscript{background:#2563eb26;border-color:#2563eb4d;color:#2563eb}.weakness-card .strength-weakness-attempt-superscript{background:#f59e0b26;border-color:#f59e0b4d;color:#f59e0b}.strength-weakness-content .no-data{margin:0;padding:.4rem .5rem;text-align:center;color:var(--text-secondary);font-size:.7rem;font-style:italic}@media (max-width: 768px){.dashboard-strengths-weaknesses{grid-template-columns:1fr;gap:.75rem}.strength-weakness-card{padding:.6rem}.strength-weakness-header h4{font-size:.8rem}.strength-weakness-icon{font-size:1rem}.strength-weakness-progress-ring{width:2.25rem;height:2.25rem;margin:.15rem}.strength-weakness-chapter-id-inside{font-size:.6rem}.strength-weakness-attempt-superscript{width:13px;height:13px;font-size:.4rem;top:-6px;right:-6px}}.dashboard-trend{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.trend-header{margin-bottom:1rem;font-weight:600;color:var(--text-primary);font-size:.9rem}.trend-bars{display:flex;align-items:flex-end;gap:.75rem;height:150px;padding:.5rem 0}.trend-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:0}.trend-bar-label{font-size:.7rem;color:var(--text-secondary);font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.trend-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;min-height:100px;max-height:100px;height:100px;position:relative}.trend-bar{width:100%;min-height:4px;border-radius:4px 4px 0 0;transition:all .3s ease;cursor:pointer;position:relative;align-self:flex-end}.trend-bar:hover{opacity:.8;transform:scaleY(1.05)}.trend-bar-value{font-size:.7rem;color:var(--text-primary);font-weight:600;text-align:center;white-space:nowrap}.dashboard-empty{text-align:center;padding:2rem;color:var(--text-secondary);font-size:1rem}.dashboard-empty p{margin:0;font-style:italic}@media (max-width: 768px){.performance-dashboard{padding:1rem;margin-bottom:1.5rem}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header-left{width:100%;gap:.75rem}.dashboard-header h3{font-size:1.1rem}.dashboard-medals{gap:.4rem}.medal-badge{font-size:.7rem;padding:.2rem .4rem}.dashboard-period-buttons{width:100%;justify-content:flex-start}.period-button{font-size:.65rem;padding:.2rem .5rem}.period-button-desktop-only{display:none!important}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.stat-card{padding:var(--space-xs);gap:.25rem;min-height:auto;flex-direction:column;align-items:center}.stat-card-top{flex-direction:column;gap:.25rem}.stat-icon{width:1.75rem;height:1.75rem;font-size:1.1rem;flex-shrink:0}.stat-value{font-size:1.1rem}.stat-label{font-size:.6rem}.dashboard-trend{margin-top:1rem;padding-top:1rem}.trend-header{font-size:.85rem;margin-bottom:.75rem}.trend-bars{gap:.4rem;height:100px;padding:.25rem 0}.trend-bar-container{min-width:0}.trend-bar-label,.trend-bar-value{font-size:.6rem}.dashboard-empty{padding:1.5rem 1rem;font-size:.9rem}}@media (max-width: 480px){.performance-dashboard{padding:.75rem;margin-bottom:1rem}.dashboard-header h3{font-size:1rem}.period-button{font-size:.6rem;padding:.18rem .45rem}.period-button-desktop-only{display:none!important}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.stat-card{padding:var(--space-xs);gap:.25rem;min-height:auto;flex-direction:column;align-items:center}.stat-card-top{flex-direction:column;gap:.25rem}.stat-icon{width:1.5rem;height:1.5rem;font-size:1rem;flex-shrink:0}.stat-value{font-size:1rem}.stat-label{font-size:.55rem;line-height:1.1}.trend-bars{gap:.3rem;height:80px}.trend-bar-label,.trend-bar-value{font-size:.55rem}.performance-dashboard-mobile-hidden{display:none!important}}.refresh-confirmation-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-lg)}.refresh-confirmation-dialog{background:var(--bg-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:clamp(20rem,90vw,28rem);width:100%;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.refresh-confirmation-content{display:flex;flex-direction:column;gap:var(--space-md)}.refresh-confirmation-content h2{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;color:var(--text-primary);margin:0}.refresh-confirmation-content p{font-size:clamp(.875rem,2.5vw,1rem);color:var(--text-secondary);margin:0;line-height:1.5}.refresh-confirmation-content strong{color:var(--primary-color);font-weight:600}.refresh-confirmation-buttons{display:flex;gap:var(--space-md);flex-direction:row-reverse}.refresh-confirmation-button{flex:1;padding:var(--touch-padding);min-height:var(--touch-target);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:clamp(.875rem,2.5vw,1rem);font-weight:600;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.refresh-confirmation-button-yes{background:var(--surface-color);color:var(--text-primary);border-color:var(--border-color)}.refresh-confirmation-button-yes:hover,.refresh-confirmation-button-yes:focus{background:var(--error-color);color:#fff;border-color:var(--error-color)}.refresh-confirmation-button-no{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.refresh-confirmation-button-no:hover,.refresh-confirmation-button-no:focus{background:var(--primary-hover);border-color:var(--primary-hover)}.refresh-confirmation-button-default{box-shadow:0 0 0 3px #2563eb33}@media (max-width: 768px){.refresh-confirmation-buttons{flex-direction:column}.refresh-confirmation-button{width:100%}}.dashboard-faq{margin-top:2rem;padding-top:2rem;border-top:2px solid rgba(59,130,246,.15);animation:fadeIn .6s ease-out}.dashboard-faq-header{text-align:center;margin-bottom:1.5rem}.dashboard-faq-header h3{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;color:var(--text-primary);margin:0 0 .5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-faq-header p{font-size:clamp(.75rem,2vw,.9rem);color:var(--text-secondary);margin:0}.dashboard-faq-list{display:flex;flex-direction:column;gap:.75rem}.dashboard-faq-item{background:#fff;border:2px solid rgba(59,130,246,.2);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:faqSlideIn .5s ease-out both;box-shadow:0 2px 8px #0000000f}.dashboard-faq-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--faq-color, rgba(59, 130, 246, .4))}.dashboard-faq-item.faq-open{border-color:var(--faq-color, rgba(59, 130, 246, .5));box-shadow:0 4px 16px #3b82f626}.dashboard-faq-question{width:100%;padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#fffffff2,#f9fafbf2);border:none;cursor:pointer;text-align:left;transition:all .3s ease;font-family:inherit;font-size:clamp(.85rem,2.2vw,1rem);font-weight:600;color:var(--text-primary);position:relative;overflow:hidden}.dashboard-faq-question:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--faq-color, #3b82f6);transform:scaleY(0);transition:transform .3s ease;transform-origin:bottom}.dashboard-faq-item.faq-open .dashboard-faq-question:before{transform:scaleY(1);transform-origin:top}.dashboard-faq-question:hover{background:linear-gradient(135deg,#f9fafbfa,#f3f4f6fa)}.dashboard-faq-item.faq-open .dashboard-faq-question{background:linear-gradient(135deg,#eff6ff99,#fffffff2);color:var(--faq-color, #3b82f6)}.faq-emoji{font-size:clamp(1.25rem,3vw,1.5rem);width:clamp(2rem,4vw,2.5rem);height:clamp(2rem,4vw,2.5rem);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:10px;flex-shrink:0;animation:faqEmojiBounce 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.dashboard-faq-item.faq-open .faq-emoji{animation:faqEmojiSpin .5s ease-out;background:linear-gradient(135deg,var(--faq-color, rgba(59, 130, 246, .2)) 0%,var(--faq-color, rgba(139, 92, 246, .2)) 100%)}.faq-question-text{flex:1;font-weight:600;line-height:1.4}.faq-arrow{font-size:clamp(.7rem,1.8vw,.85rem);color:var(--text-secondary);transition:transform .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;display:inline-block}.faq-arrow-open{transform:rotate(180deg);color:var(--faq-color, #3b82f6)}.dashboard-faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s ease;background:linear-gradient(135deg,#fffffffa,#f9fafbfa)}.dashboard-faq-answer.faq-answer-open{max-height:200px;padding:0 1.25rem 1rem;animation:faqAnswerSlide .4s ease-out}.faq-answer-content{font-size:clamp(.8rem,2vw,.95rem);line-height:1.6;color:var(--text-primary);padding-top:.75rem;padding-left:calc(clamp(2rem,4vw,2.5rem) + .75rem);position:relative}.faq-answer-content:before{content:"";position:absolute;left:0;top:.75rem;bottom:0;width:3px;background:linear-gradient(180deg,var(--faq-color, #3b82f6) 0%,rgba(59,130,246,.3) 100%);border-radius:2px}@keyframes faqSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes faqEmojiBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.05)}}@keyframes faqEmojiSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes faqAnswerSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.dashboard-faq{margin-top:1.5rem;padding-top:1.5rem}.dashboard-faq-header h3{font-size:clamp(1rem,4vw,1.2rem)}.dashboard-faq-header p{font-size:clamp(.7rem,2.5vw,.85rem)}.dashboard-faq-list{gap:.6rem}.dashboard-faq-question{padding:.85rem 1rem;gap:.6rem;font-size:clamp(.8rem,2.5vw,.95rem)}.faq-emoji{width:clamp(1.75rem,5vw,2rem);height:clamp(1.75rem,5vw,2rem);font-size:clamp(1.1rem,3.5vw,1.3rem)}.faq-answer-content{font-size:clamp(.75rem,2.5vw,.9rem);padding-left:calc(clamp(1.75rem,5vw,2rem) + .6rem);line-height:1.5}.dashboard-faq-answer.faq-answer-open{max-height:300px;padding:0 1rem .85rem}}.faq-button-header{padding:clamp(.15rem,.5vw,.25rem) clamp(.4rem,1vw,.55rem);font-size:clamp(.6rem,1.4vw,.7rem);font-weight:400;background:transparent;color:var(--text-secondary);border:none;border-bottom:1px solid rgba(59,130,246,.15);border-radius:0;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem;font-family:inherit;opacity:.7;text-decoration:none;flex-shrink:0}.faq-button-header:hover{color:var(--primary-color);border-bottom-color:#3b82f666;opacity:1}.faq-button-header:active{opacity:.8}.faq-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;overflow-y:auto;animation:faqFadeIn .2s ease-out}@keyframes faqFadeIn{0%{opacity:0}to{opacity:1}}.faq-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:48rem;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:faqSlideUp .2s ease-out;overflow:hidden}@keyframes faqSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.faq-modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.faq-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827;letter-spacing:-.025em}.faq-modal-close{width:2rem;height:2rem;border:none;background:#f3f4f6;color:#6b7280;border-radius:6px;font-size:1.25rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.faq-modal-close:hover{background:#e5e7eb;color:#374151}.faq-modal-content{padding:2rem;overflow-y:auto;flex:1}.faq-modal-intro{font-size:.9375rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.6}.faq-modal-list{display:flex;flex-direction:column;gap:.75rem}.faq-modal-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s ease}.faq-modal-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.faq-modal-item.faq-modal-open{border-color:var(--faq-color, #3b82f6);box-shadow:0 0 0 1px var(--faq-color, #3b82f6)}.faq-modal-question{width:100%;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .15s ease;font-family:inherit;font-size:1rem;font-weight:500;color:#111827}.faq-modal-question:hover,.faq-modal-item.faq-modal-open .faq-modal-question{background:#f9fafb}.faq-modal-emoji{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:6px;flex-shrink:0}.faq-modal-item.faq-modal-open .faq-modal-emoji{background:var(--faq-color, #3b82f6);opacity:.1}.faq-modal-question-text{flex:1;font-weight:500;line-height:1.5}.faq-modal-arrow{font-size:.875rem;color:#9ca3af;transition:transform .2s ease,color .2s ease;flex-shrink:0}.faq-modal-arrow-open{transform:rotate(180deg);color:var(--faq-color, #3b82f6)}.faq-modal-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background:#f9fafb}.faq-modal-answer.faq-modal-answer-open{max-height:2000px;padding:0 1.5rem 1.5rem}.faq-modal-answer-content{padding-top:1.25rem;padding-left:3.5rem}.faq-answer-main{font-size:.9375rem;line-height:1.6;color:#4b5563;margin:0 0 1.25rem}.faq-example{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:6px;padding:1rem 1.25rem;margin-top:1.25rem}.faq-example-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:#92400e;font-weight:600}.faq-example-icon{color:#f59e0b;flex-shrink:0}.faq-example-text{font-size:.875rem;line-height:1.6;color:#78350f;margin:0}.faq-workflow{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;position:relative;overflow:hidden}.faq-workflow:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--faq-color, #3b82f6) 0%,rgba(139,92,246,.8) 50%,var(--faq-color, #3b82f6) 100%)}.faq-workflow-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;color:#1e293b;font-weight:600}.faq-workflow-icon{font-size:1.125rem;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:var(--faq-color, #3b82f6);color:#fff;border-radius:6px}.faq-workflow-container{position:relative;padding:1rem 0}.faq-workflow-steps{display:flex;flex-direction:column;align-items:center;gap:0;position:relative}.faq-workflow-step{position:relative;width:100%;max-width:280px;display:flex;justify-content:center;margin-bottom:.5rem}.faq-workflow-step:last-child{margin-bottom:0}.faq-workflow-step-shape{position:relative;width:100%;background:#fff;border:2.5px solid var(--faq-color, #3b82f6);box-shadow:0 4px 12px #3b82f626;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 1.5rem;min-height:80px}.faq-workflow-step:hover .faq-workflow-step-shape{transform:translateY(-3px);box-shadow:0 6px 20px #3b82f640;border-color:var(--faq-color, rgba(59, 130, 246, .8))}.faq-workflow-connector{display:flex;align-items:center;justify-content:center;width:100%;height:2.5rem;position:relative;z-index:1}.faq-workflow-arrow{width:1.5rem;height:2.5rem;color:var(--faq-color, #3b82f6);opacity:.6;animation:faqWorkflowPulse 2s ease-in-out infinite}@keyframes faqWorkflowPulse{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.8;transform:translateY(3px)}}@media (max-width: 768px){.faq-workflow-step{max-width:100%}}@media (max-width: 768px){.faq-modal-overlay{padding:.5rem}.faq-modal{max-width:100%;max-height:100vh;border-radius:0}.faq-modal-header{padding:1.25rem 1.5rem}.faq-modal-header h2{font-size:1.25rem}.faq-modal-content{padding:1.5rem}.faq-modal-question{padding:1rem 1.25rem;font-size:.9375rem}.faq-modal-emoji{width:2rem;height:2rem;font-size:1.25rem}.faq-modal-answer-content{padding-left:2.75rem}}