:root{--bg: #f6f3ee;--surface: #ffffff;--surface-2: #efebe4;--text: #1c2226;--muted: #5d676e;--line: #ddd7ce;--accent: #1f5c57;--accent-text: #ffffff;--accent-soft: #dcebe8;--danger: #a3342b;--good: #2c7a4b;--radius: 18px;--tap: 56px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #14181c;--surface: #1d2328;--surface-2: #262d33;--text: #eef1f2;--muted: #a3adb4;--line: #333b42;--accent: #6fbcb2;--accent-text: #0f1a19;--accent-soft: #23403d;--danger: #f08b7f;--good: #7fd19f;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}body{font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--accent)}.app{max-width:560px;margin:0 auto;min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 16px calc(150px + env(safe-area-inset-bottom))}h1{font-size:30px;line-height:1.2;margin:12px 0 8px;letter-spacing:-.01em}h2{font-size:22px;line-height:1.3;margin:24px 0 8px}h3{font-size:19px;margin:16px 0 6px}p{margin:8px 0}.muted{color:var(--muted)}.small{font-size:15px}.center{text-align:center}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.space{flex:1}.stack>*+*{margin-top:12px}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:var(--tap);padding:14px 20px;border:none;border-radius:var(--radius);background:var(--accent);color:var(--accent-text);font-size:19px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{background:var(--surface-2);color:var(--text)}.btn.ghost{background:transparent;color:var(--accent)}.btn.danger{background:transparent;color:var(--danger);border:2px solid var(--danger)}.btn.small{min-height:44px;padding:8px 14px;font-size:16px;width:auto}.icon-btn{width:var(--tap);height:var(--tap);border-radius:50%;border:none;background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:17px;font-weight:600}.back{display:block;background:none;border:none;color:var(--accent);font-size:18px;padding:10px 0;cursor:pointer}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card+.card{margin-top:12px}.list-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:none}.pill{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--accent-soft);color:var(--text);font-size:14px}.note{background:var(--accent-soft);border-radius:14px;padding:12px 14px;font-size:16px}.error{color:var(--danger);font-size:16px}.ok{color:var(--good);font-size:16px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{min-height:48px;padding:10px 16px;border-radius:999px;border:2px solid var(--line);background:var(--surface);cursor:pointer;font-size:17px}.chip.on{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.chip.avoid{border-color:var(--danger);text-decoration:line-through}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.segmented button{min-height:52px;border-radius:14px;border:2px solid var(--line);background:var(--surface);cursor:pointer;font-size:16px;padding:6px}.segmented button.on{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.field{display:block;margin:14px 0}.field>span{display:block;font-weight:600;margin-bottom:6px}.input,textarea.input,select.input{width:100%;min-height:var(--tap);padding:12px 14px;border-radius:14px;border:2px solid var(--line);background:var(--surface)}textarea.input{min-height:180px;resize:vertical;line-height:1.45}.input:focus{outline:none;border-color:var(--accent)}.code-box{white-space:pre-wrap;font-size:15px;background:var(--surface-2);border-radius:14px;padding:14px;max-height:220px;overflow:auto}.progress-dots{display:flex;gap:6px;margin:8px 0 16px}.progress-dots i{flex:1;height:6px;border-radius:3px;background:var(--line)}.progress-dots i.on{background:var(--accent)}.steps .list-item{font-size:18px}.steps .done{color:var(--good)}.steps .now{font-weight:700}.spinner{width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottom{position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:10}.bottom-inner{max-width:560px;margin:0 auto}.tabs{display:grid;grid-template-columns:repeat(3,1fr)}.tabs button{min-height:60px;background:none;border:none;font-size:16px;color:var(--muted);cursor:pointer}.tabs button.on{color:var(--accent);font-weight:700}.mini{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);cursor:pointer}.mini .title{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-bar{height:3px;background:var(--line)}.mini-bar>div{height:3px;background:var(--accent)}.player-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:18px 0}.play-big{width:88px;height:88px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-text);font-size:34px;cursor:pointer}.seek{width:100%;accent-color:var(--accent);height:36px}.times{display:flex;justify-content:space-between;font-size:15px;color:var(--muted)}.tabbar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.tabbar button{min-height:48px;border-radius:12px;border:none;background:var(--surface-2);font-size:16px;cursor:pointer}.tabbar button.on{background:var(--accent);color:var(--accent-text);font-weight:600}.chapter{width:100%;text-align:left;background:none;border:none;padding:14px 4px;border-bottom:1px solid var(--line);cursor:pointer;display:flex;gap:12px;align-items:baseline}.chapter.now{font-weight:700;color:var(--accent)}.chapter .t{color:var(--muted);font-size:15px;min-width:48px}.tline{padding:8px 4px;border-radius:10px;cursor:pointer}.tline.now{background:var(--accent-soft)}.tline b{font-size:14px;color:var(--muted);display:block}.stars{display:flex;gap:6px;justify-content:center}.stars button{width:56px;height:56px;font-size:34px;border:none;background:none;cursor:pointer;color:var(--line)}.stars button.on{color:#e2a33b}.thumbs{display:flex;gap:8px}.thumbs button{width:52px;height:52px;border-radius:14px;border:2px solid var(--line);background:var(--surface);font-size:22px;cursor:pointer}.thumbs button.on{border-color:var(--accent);background:var(--accent-soft)}.banner{background:#e2a33b;color:#1c2226;font-size:14px;text-align:center;padding:6px 12px}