:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#263e32;background:#f7f6ef;font-synthesis:none;--green:#28664e;--muted:#727b70}*{box-sizing:border-box}body{margin:0}button,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d5ddd2;background:#fffef9;color:var(--green);border-radius:12px;padding:13px 17px;transition:background .18s}button:hover{background:#e7eee2}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #dba447;outline-offset:3px}header{max-width:1160px;margin:auto;padding:27px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e3d8}.brand{display:flex;align-items:center;gap:10px;font-size:36px;color:var(--green);text-decoration:none}.brand span{font-size:20px;font-weight:750}.brand small{display:block;letter-spacing:2px;font-size:9px;margin-top:4px}.quiet{border:0;background:transparent;padding:8px;font-size:13px}main{max-width:1160px;margin:auto;padding:0 26px}.intro{padding:54px 0 38px;position:relative}.eyebrow{font-size:11px;letter-spacing:2px;color:#7f8b72}h1{font-size:44px;line-height:1.35;letter-spacing:-1.5px;margin:18px 0 14px;font-weight:750}h1 span{color:#d6a448}.intro p{font-size:15px;color:var(--muted);line-height:1.8}.mobile{display:none}.decor{position:absolute;right:65px;top:30px;transform:rotate(8deg);text-align:center}.decor>div{font-size:145px;color:#e9b854;line-height:1.1}.decor>span{display:inline-block;background:#e4ebdb;border-radius:50%;padding:16px 30px;font-size:25px;font-weight:700;transform:rotate(-18deg)}.decor small{color:#8e9a79;font-size:12px}.workspace{display:grid;grid-template-columns:1fr 1.07fr;gap:25px;align-items:start}.input-card,.result-card{border:1px solid #e0e3d6;border-radius:22px;padding:27px;background:#fffef9}.result-card{background:#eef2e7;border-color:#d8e1ce;min-height:610px}.step{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:1px;color:#7d8975}.step>span:first-child{font-size:15px;letter-spacing:0;font-weight:650;color:#344c3d}.badge{font-size:10px!important;font-weight:400!important;color:#587050!important;border:1px solid #cfdac4;border-radius:20px;padding:4px 8px;letter-spacing:0;margin-left:auto}textarea{display:block;resize:vertical;min-height:145px;width:100%;border:1px solid #e1e4d9;background:#f8f9f3;padding:18px;border-radius:13px;line-height:1.9;font-size:18px;color:#304c3c;margin:22px 0 8px}textarea:focus{outline:2px solid #709676}.input-meta{display:flex;justify-content:space-between;font-size:10px;color:#8a8f83;gap:10px}.primary{background:var(--green);color:#fff;border:1px solid var(--green);font-weight:600}.primary:hover{background:#1c503a}.input-card>.primary{width:100%;margin-top:22px;display:flex;justify-content:space-between}.note{font-size:11px;color:var(--muted);line-height:1.8}.divider{height:1px;background:#e5e7df;margin:27px 0}h2{font-size:15px;margin:0}.scene-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.scene-heading>span{font-size:10px;color:#8a9183}.tabs{display:flex;gap:6px;margin:18px 0;flex-wrap:wrap}.tabs button{border:0;font-size:12px;padding:8px 10px;background:#f0f1e8}.tabs button.active{background:#dce8d8;color:#23563d}.examples{display:grid;gap:9px}.examples button{text-align:left;border:0;background:#f7f8f1;font-size:13px;line-height:1.7;display:flex;justify-content:space-between}.examples button:hover{background:#e5eddf}.english{font-size:29px;line-height:1.45;font-weight:650;letter-spacing:-.5px;margin:31px 0 12px;color:#244e38}.meaning{font-size:12px;color:#77856f;line-height:1.8;min-height:22px}.playback{display:flex;gap:9px;margin:24px 0 13px;flex-wrap:wrap}.playback button{font-size:13px}.preferences{display:flex;gap:20px;font-size:11px;color:#65765c;flex-wrap:wrap}.preferences select{font-size:11px;padding:4px;border:1px solid #cdd6c5;border-radius:7px;background:transparent;color:#344e35}.audio-status{font-size:11px;color:#69805f;margin:13px 0 23px;line-height:1.7}h3{font-size:12px;margin:0 0 12px;font-weight:600}.practice{border-top:1px solid #d9e1cf;padding-top:20px}#chunks{display:flex;gap:7px;flex-wrap:wrap}#chunks button{font-size:13px;padding:9px 12px;background:#fafcf5;border:1px solid #dae3d0;line-height:1.5}.tip{display:flex;gap:10px;margin:24px 0 12px}.tip>span{color:#b08b31}.tip h3{margin-bottom:7px}.tip p{font-size:12px;line-height:1.9;margin:4px 0;color:#65745c}.save{padding:8px 0}details{border-top:1px solid #d9e1cf;margin-top:14px;padding-top:14px;font-size:11px;color:#65745c}summary{cursor:pointer}details p{line-height:1.8}#voice{max-width:100%;display:block;margin-top:8px;padding:8px;border:1px solid #cbd5c3;border-radius:8px}.saved-section{padding:36px 0 20px}#saved{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}#saved button{text-align:left;font-size:12px;max-width:100%}#saved-count{font-size:10px;border:1px solid #d8dece;padding:3px 7px;border-radius:20px;margin-left:7px}footer{border-top:1px solid #e0e3d6;padding:23px 0 30px;color:#8b9382;font-size:11px;display:flex;justify-content:space-between;gap:15px}footer span{font-size:9px;letter-spacing:1px}.sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}dialog{max-width:440px;width:90%;border:1px solid #d4ddcd;border-radius:20px;padding:28px;background:#fffef9;color:#344c3d}dialog p{font-size:14px;line-height:1.9}dialog::backdrop{background:#15322166}#message{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#244e38;color:white;border-radius:12px;font-size:13px;padding:13px 20px;max-width:90%;display:none;z-index:5}@media(max-width:760px){header{padding:20px}.brand span{font-size:17px}main{padding:0 18px}.intro{padding:35px 0 25px}h1{font-size:32px;letter-spacing:-1px}.eyebrow{font-size:9px;letter-spacing:1px}.decor{right:0;top:53px}.decor>div{font-size:68px}.decor>span{font-size:15px;padding:9px 16px}.decor small{display:none}.intro p{font-size:13px}.workspace{grid-template-columns:1fr;gap:17px}.input-card,.result-card{padding:22px;border-radius:18px}.english{font-size:27px}.result-card{min-height:0}.mobile{display:inline}footer{display:block}footer span{display:block;margin-top:10px}}

