@import"https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{background-color:#fff;color:#000}body{background-color:#fff;min-height:100vh;margin:0;padding:20px;font-family:Ubuntu Mono,monospace}.math-problem{display:inline-block;margin-bottom:2rem;width:100px}.size-30 .math-problem{width:120px}.size-30 .number{font-size:1.75rem;min-width:45px}.size-30 .multiplication-sign{font-size:1.55rem;margin-right:9px}.size-30 .answer-line{width:65px}.size-40 .math-problem{width:110px}.size-40 .number{font-size:1.55rem;min-width:40px}.size-40 .multiplication-sign{font-size:1.45rem;margin-right:8px}.size-40 .answer-line{width:55px}.size-50 .math-problem{width:100px}.size-50 .number{font-size:1.25rem;min-width:35px}.size-50 .multiplication-sign{font-size:1.15rem;margin-right:6px}.size-50 .answer-line{width:43px}.problem-container{display:flex;flex-direction:column;align-items:flex-end;min-width:100%}.number{font-size:1.35rem;font-family:Ubuntu Mono,monospace;line-height:1;margin:0;padding:0;width:auto;min-width:35px;text-align:right}.operation-row{display:flex;align-items:center;width:100%;justify-content:flex-end;margin:1px 0}.multiplication-sign,.operation-sign{font-size:1.25rem;font-family:Ubuntu Mono,monospace;line-height:1;margin-right:4px;width:15px;text-align:center}.answer-line{width:100%;height:1px;background-color:#000;margin:3px 0}.problems-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem 2rem;margin-top:2rem;justify-items:center;max-width:800px;margin-left:auto;margin-right:auto;padding-top:.5rem}.size-30.problems-grid{gap:2rem;height:8.5in}.container{max-width:8.5in;margin:0 auto;padding:.25in}.controls{display:flex;gap:1rem;margin-bottom:.5rem;align-items:center;flex-wrap:wrap}.print-options{display:flex;gap:1rem;margin-bottom:.75rem;align-items:center;padding:.75rem 1rem;background:#f3f4f6;border-radius:.5rem;justify-content:flex-end}.practice-controls{display:flex;gap:1rem;margin-bottom:1rem;align-items:center;padding:.5rem;background:#f3f4f6;border-radius:.5rem;justify-content:space-between}.practice-controls .control-group{display:flex;align-items:center;gap:.75rem;padding-right:.75rem}.practice-controls .control-group:first-of-type{border-right:1px solid #d1d5db}.practice-controls .control-group:last-of-type{padding-right:0;border-right:none}.practice-controls .control-label{font-weight:500;color:#4b5563;font-size:.95rem;margin-right:.5rem}.practice-controls input[type=checkbox]{width:1rem;height:1rem;margin:0}.score-display{font-size:1.25rem;font-weight:700;color:#059669;margin:1rem 0;text-align:center}.score-display.low{color:#dc2626}.practice-controls label{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-size:.95rem;white-space:nowrap}.print-options .control-group{display:flex;align-items:center;gap:.75rem;padding-right:.75rem;border-right:1px solid #d1d5db;min-height:2.5rem}.print-options .control-group:last-of-type{border-right:none;padding-right:0}.print-options .score{margin:0 .5rem;white-space:nowrap}.print-options input[type=checkbox]{width:1rem;height:1rem;margin:0}.print-options label{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-size:.95rem}.control-group{display:flex;align-items:center;gap:.5rem}.control-group select{padding:.25rem .5rem;border-radius:4px;border:1px solid #ccc}.header-section{display:flex;align-items:center;gap:2rem;margin-bottom:1rem}.name-date{display:flex;gap:1.5rem;font-family:Ubuntu Mono,monospace;font-size:1rem}.name-date span{white-space:nowrap}.button-group{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}.new-problems-btn,.print-btn,.check-btn,.timer-btn{padding:.5rem 1rem;border-radius:4px;border:none;color:#fff;cursor:pointer;font-size:1rem}.new-problems-btn{background:#3b82f6}.new-problems-btn:hover{background:#2563eb}.print-btn{background:#10b981}.print-btn:hover{background:#059669}.check-btn{background:#8b5cf6}.check-btn:hover{background:#7c3aed}.timer-btn{background:#f59e0b}.timer-btn:hover{background:#d97706}.timer-btn:disabled{background:#d1d5db;cursor:not-allowed}.timer{font-family:Ubuntu Mono,monospace;font-size:1.2rem;font-weight:700;padding:.5rem 1rem;border-radius:4px;background:#f3f4f6;min-width:4rem;text-align:center}.timer.running{background:#fef3c7;color:#d97706}.timer.time-up{background:#fee2e2;color:#dc2626}h1{font-size:2rem;margin:0}.header-section{font-size:1.1rem}.header-section span{white-space:nowrap}.name-date-line{display:flex;justify-content:space-between;gap:2rem;font-size:1.1rem;margin-bottom:1.5rem}.name-date-line span{flex:1}.score{font-size:1.1rem;font-weight:700;color:#059669}.score.low{color:#dc2626}@media print{@page{margin:.25in;size:letter portrait}html{height:100%}body{height:100%;margin:0;padding:0;print-color-adjust:exact;-webkit-print-color-adjust:exact}.no-print{display:none!important}.problems-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(10,1fr);gap:.45in .3in;margin:0;height:9in;max-width:8in;padding:.25in 0 0}.size-30.problems-grid{gap:.6in .3in;height:8.5in}.math-problem{margin:0;padding:0;page-break-inside:avoid;width:48px}.number{font-size:1.25rem;width:35px}.multiplication-sign{font-size:1.15rem;margin-right:6px}.answer-line{width:43px;border-top:1px solid black;height:0;background:none;margin-top:2px}.size-30 .math-problem{width:70px}.size-30 .number{font-size:1.65rem;width:45px}.size-30 .multiplication-sign{font-size:1.45rem;margin-right:8px}.size-30 .answer-line{width:60px}.size-40 .math-problem{width:58px}.size-40 .number{font-size:1.45rem;width:40px}.size-40 .multiplication-sign{font-size:1.35rem;margin-right:7px}.size-40 .answer-line{width:48px}.header-section{font-family:Ubuntu Mono,monospace;font-size:1rem;gap:1rem}.header-section h1{font-size:1.5rem;white-space:nowrap}.name-date{gap:1rem}.name-date span{white-space:nowrap}.name-date-line{font-family:Ubuntu Mono,monospace;font-size:1rem;margin-bottom:.2in}}.answer-input{width:100%;font-size:1.35rem;font-family:Ubuntu Mono,monospace;text-align:right;padding:0;border:none;outline:none;background:transparent}.answer-input.correct{color:#059669}.answer-input.incorrect{color:#dc2626}.size-30 .answer-input{font-size:1.75rem}.size-40 .answer-input{font-size:1.55rem}.size-50 .answer-input{font-size:1.25rem}.fixed-timer{position:fixed;top:0;right:20px;display:flex;align-items:center;gap:1rem;background:#fff;padding:10px;box-shadow:0 2px 4px #0000001a;z-index:1000}.practice-page{margin-top:20px}.math-problem.incorrect .number,.math-problem.incorrect .multiplication-sign{color:#dc2626}.math-problem.incorrect .answer-line{background-color:#dc2626}.math-problem.incorrect .answer-input{color:#dc2626}.math-problem.correct .number,.math-problem.correct .multiplication-sign{color:#059669}.math-problem.correct .answer-line{background-color:#059669}.math-problem.correct .answer-input{color:#059669}.operation-tabs{display:flex;gap:.5rem;padding:.25rem;background:#f3f4f6;border-radius:.5rem}.operation-tab{font-size:1.25rem;font-weight:700;padding:.5rem 1rem;border:none;border-radius:.375rem;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s}.operation-tab:hover{background:#e5e7eb;color:#374151}.operation-tab.selected{background:#fff;color:#3b82f6;box-shadow:0 1px 3px #0000001a}.division{position:relative;display:inline-block;margin:0;padding:0;padding-top:2rem}.long-division{position:relative;display:flex;align-items:center;padding-left:1rem}.division-content{position:relative;display:flex;align-items:center}.division .dividend{margin:0;padding-left:0;padding-top:.25rem;border:none;position:relative;width:3.5em;text-align:center}.division .dividend:before{content:"";position:absolute;top:0;left:0;right:-.25rem;height:1px;background-color:currentColor}.division .divisor{position:absolute;left:0;transform:translate(-100%);padding-right:.5rem}.division-symbol{position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor}.division-answer{position:absolute;top:0;left:1rem;text-align:center}.division .answer-input{border:1px dashed #d1d5db;padding:0 4px;border-radius:2px;width:3.5em;text-align:center;font-size:inherit}.size-30 .division{padding-top:2.5rem}.size-40 .division{padding-top:2.25rem}.size-50 .division{padding-top:2rem}.size-30 .division-symbol{width:2px}.size-30 .division .dividend:before{height:2px}.size-40 .division-symbol{width:1.5px}.size-40 .division .dividend:before{height:1.5px}.size-50 .division-symbol{width:1px}.size-50 .division .dividend:before{height:1px}.size-30 .division .answer-input{font-size:1.75rem}.size-40 .division .answer-input{font-size:1.55rem}.size-50 .division .answer-input{font-size:1.25rem}@media print{.division{padding-top:0;position:relative}.division-symbol{width:1px}.division .dividend:before{height:1px}.division .print-answer{text-align:center;position:absolute;top:-.75rem;left:0;width:3.5em;font-size:inherit;border:none;padding:0 4px}.size-30 .division .print-answer{font-size:1.75rem;top:-1rem}.size-40 .division .print-answer{font-size:1.55rem;top:-.85rem}.size-50 .division .print-answer{font-size:1.25rem;top:-.75rem}.division-answer{position:absolute;top:0;left:1rem;text-align:center}}.math-problem.correct .division-symbol{color:#059669}.math-problem.incorrect .division-symbol{color:#dc2626}.print-only{display:none}@media print{.print-only{display:block}.print-answer{font-family:Ubuntu Mono,monospace;font-size:inherit;text-align:right;color:#000;margin-top:2px}.division .print-answer{text-align:center;position:absolute;top:-.75rem;left:0;width:3.5em;font-size:1.25rem}.size-30 .division .print-answer{font-size:1.75rem;top:-1rem}.size-40 .division .print-answer{font-size:1.55rem;top:-.85rem}.size-50 .division .print-answer{font-size:1.25rem;top:-.75rem}}
