.app-shell{width:100%;max-width:1080px;margin:0 auto;padding:132px 24px 0;display:flex;flex-direction:column}.setup-view{width:100%}.setup-grid{display:flex;flex-direction:column;gap:18px;width:100%;max-width:900px;margin:0 auto}.panel{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface);box-shadow:var(--shadow-sm)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 22px;border-bottom:1px solid var(--border)}.panel-title{display:flex;align-items:center;gap:9px;min-width:0}.panel-title h2{margin:0;color:var(--muted);font-size:10px;font-weight:600;line-height:1;letter-spacing:0.14em;text-transform:uppercase;white-space:nowrap}.panel-kicker{color:var(--muted);font-size:10px;font-weight:600;line-height:1.2;letter-spacing:0.14em;text-transform:uppercase}.modal-header h2{margin-top:8px;font-size:21px;font-weight:600;letter-spacing:normal}.panel-icon{width:15px;height:15px;color:var(--muted)}.speed-display{display:flex;align-items:baseline;gap:6px;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}#wpm-display{font-size:26px;font-weight:500;line-height:1;letter-spacing:normal}.pace-unit{color:var(--muted);font-size:10px;font-weight:600;line-height:1;letter-spacing:0.13em}.settings-body{display:flex;flex-direction:column;gap:18px;padding:20px 22px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.preset-list{display:flex;flex:1 1 280px;gap:2px;padding:3px;border:1px solid var(--border);background-color:var(--surface-2)}.number-field{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;line-height:1;white-space:nowrap}.number-field input{width:82px;height:34px;padding:0 10px;border:1px solid var(--border);outline:none;appearance:textfield;-moz-appearance:textfield;background-color:var(--bg-elevated);color:var(--text);font-size:14px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;box-shadow:var(--input-ring);transition:border-color 140ms var(--ease),box-shadow 140ms var(--ease)}.number-field input::-webkit-outer-spin-button,.number-field input::-webkit-inner-spin-button{margin:0;appearance:none;-webkit-appearance:none}.number-field input:hover{border-color:var(--focus-ring-color);box-shadow:var(--focus-ring)}.number-field input:focus{border-color:var(--focus-ring-color);box-shadow:var(--focus-ring)}.range-field{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px}.range-field .range-input{grid-column:2;width:100%}.range-end{color:var(--faint);font-size:11px;font-variant-numeric:tabular-nums}.composer-body{padding:20px 22px 22px}.text-stats{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.stat-divider{width:3px;height:3px;border-radius:50%;background-color:var(--border-strong)}.drop-target{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-elevated);box-shadow:var(--input-ring);transition:border-color 140ms var(--ease),box-shadow 140ms var(--ease),background-color 140ms var(--ease)}.drop-target:hover{border-color:var(--focus-ring-color);box-shadow:var(--focus-ring)}.drop-target:focus-within{border-color:var(--focus-ring-color);box-shadow:var(--focus-ring)}.drop-target.is-dragging{border-color:var(--accent);background-color:var(--accent-soft)}.text-input{display:block;width:100%;height:320px;min-height:220px;max-height:60vh;padding:16px 18px;border:0;outline:none;background-color:transparent;color:var(--text);font-size:15px;line-height:1.7;resize:vertical}.text-input::placeholder{color:var(--faint);opacity:1}.drop-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:12px;background-color:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:600;letter-spacing:0.01em;pointer-events:none}.drop-overlay svg{width:26px;height:26px}.drop-target.is-dragging .drop-overlay{display:flex}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.file-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.field-note{color:var(--faint);font-size:11px;line-height:1.5;text-align:right}.form-message{margin-top:12px;padding:10px 12px;border:1px solid var(--danger-border);border-radius:var(--radius-sm);background-color:var(--danger-soft);color:var(--danger-strong);font-size:12px;line-height:1.5}.form-message.is-success{border-color:var(--accent-border);background-color:var(--accent-soft);color:var(--accent-strong)}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.privacy-note{display:flex;align-items:center;gap:7px;margin:0;padding:0;border:0;color:var(--faint);font-size:11px;line-height:1.5}.privacy-note svg{width:14px;height:14px;flex:0 0 auto}.button-start{width:auto;min-width:190px;height:46px;margin:0;border-radius:var(--radius-md);font-size:13px}.button-start svg{width:18px;height:18px;transition:transform 160ms var(--ease)}.button-start:hover:not(:disabled) svg{transform:translateX(3px)}.theme-switch{position:absolute;top:16px;right:16px;z-index:12;display:inline-flex;align-items:center;gap:2px;padding:6px;border:2px solid var(--text);background-color:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.footer{margin-top:88px}body.is-reading{overflow:hidden}body.is-reading::before{display:none}body.is-reading .wordmark,body.is-reading .theme-switch,body.is-reading .footer{display:none}@media (width>=768px){.theme-switch{top:60px;right:60px}}@media (width>=1280px){.app-shell{padding-right:0;padding-left:0}}@media (width < 768px){html[data-theme="light"] .theme-switch [data-theme-choice="light"],html[data-theme="dark"] .theme-switch [data-theme-choice="dark"]{display:none}}@media (width <=640px){.app-shell{padding-top:92px;padding-right:16px;padding-left:16px}.setup-grid{gap:14px}.panel-heading{padding:14px 16px}#wpm-display{font-size:22px}.settings-body,.composer-body{padding:16px}.settings-row{align-items:stretch;flex-direction:column}.preset-list{flex:none;width:100%}.number-field{justify-content:space-between}.range-field{column-gap:8px}.text-input{height:260px;min-height:200px;padding:14px}.composer-actions{align-items:flex-start;flex-direction:column;gap:8px}.field-note{text-align:left}.composer-footer{align-items:stretch;flex-direction:column-reverse;gap:12px}.button-start{width:100%}.footer{margin-top:64px}.wordmark{box-shadow:none}}@media (width <=400px){.theme-switch{top:10px;right:10px;padding:4px}.file-actions{gap:2px}.panel-heading{gap:10px}.panel-title{gap:7px}.panel-title h2{font-size:9px}#wpm-display{font-size:20px}.text-stats{gap:6px;font-size:10px}}