.voice-picker{margin-top:22px}.voice-picker label{font-size:12px;font-weight:600}.voice-picker #voice{width:100%;background:#fafcf5;color:#345139;font-size:12px}.voice-picker .note{margin-bottom:0}.voice-picker+.playback{margin-top:14px}#sentence-editor{max-width:560px}#sentence-editor label{display:block;margin-top:18px;font-size:13px}#sentence-editor textarea{min-height:92px;margin-top:8px;font-size:15px}#sentence-editor h2{font-size:18px}.editor-error{font-size:12px;color:#9c4438}
.library-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:18px 0}.library-toolbar button{font-size:12px}.library-toolbar input,.library-toolbar select{padding:11px;border:1px solid #d5ddd2;border-radius:9px;background:#fffef9;color:#344c3d;font:inherit;font-size:13px}.library-toolbar input{min-width:160px;flex:1}#saved{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-row{background:#fffef9;border:1px solid #e0e3d6;border-radius:14px;padding:14px;min-width:0}.library-open{width:100%;border:0;padding:4px!important;font-size:15px!important;font-weight:600;background:transparent}.library-open span{display:block;margin-top:8px;font-size:13px;font-weight:400;line-height:1.6;color:#718066;overflow-wrap:anywhere}.library-actions{display:flex;gap:9px;margin-top:12px}.library-actions button{padding:8px 11px;font-size:12px}.library-actions button:first-child{margin-right:auto}#batch-editor{max-width:620px}#batch-editor textarea{min-height:240px;font-size:14px}#batch-editor p{font-size:13px;line-height:1.8}@media(max-width:650px){#saved{grid-template-columns:1fr}.library-toolbar input{width:100%}}
.speed-control{padding:15px 0 5px}.speed-control label{font-size:12px;font-weight:600}.speed-control output{float:right;font-size:12px;font-weight:700;color:#28664e}.speed-control input[type=range]{display:block;width:100%;accent-color:#28664e;min-height:36px;margin:7px 0}.speed-presets{display:flex;gap:7px;flex-wrap:wrap}.speed-presets button{font-size:11px;padding:7px 10px}.speed-control+.playback{margin-top:12px}.voice-help{margin-top:5px}.voice-help p{font-size:11px;line-height:1.9}