:root{--ink:#29223c;--muted:#8b8298;--purple:#7952ca;--cream:#faf8f4;--line:#e9e3ef}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input{font:inherit}button{border:0;cursor:pointer;color:inherit;background:none;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid #a483de;outline-offset:4px}svg{width:23px;height:23px}h1{font-size:25px;letter-spacing:-.7px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 26px}.logo{font-weight:800;font-size:30px;letter-spacing:-1.4px;padding:0}.logo b{display:inline-block;font-size:13px;vertical-align:middle;letter-spacing:0;background:#eae1f8;color:var(--purple);padding:9px 10px;border-radius:10px;margin-left:5px}.shell{max-width:900px;padding:0 30px 110px;margin:auto}.round{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#8b7f9b;background:#f0ebf3;flex-shrink:0}.round.on{color:var(--purple);background:#e9dff8}.round.saved{color:#c36e85;background:#f9e3eb}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(900px,100%);display:flex;justify-content:space-around;padding:12px 15px calc(12px + env(safe-area-inset-bottom));background:#faf8f4f5;border-top:1px solid var(--line);z-index:10;backdrop-filter:blur(12px)}nav button{display:flex;gap:10px;align-items:center;justify-content:center;padding:12px 24px;border-radius:15px;color:var(--muted);font-size:13px}nav button.active{background:#ebe2f8;color:var(--purple)}.units{display:grid;grid-template-columns:1fr 1fr;gap:14px}.unit{display:flex;align-items:center;gap:20px;padding:23px 20px;text-align:left;border-radius:24px;min-height:125px;transition:transform .2s;background:#eee7f8}.unit:hover{transform:translateY(-3px)}.tone1{background:#eee4fc}.tone2{background:#f9e7e8}.tone3{background:#eaf0df}.tone0{background:#e5edf4}.num{font-size:33px;font-weight:750;color:#57456f;width:55px;flex-shrink:0;text-align:center;letter-spacing:-1.5px}.unitname{flex:1;min-width:0}.unitname small{font-size:10px;letter-spacing:1.5px;color:#9584a9;display:block;margin-bottom:7px}.unitname strong{font-size:19px;line-height:1.3;display:block}.bar{height:4px;border-radius:5px;background:#4d306510;overflow:hidden;margin-top:16px}.bar i{display:block;height:100%;background:#9d7ad3;border-radius:5px}.chevron{font-size:25px;color:#94889f}.review{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding:17px 24px;background:#f8edcf;border-radius:18px;color:#8b7546;text-align:left;margin:0 0 8px}.review strong{flex:1;font-size:14px}.loop{font-size:26px}.sectionhead{display:flex;align-items:center;gap:15px;margin-bottom:20px}.sectionhead h1{flex:1;margin:0}.back{padding:12px 5px;font-size:24px;color:#8e819f}.modegrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mode{border:1px solid #ebe4ef;border-radius:28px;overflow:hidden;padding:0;background:#fff;transition:transform .2s}.mode:hover{transform:translateY(-4px)}.art{display:block;width:100%;aspect-ratio:1;background-image:url('assets/modes.png');background-size:200% 100%;background-repeat:no-repeat}.swipeart{background-position:left center}.gapart{background-position:right center}.modebottom{display:flex;align-items:center;justify-content:space-between;padding:16px 23px 22px}.modebottom b{font-size:13px;color:#a595b6}.modebottom span{font-size:25px;color:#795b9a;letter-spacing:4px}.modebottom i{font-style:normal;background:#e9defb;color:var(--purple);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:14px}.length{display:flex;gap:4px;justify-content:center;margin:26px auto 14px;background:#eeebf0;border-radius:30px;padding:4px;width:fit-content}.length button{padding:10px 20px;border-radius:24px;color:#96899f;font-size:13px}.length .chosen{background:white;color:var(--purple);box-shadow:0 2px 5px #30213909}.quiet{font-size:12px;text-align:center;color:var(--muted);line-height:1.7;margin:18px 0}.game{max-width:540px;margin:auto}.gamehead{display:flex;align-items:center;justify-content:space-between;gap:10px}.gamehead>span{font-size:13px;color:var(--muted)}.game>.bar{margin:18px 5px 35px}.deck{position:relative;margin:10px 15px 25px;isolation:isolate}.deck:before,.deck:after{content:'';position:absolute;inset:12px -8px 0;border-radius:32px;z-index:-1;background:#f2bbce;transform:rotate(-5deg)}.deck:after{background:#d5e8bb;transform:rotate(5deg)}.card{background:#eee1fc;border-radius:30px;padding:24px;min-height:340px;display:flex;flex-direction:column;position:relative;touch-action:pan-y;user-select:none;box-shadow:0 15px 30px #63418112;transition:background .2s}.cardtop{display:flex;align-items:center;justify-content:space-between;color:#a591bb;font-size:12px;letter-spacing:2px}.cardtop .round{background:#ffffff70;color:#8767b2}.cardword{font-size:clamp(26px,6vw,40px);font-weight:700;text-align:center;line-height:1.25;letter-spacing:-1px;flex:1;display:grid;place-items:center;min-height:170px;padding:25px 2px;overflow-wrap:anywhere}.answers{display:grid;gap:10px;margin-top:auto}.two,.four{grid-template-columns:1fr 1fr}.answer{padding:18px 10px;border-radius:17px;line-height:1.4;min-height:64px;font-size:16px;background:#ffffffb0;display:flex;align-items:center;justify-content:center;gap:10px}.two .side0{background:#f5d5e3}.two .side1{background:#dbeec2}.answer span{font-size:20px;color:#8b7798}.answer:hover{box-shadow:inset 0 0 0 2px #a57ac6}.good{background:#dceec9}.wrong{background:#fce6e9}.correction{font-size:24px;line-height:1.4;text-align:center;margin:0 0 25px;color:#754b66}.wrong .cardword{min-height:120px;padding-bottom:12px}.smallheart{text-align:center;color:#bc8a9c;font-size:25px;margin-bottom:22px}.check{position:absolute;inset:0;display:grid;place-items:center;font-size:70px;color:#6b9852;background:#e3f2d2e8;border-radius:30px;animation:pop .2s}.autoline{height:3px;background:#d6a6b5;width:100%;margin-top:auto;border-radius:5px;animation:shrink 2.5s linear forwards}.gesture{text-align:center;font-size:20px;color:#b5a5c0;margin:25px}.sentence{font-size:25px;font-weight:600;line-height:1.65;text-align:center;padding:32px 4px;min-height:185px;display:block}.blank{display:inline-block;min-width:70px;border-bottom:3px solid #aa81cf}.sentence mark{background:#f5b9cd;border-radius:7px;padding:3px 8px;color:#6f3757}.paused{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#eee4f5ed;border-radius:30px;backdrop-filter:blur(8px)}.resume{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:#d4b9f3;color:#7950a8}.resume svg{height:35px;width:35px}.summary{text-align:center;padding:60px 0}.summary h1{font-size:54px;margin:20px}.summary p{color:var(--muted)}.bigcheck{font-size:65px;color:#91ad72}.primary,.secondary{padding:18px 30px;border-radius:17px;background:#e9dbfc;font-size:26px;margin:20px 6px}.secondary{background:#e6eddc}.word{display:flex;align-items:center;gap:9px;padding:18px 0;border-bottom:1px solid var(--line)}.word>div{flex:1;min-width:0}.word strong{font-size:16px;font-weight:600}.word small{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:5px}.word .round{width:38px;height:38px}.word svg{width:19px;height:19px}input[type=search]{width:100%;border:1px solid var(--line);background:white;border-radius:15px;padding:15px;color:var(--ink);margin:8px 0 10px}.empty{text-align:center;padding:60px 0;color:#b39bc3;font-size:55px}.empty p{font-size:15px;color:var(--muted)}.stats{display:flex;justify-content:space-around;padding:25px 0;margin-bottom:20px}.stats b{display:block;font-size:32px;text-align:center;color:#745795}.stats small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.statrow{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:18px 0}.statrow span{font-size:14px;width:80px}.statrow .bar{flex:1;margin:0}.statrow small{font-size:11px;color:var(--muted);width:60px;text-align:right}.tools{display:flex;justify-content:center;gap:12px}.tools button{background:#eee5f5;border-radius:12px;padding:13px;font-size:12px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#34283f;color:white;padding:12px 20px;border-radius:14px;max-width:90%;width:max-content;font-size:13px;opacity:0;pointer-events:none;z-index:20;transition:opacity .2s}#toast.show{opacity:1}@keyframes pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shrink{to{width:0}}@media(max-width:600px){.shell{padding:0 20px 100px}header{padding:20px 0 24px}.units{grid-template-columns:1fr;gap:12px}.unit{min-height:110px;padding:20px;border-radius:23px}.unitname strong{font-size:19px}.unit .bar{margin-top:12px}.review{padding:14px 22px}.modegrid{gap:12px}.mode{border-radius:22px}.modebottom{padding:9px 12px 16px}.modebottom i{width:32px;height:32px;font-size:12px}.modebottom span{font-size:19px}.sectionhead{margin-bottom:20px}.sectionhead h1{font-size:22px}nav button{flex:1;padding:10px 8px;flex-direction:column;gap:5px;font-size:11px}nav svg{height:21px;width:21px}.playing header{padding:14px 0 18px}.playing{padding:0 16px 25px}.game>.bar{margin-bottom:25px}.deck{margin:10px 11px 23px}.card{padding:20px;min-height:340px}.answer{font-size:15px;padding:15px 10px}.sentence{font-size:23px}.four .answer{min-height:62px}.cardword{font-size:32px}.length{margin-top:22px}.stats b{font-size:27px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.credit{text-align:center;font-size:12px;line-height:1.7;color:#95869f;padding:28px 0 8px}
/* Édito — spacious, high-contrast learning cards */
:root{color-scheme:dark;--ink:#faf6ff;--muted:#c4b6d9;--purple:#c6aaff;--cream:#160f27;--line:#463259;--lime:#baff79;--pink:#ffa2d7;--panel:#241936}body{background:radial-gradient(ellipse at 10% 0,#302047 0,transparent 48%),var(--cream);background-attachment:fixed}.shell{max-width:1000px;padding:0 30px 110px}header{padding:28px 0}.logo{font-size:38px;letter-spacing:-1.8px}.logo b{background:var(--lime);color:#201631;border-radius:8px;font-size:16px;padding:8px 11px;letter-spacing:0}.round{background:#372747;color:#dfcaff}.round.on{color:#201631;background:var(--lime)}.round.saved{background:var(--pink);color:#25152d}.round.saved svg{fill:currentColor}nav{background:#160f27f5;border-color:var(--line);max-width:1000px}nav button{color:var(--muted);border-radius:0}nav button.active{background:none;color:var(--lime)}nav button.active:after{content:'';position:absolute;bottom:8px;height:3px;width:25px;background:var(--lime);border-radius:3px}.totalprogress{padding:6px 0 24px}.totalprogress>div:first-child{display:flex;align-items:center;gap:12px}.totalprogress strong{font-size:22px;white-space:nowrap}.totalprogress strong span{color:var(--muted);font-size:16px;font-weight:500}.totalprogress small{font-size:12px;color:var(--muted);flex:1}.totalprogress b{font-size:13px;color:var(--lime)}.totalprogress .bar{margin-top:12px;height:6px}.bar{background:#4b385e}.bar i{background:var(--lime)}.units{gap:14px}.unit{--accent:var(--lime);background:var(--panel);border:1px solid #5c4174;border-radius:20px;padding:22px 18px;gap:15px;min-height:154px}.tone1{--accent:var(--pink)}.tone2{--accent:#c7afff}.tone3{--accent:#9ae8dd}.num{font-size:44px;line-height:1;color:var(--accent);width:56px;font-weight:800}.unitname small{color:#c4b0d8;font-size:10px;margin-bottom:8px}.unitname strong{font-size:20px;letter-spacing:-.5px}.unit .bar i{background:var(--accent)}.unitcount{display:block;font-size:11px;color:var(--muted);margin-top:6px}.unitpicture{color:var(--accent);flex:0 0 45px}.unitpicture svg{width:45px;height:52px}.chevron{color:#d5c1ec}.review{background:#382449;color:#f1dfff;border:1px solid #76508f;border-radius:17px;padding:16px 23px;margin:0}.review strong{font-size:16px}.sectionhead{margin:8px 0 24px}.back{color:#e7d6ff}.sectionhead h1{font-size:25px}.modegrid{gap:20px}.mode{background:var(--panel);border:1px solid #76508f;border-radius:24px;padding:24px;text-align:left;overflow:hidden;display:flex;flex-direction:column;min-height:310px}.modelabel{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:750}.modelabel b{display:grid;place-items:center;width:44px;height:44px;background:var(--lime);color:#22132e;border-radius:50%;font-size:22px}.phrases-mode .modelabel b{background:var(--pink)}.worddemo{display:block;position:relative;isolation:isolate;margin:35px 16px 24px;transform:rotate(-3deg)}.worddemo:before,.worddemo:after{content:'';position:absolute;inset:-5px -5px;background:#bc9be9;border-radius:15px;transform:rotate(-6deg);z-index:-1}.worddemo:after{background:var(--pink);transform:rotate(8deg);inset:5px -5px}.worddemo>span{display:block;border-radius:15px;padding:25px 12px;text-align:center;background:#eee2ff;color:#231433;font-size:38px;font-weight:800;letter-spacing:-1px}.worddemo small{display:block;font-size:20px;font-weight:500;color:#70538a;letter-spacing:0;margin-top:5px}.modedirection{display:flex;justify-content:space-between;align-items:center;color:var(--purple);font-size:26px;margin-top:auto}.modedirection span{font-size:12px;letter-spacing:1px}.phrasedemo{display:block;background:#e1cfff;border-radius:20px 20px 20px 2px;color:#281837;padding:24px 16px;margin:30px 0 20px;font-size:25px;font-weight:750;line-height:1.5}.phrasedemo em{font-style:normal;color:#895595}.optiondemo{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:auto}.optiondemo span{font-size:12px;padding:13px 3px;border:1px solid #77528b;border-radius:9px;text-align:center;color:#f0deff}.optiondemo span:first-child{color:var(--pink);border-color:var(--pink)}.length{background:#30203f;padding:5px}.length button{color:#ccb9de;font-size:15px;min-width:64px}.length .chosen{background:var(--lime);color:#24152f;box-shadow:none}.textbutton{display:flex;align-items:center;gap:10px;margin:20px auto;font-size:15px;color:var(--purple);padding:12px}.game{max-width:600px}.playing header{display:none}.playing{padding-top:24px}.gamehead>span{color:#efdefd;font-size:16px;font-weight:600}.game>.bar{margin-bottom:28px}.deck{margin:0 0 16px}.deck:before,.deck:after{display:none}.card{background:#e3d2fc;color:#21132f;border-radius:24px;box-shadow:none;padding:24px;min-height:420px}.cardtop{color:#725386;letter-spacing:1px}.cardtools{display:flex;gap:8px}.cardtop .round{background:#cdb6ec;color:#493063}.cardtop .round.saved{background:#f797cf;color:#43223c}.cardword{font-size:clamp(30px,6vw,49px);font-weight:800;line-height:1.18;min-height:230px;letter-spacing:-1.3px}.answers{gap:12px}.answer,.two .side0,.two .side1{background:#342345;color:#fff2ff;border:1px solid #63447d;border-radius:14px;min-height:70px;font-size:17px}.answer span{color:#d7b8f2}.answer:hover{background:#4a315e;box-shadow:none}.wrong{background:#f7d6e7}.wrong .cardword{min-height:170px}.correction{color:#713758;font-size:27px;font-weight:600;margin-bottom:20px}.smallheart{color:#a2547e}.autoline{background:#af658b}.gesture{color:#ab91c5;font-size:22px;margin:20px}.sentence{font-size:29px;min-height:240px;font-weight:650}.sentence mark{color:#602b4d;background:#f7a5cb}.paused{background:#22152ff0}.resume{background:var(--lime);color:#22152f}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:15px;font-weight:650;padding:15px 20px;border-radius:12px;background:var(--lime);color:#24142e;margin:0}.secondary{background:#3b284d;color:#ead7fc}.savedtools{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.savedtools>*{flex:1;white-space:nowrap}.empty{color:var(--pink)}.word{padding:20px 2px;border-color:var(--line)}.word strong{font-size:18px}.word small{color:#c7b6d8;font-size:14px}.word .round{width:42px;height:42px}input[type=search],select{background:#241936;color:var(--ink);border:1px solid #63477b;border-radius:12px;padding:16px;width:100%;font:inherit}input::placeholder{color:#ad96c2}.filterlabel{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.stats b{color:var(--lime)}.tools button{background:#392548;color:#ecd9fc}.summary .primary,.summary .secondary{font-size:28px;min-width:90px;margin:20px 6px}.bigcheck{color:var(--lime)}.credit{color:#bba1d1;font-size:12px;padding:30px 0 12px}.credit a{display:inline-block;color:#e5cbff;text-underline-offset:4px;padding:8px 10px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}#toast{background:#f2e6ff;color:#291438;box-shadow:0 5px 30px #0004}.quiet{color:#bca7d0}.art{display:none}@media(max-width:600px){.shell{padding:0 18px 110px}header{padding:23px 0}.logo{font-size:34px}.totalprogress strong{font-size:20px}.totalprogress small{font-size:10px;max-width:100px}.unit{min-height:132px;padding:20px 16px;gap:12px}.num{font-size:42px;width:55px}.unitname strong{font-size:19px}.unitpicture{flex-basis:40px}.unitpicture svg{width:40px;height:46px}.unitname small{font-size:9px}.modegrid{grid-template-columns:1fr;gap:16px}.mode{min-height:280px;padding:22px}.worddemo{margin:30px 35px 23px}.worddemo>span{font-size:40px;padding:22px 12px}.phrasedemo{margin:25px 0 20px}.optiondemo span{font-size:14px}.playing{padding:20px 16px 30px}.card{min-height:440px;padding:20px}.cardword{font-size:39px;min-height:240px}.answer{font-size:16px}.sentence{font-size:26px}.sectionhead h1{font-size:23px}.totalprogress{padding-bottom:22px}.credit{padding-top:25px}nav button{position:relative;padding-bottom:16px}nav button.active:after{bottom:5px}.savedtools{flex-direction:column}}
@media(min-width:601px){.unit[data-id="0"]{grid-column:1/-1;min-height:115px}.unit[data-id="0"] .unitname{flex:0 1 500px}.unit[data-id="0"] .chevron{margin-left:auto}}
/* v3 additions */
.bar{position:relative}.bar em{position:absolute;inset:0 auto 0 0;background:#8a7aa3;opacity:.55;border-radius:5px}.bar i{position:relative}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{display:inline-flex;gap:6px;align-items:center;padding:8px 13px;border-radius:30px;background:#2c1f3d;border:1px solid #5c4174;color:var(--ink);font-size:13px}.chip.pink b{color:var(--pink)}.chip.lime b{color:var(--lime)}
.dots{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.dots span{font-size:10px;padding:3px 7px;border-radius:20px;border:1px solid #5c4174;color:#a993c0}.dots span.on{background:var(--accent);color:#1f1430;border-color:transparent;font-weight:700}
.sectionhead h1 small{display:block;font-size:13px;font-weight:500;color:var(--muted);letter-spacing:0;margin-top:4px}
.modegrid{grid-template-columns:1fr 1fr}.mode{min-height:0;gap:6px}.mode.disabled{opacity:.45}.modedesc{font-size:13px;color:var(--muted);margin-left:58px;margin-top:-6px}
.mode .worddemo{margin:22px 26px 16px}.mode .worddemo>span{font-size:28px;padding:16px 10px}.mode .phrasedemo{margin:16px 0 12px;font-size:19px;padding:16px 14px;position:relative}.phrasedemo .kbd{position:absolute;right:12px;top:12px;font-size:18px;opacity:.6}.phrasedemo.listen{display:flex;align-items:center;gap:10px;background:#c9f3ef}.phrasedemo.listen svg{width:30px;height:30px}
.mode-write .modelabel b{background:#c7afff}.mode-listen .modelabel b{background:#9ae8dd}
.modestatus{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);margin-top:auto}.modestatus .done{display:inline-flex;align-items:center;gap:4px;color:var(--lime);font-weight:700}.modestatus .done svg{width:15px;height:15px}.modestatus .new{color:#b49ccc}
.modeprog .bar{margin-top:8px}.modeprog small{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.tabs,.filters{display:flex;gap:4px;background:#30203f;border-radius:30px;padding:5px;width:fit-content;margin:0 auto 10px}.tabs button,.filters button{padding:11px 20px;border-radius:24px;color:#ccb9de;font-size:15px}.tabs button b{margin-left:6px;opacity:.8}.tabs .chosen,.filters .chosen{background:var(--lime);color:#24152f}.tabs .chosen.pinktab{background:var(--pink)}.filters button{font-size:13px;padding:8px 16px}.filters{margin:16px auto 8px}
.word.islearned strong{color:#e9ffd6}.learnedmark{background:var(--lime)!important;color:#1f1430!important;font-weight:800}.exline{display:block;font-size:13px;color:#a995bf;font-style:italic;margin-top:4px}.word strong u{text-decoration-color:var(--pink);text-underline-offset:4px;text-decoration-thickness:2px}
.listh{font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin:30px 0 4px}
.livescore{display:flex;gap:14px;justify-content:center;font-size:14px;color:var(--muted);margin:-14px 0 14px}.lime{color:var(--lime)}
.bookline{background:#ffffff80;border-radius:14px;padding:12px 14px;font-size:18px;line-height:1.45;text-align:center;color:#3c2450;margin-bottom:16px}
.correction.small{font-size:17px;font-weight:500;margin:-10px 0 16px}
.sentence mark.ok{background:#c4f19a;color:#24411a}
.wrongtools{display:flex;gap:10px;margin-top:auto}.wrongtools>*{flex:1}.card .secondary{background:#ffffffa8;color:#4a2d5e}
.typedwrong{text-align:center;color:#8a4a6c;margin:-14px 0 16px;font-size:15px}
.writeform{display:flex;gap:10px;margin-top:auto}.writeform input{flex:1;min-width:0;border:2px solid #b493dd;border-radius:14px;padding:16px;font-size:20px;background:#fff;color:#21132f}.writeform .primary{padding:0 24px}
.accents{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;justify-content:center}.accents button{width:38px;height:38px;border-radius:10px;background:#ffffff90;color:#3c2450;font-size:17px}
.goodline{text-align:center;color:#3f6b25;font-weight:800;font-size:22px;margin-top:auto}
.listenbig{flex:1;display:grid;place-items:center;align-content:center;gap:14px;min-height:220px;color:#5e3f79}.bigsound{width:110px;height:110px;border-radius:50%;background:#c9b0ef;color:#3b2056;display:grid;place-items:center}.bigsound svg{width:50px;height:50px}
.summary .sumbtns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.summary .primary,.summary .secondary{font-size:16px;min-width:0;margin:0}.sumlist{text-align:left}.wide{width:100%;margin-top:16px!important}.summary p{font-size:16px}
.legend{display:flex;gap:16px;justify-content:flex-end;font-size:11px;color:var(--muted)}.legend i{display:inline-block;width:14px;height:5px;border-radius:3px;margin-right:5px;vertical-align:middle}.lg1{background:var(--lime)}.lg2{background:#8a7aa3}
.statrow{width:100%;text-align:left;color:inherit}
.hist div{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.hist span{color:var(--muted);font-size:12px;width:96px;flex-shrink:0}.hist strong{flex:1;font-weight:500}.tools{flex-wrap:wrap}
@media(max-width:600px){.modegrid{grid-template-columns:1fr 1fr;gap:10px}.mode{padding:16px;border-radius:20px}.modelabel{font-size:15px;gap:8px}.modelabel b{width:32px;height:32px;font-size:15px}.modedesc{margin-left:0;margin-top:0;font-size:12px}.mode .worddemo{margin:14px 10px 10px}.mode .worddemo>span{font-size:20px;padding:12px 6px}.mode .worddemo small{font-size:13px}.mode .phrasedemo{font-size:15px;padding:12px 10px}.modestatus{flex-direction:column;gap:2px}.tabs button{padding:10px 14px;font-size:14px}.writeform input{font-size:18px}}
.pacebox{text-align:center;margin:-4px auto 14px}.pacebox small{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.length.pace{margin-top:0}