:root{color-scheme:dark;--accent: #6c63ff;--settings-accent: #f59e0b;--danger: #ff5252;--error: #f44336;--primary: #c5c0ff;--surface: #131318;--surface-high: #35343a;--on-surface: #e5e1e9;--on-surface-muted: rgba(229, 225, 233, .6);--on-surface-faint: rgba(229, 225, 233, .4);--outline: #918f9a;font-family:Roboto,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.4;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--on-surface)}h1,h2,p{margin:0}body,button,input,select{overflow-wrap:anywhere}button,input,select{font:inherit;color:inherit}.page{min-height:100vh;display:flex;flex-direction:column}.page-body{flex:1;display:flex;flex-direction:column;gap:16px;padding:24px}.muted{color:var(--on-surface-muted);font-size:13px}.faint{color:var(--on-surface-faint);font-size:13px}.small{font-size:12px}.center{text-align:center}.row{display:flex;align-items:center;gap:8px}.row--between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:10px}.icon{flex-shrink:0}.app-bar{display:flex;align-items:center;gap:8px;min-height:64px;padding:8px 8px 8px 4px;background:var(--surface);position:sticky;top:0;z-index:1}.app-bar-title{flex:1;font-size:22px;font-weight:400}.app-bar-action{display:flex;align-items:center}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:50%;background:transparent;color:var(--on-surface);text-decoration:none;cursor:pointer}.icon-button:active{background:#ffffff14}.badge{position:absolute;top:6px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ffb4ab;color:#690005;font-size:11px;font-weight:500;line-height:16px;text-align:center}.home{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:16px 24px;gap:18px}.home-logo{margin-top:16px;width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);animation:pulse 2s ease-in-out infinite alternate}@keyframes pulse{0%{background:radial-gradient(circle,#6c63ff66,#6c63ff0d)}to{background:radial-gradient(circle,#6c63ff99,#6c63ff0d)}}.home-title{font-size:32px;font-weight:800;letter-spacing:1.2px;color:var(--primary);margin-top:-4px}.home-subtitle{margin-top:-14px;color:#e5e1e98c}.home-buttons{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;gap:18px;margin-top:18px}.home-footer{font-size:10px;color:#e5e1e959}.update-banner{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(108,99,255,.5);background:#6c63ff26}.update-banner strong{flex:1}.update-banner .button{width:auto;padding:10px 16px}.big-button{display:flex;align-items:center;gap:18px;width:100%;padding:20px 24px;border-radius:20px;color:#fff;text-decoration:none;box-shadow:0 6px 16px #00000040}.big-button:active{filter:brightness(.92)}.big-button--purple{background:linear-gradient(90deg,#6c63ff,#3b82f6)}.big-button--green{background:linear-gradient(90deg,#10b981,#059669)}.big-button--orange{background:linear-gradient(90deg,#f59e0b,#ef4444)}.big-button-icon{width:52px;height:52px;border-radius:14px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.big-button-text{flex:1;display:flex;flex-direction:column;gap:3px}.big-button-label{font-size:20px;font-weight:800}.big-button-sublabel{font-size:12px;color:#ffffffd1}.big-button>.icon:last-child{color:#ffffff8a}.button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer}.button--filled{border:none;background:var(--accent);color:#fff}.button--outlined{border:1px solid var(--outline);background:transparent;color:var(--primary);padding:12px 16px;font-size:14px;font-weight:500}.button--filled.button--danger{background:var(--danger)}.button--filled.button--settings{background:var(--settings-accent)}.button--outlined.button--settings{border-color:var(--settings-accent);color:var(--settings-accent);padding:14px 16px;font-size:15px;font-weight:700}.button--tall{min-height:30vh;font-size:22px;flex-direction:column}.button--tall .icon{width:48px;height:48px}.button:disabled,.segmented-option:disabled{opacity:.38;cursor:default}.button:not(:disabled):active{filter:brightness(.9)}.result-tile{--tone: var(--accent);padding:14px;border-radius:12px;border:1px solid rgba(108,99,255,.3);background:#6c63ff14}.result-tile--settings{--tone: var(--settings-accent);border-color:#f59e0b4d;background:#f59e0b1a}.result-tile--error{--tone: var(--error);border-color:#f443364d;background:#f4433614}.result-tile-label{font-size:11px;font-weight:700;color:var(--tone);margin-bottom:6px}.result-tile-value{font-size:14px;white-space:pre-wrap}.section-header{font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--primary)}.progress{height:8px;border-radius:6px;background:#6c63ff26;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .2s}.segmented{display:flex;border:1px solid var(--outline);border-radius:20px;overflow:hidden}.segmented-option{flex:1;min-height:40px;border:none;background:transparent;font-size:14px;font-weight:500;cursor:pointer}.segmented-option+.segmented-option{border-left:1px solid var(--outline)}.segmented-option[aria-pressed=true]{background:#474364;color:#e4dfff}.segmented--settings .segmented-option[aria-pressed=true]{background:#f59e0b4d;color:#ffddb3}.field{position:relative;display:flex;align-items:center;gap:12px;min-height:56px;padding:0 12px;border:1px solid var(--outline);border-radius:4px}.field:focus-within{border:2px solid var(--primary);padding:0 11px}.field-label{position:absolute;top:-9px;left:10px;padding:0 4px;background:var(--surface);font-size:12px;color:var(--on-surface-muted)}.field input,.field select{flex:1;min-width:0;height:54px;border:none;outline:none;background:transparent;font-size:16px}.field select option{background:var(--surface-high)}.target-card{padding:20px;border-radius:16px;border:1px solid rgba(108,99,255,.4);background:var(--surface-high);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.target-card--done{background:#6c63ff1f;color:var(--accent)}.target-word{font-size:30px;font-weight:900}.target-word--sentence{font-size:24px}.history-card{padding:14px;border-radius:12px;border:1px solid rgba(108,99,255,.3);background:#6c63ff14}.history-time{font-size:11px;font-weight:700;color:var(--accent);margin-bottom:6px}.history-text{font-size:14px}.empty{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 0;color:var(--on-surface-faint);font-size:13px}input[type=range]{width:100%;accent-color:var(--accent)}.settings input[type=range]{accent-color:var(--settings-accent)}.switch-row{display:flex;align-items:center;gap:12px;cursor:pointer}.switch-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:52px;height:32px;border-radius:16px;border:2px solid var(--outline);background:var(--surface-high);position:relative;flex-shrink:0;cursor:pointer}.switch-row input:after{content:"";position:absolute;top:6px;left:6px;width:16px;height:16px;border-radius:50%;background:var(--outline);transition:all .15s}.switch-row input:checked{background:var(--settings-accent);border-color:var(--settings-accent)}.switch-row input:checked:after{left:22px;top:2px;width:24px;height:24px;background:#fff}.take-group-title{font-size:18px;font-weight:800;margin-bottom:6px}.take-row{display:flex;align-items:center;min-height:40px}.take-label{flex:1}.spinner{width:16px;height:16px;margin:0 14px;border:2px solid rgba(197,192,255,.3);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.spinner--large{width:36px;height:36px;border-width:4px;margin:32px auto}@keyframes spin{to{transform:rotate(360deg)}}.error-icon{display:inline-flex;color:var(--error);margin:0 12px}.error-text{color:var(--error);font-size:13px}.settings-lock{align-self:center;color:var(--settings-accent)}.settings .section-header{margin-top:4px}.value{font-weight:700}