*{box-sizing:border-box}body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;color:#1f2937;background-color:#fff}main.calculator{width:100%;margin:0 auto;padding:1rem;max-width:100%}h1{font-size:1.5rem;margin:0 0 .5rem;font-weight:700}h2{font-size:1.25rem;margin:0 0 .75rem;font-weight:600}h2 .sheet-count{font-weight:700;color:#1f2937;font-size:1.25rem;display:inline-block;background-color:#fef3c7;padding:.25rem .5rem;border-radius:.375rem;margin-left:.5rem}p{margin:.5rem 0;font-size:.9375rem}header,footer{text-align:center;margin-bottom:1.5rem}.header-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}header p{font-size:.875rem;color:#6b7280;margin:.5rem 0}.theme-toggle{position:absolute;top:0;right:0;background:#fff;border:2px solid #d1d5db;border-radius:50%;width:3rem;height:3rem;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;z-index:10}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 4px 8px #00000026}.theme-toggle:active{transform:scale(.95)}footer small{font-size:.8125rem;color:#6b7280;display:block;line-height:1.4}section{margin-bottom:2rem}fieldset{border:none;margin:0 0 1.5rem;padding:0;display:flex;flex-direction:column;gap:.75rem}legend{font-weight:600;font-size:1rem;margin-bottom:.5rem;width:100%;color:#374151}label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;min-height:44px}input[type=number]{width:100%;max-width:120px;padding:.75rem;font-size:1rem;border:2px solid #d1d5db;border-radius:.375rem;background-color:#fff;transition:border-color .2s,box-shadow .2s}input[type=number]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1;height:1.5rem}input[type=radio],input[type=checkbox]{width:1.25rem;height:1.25rem;margin:0;cursor:pointer;flex-shrink:0}label span{font-size:.875rem;color:#6b7280;min-width:2rem}article{background:#f9fafb;padding:1.25rem;border-radius:.5rem;border:1px solid #e5e7eb}article p{margin:.75rem 0;font-size:.9375rem}article p strong{color:#111827;font-weight:600}hr{border:none;border-top:1px solid #e5e7eb;margin:1rem 0}details{margin-top:1rem}summary{cursor:pointer;font-weight:500;color:#3b82f6;padding:.5rem 0;-webkit-user-select:none;user-select:none}summary:hover{color:#2563eb}details pre{background:#fff;border-radius:.375rem;padding:1rem;font-family:Monaco,Menlo,Courier New,monospace;font-size:.8125rem;overflow-x:auto;margin:.75rem 0 0;border:1px solid #e5e7eb;line-height:1.6}@media(min-width:640px){main.calculator{padding:1.5rem;max-width:640px}.header-content{flex-direction:row;justify-content:space-between;align-items:flex-start}.theme-toggle{position:relative;top:auto;right:auto}h1{font-size:2rem}h2{font-size:1.5rem}fieldset{flex-direction:row;flex-wrap:wrap;align-items:center}legend{width:auto;margin-right:1rem;margin-bottom:0}label{min-height:auto}input[type=number]{max-width:100px}}@media(min-width:1024px){main.calculator{padding:1.5rem;max-width:1200px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:1.5rem;align-items:start}header{grid-column:1 / -1;margin-bottom:0}.header-content{text-align:left}header h1{font-size:1.75rem;margin-bottom:.25rem}header p{font-size:.875rem;margin:.25rem 0}section{margin-bottom:0}h2{font-size:1.25rem;margin:0 0 .75rem}h2 .sheet-count{font-size:1.25rem;font-weight:700;background-color:#fef3c7;padding:.25rem .5rem;border-radius:.375rem;margin-left:.5rem}p{font-size:.9375rem;margin:.375rem 0}footer{grid-column:1 / -1;margin-bottom:0;margin-top:.5rem}footer small{font-size:.75rem}fieldset{margin:0 0 1rem;gap:.5rem}legend{font-size:.9375rem;margin-bottom:.375rem}label{font-size:.875rem;min-height:auto}input[type=number]{max-width:100px;padding:.5rem;font-size:.9375rem}article{padding:1rem}article p{margin:.5rem 0;font-size:.9375rem}hr{margin:.75rem 0}}body.dark-mode{background-color:#111827;color:#f9fafb}body.dark-mode main.calculator{background-color:#111827}body.dark-mode h1,body.dark-mode h2{color:#f9fafb}body.dark-mode h2 .sheet-count{color:#111827;background-color:#fbbf24}body.dark-mode p{color:#e5e7eb}body.dark-mode header p{color:#9ca3af}body.dark-mode footer small{color:#9ca3af}body.dark-mode legend,body.dark-mode label{color:#e5e7eb}body.dark-mode label span{color:#9ca3af}body.dark-mode input[type=number]{background-color:#1f2937;border-color:#374151;color:#f9fafb}body.dark-mode input[type=number]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}body.dark-mode article{background-color:#1f2937;border-color:#374151}body.dark-mode article p strong{color:#f9fafb}body.dark-mode hr{border-top-color:#374151}body.dark-mode details pre{background-color:#111827;border-color:#374151;color:#e5e7eb}body.dark-mode summary{color:#60a5fa}body.dark-mode summary:hover{color:#93c5fd}body.dark-mode .theme-toggle{background-color:#1f2937;border-color:#374151;color:#f9fafb}body.dark-mode .theme-toggle:hover{background-color:#374151}body.dark-mode input[type=radio],body.dark-mode input[type=checkbox]{accent-color:#60a5fa}