.layout{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}@media (min-width:1024px){.layout{grid-template-columns:minmax(0,1fr) 320px;gap:32px}}.header{display:flex;flex-direction:column;align-items:center;gap:16px;background:hsl(var(--card));padding:24px;border-radius:2.5rem;border:1px solid hsl(var(--border));box-shadow:0 20px 50px rgba(0,0,0,.05);text-align:center}@media (min-width:768px){.header{flex-direction:row;padding:16px 32px;text-align:left}}.stats{display:flex;gap:24px;font-family:var(--font-inter),sans-serif}.stats div{display:flex;flex-direction:column;align-items:center}@media (min-width:768px){.stats div{align-items:flex-start}}.best,.stats span{font-size:1.5rem;font-weight:900;letter-spacing:-.05em;color:hsl(var(--primary))}.best{margin-left:0;font-size:.9rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.1em}@media (min-width:768px){.best{margin-left:auto}}.worksheet-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px}.worksheet{background:hsl(var(--card));border-radius:3rem;padding:24px;box-shadow:0 40px 100px rgba(0,0,0,.08);min-height:500px;display:flex;flex-direction:column;border:4px solid hsl(var(--border)/.5);position:relative;min-width:320px}@media (min-width:768px){.worksheet{border-radius:3.5rem;padding:48px;min-height:600px}}.math-font{font-family:Courier New,monospace;font-size:32px;background:hsl(var(--muted)/.3);border-radius:2rem;padding:24px;border:4px solid hsl(var(--border)/.5);line-height:1.2;font-weight:900;color:hsl(var(--foreground));box-shadow:inset 0 4px 12px rgba(0,0,0,.05);overflow-x:auto}@media (min-width:768px){.math-font{font-size:42px;border-radius:2.5rem;padding:40px}}.quotient{color:hsl(var(--primary));padding-left:80px;letter-spacing:12px;min-height:40px}@media (min-width:768px){.quotient{padding-left:120px;letter-spacing:18px;min-height:50px}}.bracket-group{display:flex;align-items:center;gap:8px}.divisor{color:hsl(var(--accent));width:70px;text-align:right}@media (min-width:768px){.divisor{width:100px}}.bracket{border-top:4px solid hsl(var(--foreground));border-left:4px solid hsl(var(--foreground));border-radius:8px 0 0 0;padding:8px 16px;min-width:150px}@media (min-width:768px){.bracket{border-top:6px solid hsl(var(--foreground));border-left:6px solid hsl(var(--foreground));border-radius:12px 0 0 0;padding:10px 24px;min-width:200px}}.history{margin-left:80px;margin-top:8px;display:grid;gap:4px}@media (min-width:768px){.history{margin-left:120px;margin-top:12px;gap:8px}}.history-row{letter-spacing:12px}@media (min-width:768px){.history-row{letter-spacing:18px}}.history-row.minus{border-bottom:3px solid hsl(var(--foreground));padding-bottom:4px}@media (min-width:768px){.history-row.minus{border-bottom:4px solid hsl(var(--foreground));padding-bottom:8px}}.math-input{background:hsl(var(--background));border:4px solid hsl(var(--border));padding:12px 20px;border-radius:1.5rem;font-weight:800;color:hsl(var(--foreground));font-size:1.5rem;transition:all .3s;height:64px}@media (min-width:768px){.math-input{padding:16px 24px;height:70px}}button.math-button{border:none;cursor:pointer;padding:0 32px;border-radius:9999px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;height:64px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 25px rgba(0,0,0,.1)}.input-zone{margin-top:auto;background:hsl(var(--muted)/.3);padding:24px;border-radius:2.5rem;border:4px solid hsl(var(--border)/.5)}@media (min-width:768px){.input-zone{padding:32px}}.sidebar{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:640px) and (max-width:1023px){.sidebar{grid-template-columns:1fr 1fr}}.sidebar>div{background:hsl(var(--card));padding:20px;border-radius:2.5rem;box-shadow:0 20px 50px rgba(0,0,0,.05);border:4px solid hsl(var(--border)/.5);height:100%}