body{margin:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#000;--white:#fff;--gray:#888;--gray-light:#e5e5e5;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem}body{background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}.app{max-width:40rem;padding:var(--space-xl) var(--space-md);min-height:100vh;margin:0 auto}.header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--black)}.title{letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.main{gap:var(--space-xl);flex-direction:column;display:flex}.section{gap:var(--space-md);flex-direction:column;display:flex}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.section-label{text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem;font-weight:600}.meta{color:var(--gray);font-variant-numeric:tabular-nums;font-size:.75rem}.textarea{border:1px solid var(--black);background:var(--white);width:100%;color:var(--black);padding:var(--space-md);resize:vertical;field-sizing:content;min-height:9rem;font-family:inherit;font-size:1rem;line-height:1.6}.textarea::placeholder{color:var(--gray)}.textarea:focus{outline:2px solid var(--black);outline-offset:0}.textarea-error{border-width:2px}.error-message{color:var(--black);font-size:.8125rem}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--gray-light);flex-wrap:wrap;display:flex}.toolbar-group{align-items:center;gap:var(--space-sm);display:flex}.toolbar-label{color:var(--gray);margin-right:var(--space-xs);font-size:.8125rem}.stepper{border:1px solid var(--black);align-items:stretch;display:inline-flex}.stepper-btn{background:var(--white);width:2rem;height:2rem;color:var(--black);cursor:pointer;border:none;font-family:inherit;font-size:1rem;line-height:1}.stepper-btn:not(:last-child){border-right:1px solid var(--black)}.stepper-btn:hover:not(:disabled){background:var(--black);color:var(--white)}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-value{font-variant-numeric:tabular-nums;border-right:1px solid var(--black);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:2.5rem;font-size:.875rem;display:flex}.btn{border:1px solid var(--black);background:var(--white);color:var(--black);cursor:pointer;white-space:nowrap;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:500}.btn:hover:not(:disabled){background:var(--black);color:var(--white)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{min-width:6.5rem}.btn-ghost{border-color:#0000;padding-left:0;padding-right:0}.btn-ghost:hover:not(:disabled){color:var(--gray);background:0 0}.output-empty{padding:var(--space-lg) 0;color:var(--gray);border:1px dashed var(--gray-light);text-align:center;font-size:.875rem}.sentence-list{flex-direction:column;list-style:none;display:flex}.sentence-item{gap:var(--space-sm) var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--gray-light);grid-template-columns:1.75rem 1fr;align-items:start;display:grid}.sentence-item:first-child{padding-top:0}.sentence-item:last-child{border-bottom:none;padding-bottom:0}.sentence-num{color:var(--gray);font-variant-numeric:tabular-nums;text-align:right;padding-top:.2em;font-size:.75rem}.sentence-body{min-width:0}.sentence-text{color:var(--black);font-family:Georgia,Times New Roman,serif;font-size:1.0625rem;line-height:1.65}.sentence-meta{margin-top:var(--space-xs);color:var(--gray);font-variant-numeric:tabular-nums;font-size:.6875rem}.output-actions{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--gray-light);display:flex}.kbd-hint{color:var(--gray);font-size:.6875rem}@media (width<=480px){.app{padding:var(--space-lg) var(--space-md)}.toolbar{flex-direction:column;align-items:stretch}.toolbar-group:last-child{justify-content:space-between}.btn-primary{flex:1}}@media (width>=640px){.title{font-size:1.25rem}.sentence-text{font-size:1.125rem}}