@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--ink:#263b31;--green:#365d49;--muted:#82877f;--paper:#f8f9f5;--line:#e5e8df;--light:#edf1e8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,select{cursor:pointer}button{color:inherit}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid #a6bd83;outline-offset:3px}aside{width:238px;background:#f1f3ed;border-right:1px solid var(--line);height:100vh;position:fixed;display:flex;flex-direction:column;padding:35px 24px}.brand{display:flex;align-items:center;color:var(--ink);text-decoration:none;font-size:30px;letter-spacing:-1.5px;font-weight:600;gap:9px}.logo{background:var(--green);color:white;width:33px;height:36px;border-radius:9px;font:32px Georgia;text-align:center}.brand-dot{font-size:10px;align-self:flex-start;letter-spacing:0}.aside-label{font-size:9px;letter-spacing:1.7px;color:#91978d;margin:54px 12px 18px}nav{display:grid;gap:9px}nav button{display:flex;align-items:center;gap:14px;text-align:left;padding:13px 15px;font-size:19px;border-radius:7px;color:#777e73}nav button span{font-size:13px}nav button.active{background:#dfe8d9;color:var(--green);font-weight:600}nav b{margin-left:auto;font-size:10px;background:white;padding:3px 6px;border-radius:5px}.aside-bottom{margin-top:auto}.small-leaf{font-size:30px;color:#94a884}.aside-bottom h3{font:20px/1.5 Georgia;margin:15px 0 8px}.aside-bottom p{font-size:11px;color:var(--muted);line-height:1.8;max-width:150px}.aside-bottom>button{margin:25px 0;color:#737d70;font-size:12px}.profile{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:10px;align-items:center;font-size:10px}.profile>span,.avatar{border-radius:50%;background:#e2e7db;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px}.profile small{display:block;font-size:8px;color:var(--muted);margin-top:5px}main{margin-left:238px;padding:0 48px;max-width:1650px}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#777e74;font-size:11px}header>div{display:flex;align-items:center;gap:10px}.live-dot{height:6px;width:6px;background:#89a779;border-radius:50%}.avatar{margin-left:20px}#content{padding-top:38px;min-height:calc(100vh - 150px)}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#7f8b75;font-weight:600;text-transform:uppercase}h1{font:38px/1.25 'Libre Baskerville',Georgia,serif;letter-spacing:-1.2px;margin:13px 0 12px}h2{font:23px 'Libre Baskerville',Georgia,serif;letter-spacing:-.5px}p{line-height:1.7}.sub{color:var(--muted);font-size:12px}.greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.date{font-size:11px;border:1px solid var(--line);border-radius:6px;padding:10px 13px;color:#75806f}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:32px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px 22px}.stat-label{font-size:11px;color:#7c8377;display:flex;justify-content:space-between}.stat-value{font-size:29px;margin-top:12px;letter-spacing:-1px}.stat-value small{font-size:14px;color:#9ba192;letter-spacing:0}.stat-foot{font-size:10px;color:#969d8c;margin-top:8px}.bar{height:4px;background:#edf0e8;border-radius:9px;margin-top:12px;overflow:hidden}.bar>span{display:block;height:100%;background:#89a47c}.section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 16px}.section-head h2{margin:0}.tag{font-size:10px;color:#74806c;border:1px solid #dfe5d7;background:#f0f3eb;padding:6px 10px;border-radius:20px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:23px}.card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.card-top{display:flex;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #f0f1ec;font-size:10px;color:#8c9484}.card-top b{color:var(--green);font-weight:500}.word-area{padding:29px 35px 25px;min-height:315px}.word-level{display:flex;gap:7px;align-items:center;font-size:10px;color:#8a9382}.word-level b{background:#edf2e8;color:#60794e;padding:4px 7px;border-radius:4px}.word{font:46px Georgia;margin:17px 0 12px;letter-spacing:-1px}.sound-row{display:flex;gap:10px;align-items:center;margin-bottom:24px}.sound{border:1px solid var(--line);border-radius:5px;padding:6px 10px;font-size:10px;color:#71816a}.sound:hover{background:var(--light)}.definition{font-size:16px;line-height:1.6}.example{border-left:2px solid #d9e2ce;padding-left:14px;color:#8b9185;font:italic 13px/1.8 Georgia;margin-top:16px}.related{padding-top:14px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:9px;color:#949b8b}.related span{padding:4px 8px;background:#f5f6f1;border-radius:4px;font-size:10px;color:#718168}.card-bottom{border-top:1px solid var(--line);padding:18px 25px;display:flex;align-items:center;justify-content:space-between;gap:8px}.primary{background:var(--green);color:#fff;border:1px solid var(--green);border-radius:6px;padding:11px 18px;font-size:11px}.primary:hover{background:#274d38}.secondary{background:#fff;border:1px solid var(--line);border-radius:6px;padding:11px 15px;font-size:11px}.secondary:hover{background:#f4f6ef}.key{font-size:9px;opacity:.5;margin-left:10px}.side-card{background:#edf1e7;border:1px solid #e0e6d8;border-radius:11px;padding:23px;margin-bottom:17px}.side-card h3{font:18px Georgia;margin:14px 0 10px}.side-card p{font-size:11px;color:#7a846f}.side-card .primary{width:100%;margin-top:8px}.mini-head{display:flex;justify-content:space-between;font-size:11px}.calendar{display:flex;gap:8px;margin:20px 0 12px}.day{text-align:center;flex:1;font-size:9px;color:#929a88}.day i{display:flex;align-items:center;justify-content:center;font-style:normal;border:1px solid #dde3d5;background:#fff;border-radius:50%;width:23px;height:23px;margin:8px auto 0;color:#8b997e}.day.now i{background:var(--green);color:white;border-color:var(--green)}.note{font-size:10px;color:#929b86;line-height:1.8}.up-next{margin-top:24px}.up-row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.up-word{padding:10px 13px;background:white;border:1px solid var(--line);border-radius:6px;color:#838c7b;font-size:11px}.up-word small{margin-left:12px;color:#a1a795}footer{border-top:1px solid var(--line);margin-top:35px;padding:20px 0;font-size:10px;color:#99a08f;display:flex;justify-content:space-between}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}input,select{padding:11px 13px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}input{min-width:220px;flex:1}.word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.library-word{text-align:left;background:white;border:1px solid var(--line);padding:19px;border-radius:9px}.library-word h3{font:23px Georgia;margin:9px 0}.library-word p{font-size:11px;color:var(--muted);margin-bottom:0}.library-word:hover{border-color:#90a583}.empty{text-align:center;padding:65px 24px}.empty h2{margin:20px}.timeline{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:25px}.timeline>div{padding:20px 10px;background:white;border:1px solid var(--line);border-radius:7px;text-align:center}.timeline strong{display:block;font-size:25px;margin:12px}.timeline small{color:var(--muted);font-size:10px}dialog{border:1px solid var(--line);border-radius:16px;width:min(620px,94vw);padding:30px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#172c2259;backdrop-filter:blur(3px)}.modal-close{float:right;font-size:25px}.settings-row{margin:23px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.settings-row label{font-size:12px}.settings-row small{display:block;color:var(--muted);margin-top:5px}.hint{padding:15px;background:var(--light);border-radius:6px;margin-top:12px;font-size:13px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:12px 20px;background:var(--ink);color:white;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;font-size:12px}#toast.visible{opacity:1}.day-control{display:flex;align-items:center;gap:8px}.day-control button{font-size:16px;padding:3px 8px}button:disabled{opacity:.4;cursor:default}@media(min-width:1500px){main{padding:0 65px}.layout{grid-template-columns:minmax(0,1fr) 320px}.word-area{min-height:350px}}@media(max-width:1100px){aside{width:190px;padding:30px 17px}main{margin-left:190px;padding:0 28px}.layout{grid-template-columns:1fr 230px}.word-area{padding:25px}.card-bottom{padding:15px}.key{display:none}}@media(max-width:800px){aside{width:73px;padding:24px 11px}.brand{font-size:0;gap:0}.brand-dot,.aside-label,nav span,nav b,.aside-bottom{display:none}nav{margin-top:40px}nav button{padding:12px;justify-content:center;font-size:22px}main{margin-left:73px;padding:0 20px}.layout{grid-template-columns:1fr}.right-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.side-card{margin:0}.stats{gap:10px}.stat{padding:15px}.greeting{align-items:flex-start}.date{font-size:9px}h1{font-size:30px}.word-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(4,1fr)}}@media(max-width:500px){header{height:70px}header>div{font-size:0}.greeting{display:block}.date{display:inline-block;margin-top:8px}.stats{gap:7px}.stat{padding:12px 10px}.stat-label{font-size:9px}.stat-value{font-size:24px}.stat-foot{font-size:9px}.right-col{grid-template-columns:1fr}.word-area{padding:24px}.word{font-size:40px}.card-bottom{flex-wrap:wrap;justify-content:center}.card-bottom button{flex:1;padding:11px 8px}.section-head{gap:10px}.section-head h2{font-size:20px}.tag{font-size:8px}.word-grid{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(3,1fr)}footer span{display:none}.day-control{font-size:9px}#content{padding-top:25px}}
/* Focused study layout */
:root{--paper:#fafbf9;--ink:#303b34;--green:#40634c;--muted:#92988f;--line:#e8ebe5}body{font-family:'DM Sans',system-ui,sans-serif}aside{position:relative;width:100%;height:83px;background:var(--paper);border-right:0;border-bottom:1px solid var(--line);padding:0 7%;flex-direction:row;align-items:center;gap:55px}.brand{font-size:27px;letter-spacing:-1.3px;font-weight:600;display:block}.brand-period{color:#729469}nav{display:flex;gap:26px;margin:0;height:100%;align-items:center}nav button{padding:8px 0;gap:6px;font-size:12px;border-radius:0;position:relative;color:#969b93}nav button.active{background:none;color:var(--ink);font-weight:600}nav button.active:after{content:'';height:2px;position:absolute;bottom:-23px;left:0;right:0;background:var(--green)}nav b{font-size:9px;background:#eaf0e5;color:var(--green);border-radius:9px;padding:2px 6px;margin-left:2px}#settingsBtn{margin-left:auto;font-size:11px;color:#91988b;padding:8px 0}main{margin:0 auto;max-width:1060px;padding:0 38px}header{display:none}#content{padding-top:65px;min-height:calc(100vh - 160px)}body:has(.study-heading) main{max-width:790px}.study-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px;gap:18px}.study-heading h1{font:28px/1.3 Georgia,serif;letter-spacing:-.65px;margin:0 0 12px}.study-heading p{margin:0;font-size:11px}.study-heading .secondary{font-size:10px;padding:9px 11px;background:transparent;color:#77836f}.study-heading .secondary span{padding-left:10px}.separator{margin:0 12px;color:#d0d6cb}.study-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.day-control{font-size:11px;color:#8c9485;gap:7px}.day-control button{padding:3px 8px;font-size:17px}.order-controls{display:flex;gap:10px;align-items:center}.segmented{display:flex;padding:3px;border-radius:6px;background:#eef1eb;gap:2px}.segmented button{font-size:10px;padding:7px 12px;color:#97a08f;border-radius:4px}.segmented button.selected{background:white;color:#4b6342;box-shadow:0 1px 3px #2e412512}.reshuffle{font-size:19px;color:#839377;padding:5px}.study-progress{height:2px;background:#e7ebe2;margin-bottom:0}.study-progress span{display:block;height:2px;background:#7f9b71;transition:width .2s}.study-heading~.card{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.study-heading~.card .card-top{padding:23px 0 12px;border:0;font-size:9px;color:#a0a697}.study-heading~.card .card-top b{color:#9ba68e}.study-heading~.card .word-area{padding:34px 16px 46px;text-align:center;min-height:355px}.study-heading~.card .word-level{justify-content:center;font-size:9px}.study-heading~.card .word{font-size:57px;margin:25px 0 17px;letter-spacing:-1.5px}.study-heading~.card .sound-row{justify-content:center;margin-bottom:35px}.sound{font-size:10px;padding:6px 10px;background:transparent;border:1px solid #e7ebe1}.definition{font-size:16px}.study-heading~.card .example{border:0;padding:0;margin:16px auto 0;font-size:13px;max-width:490px;line-height:1.9;color:#929b89}.study-heading~.card .related{justify-content:center;margin-top:20px;font-size:8px}.related span{background:#eef2e9;font-size:10px;color:#849376}.study-heading~.card .card-bottom{border:0;justify-content:center;padding:0 0 34px;gap:12px}.study-heading~.card .card-bottom button{min-width:158px}.primary{background:#43634a;border-color:#43634a;padding:12px 19px}.secondary{padding:12px 17px}.study-note{display:flex;justify-content:space-between;margin-top:23px;font-size:10px;color:#a1a899;gap:15px}.study-note button{font-size:10px;color:#7c8d70;padding:0}footer{border:0;text-align:center;display:block;font-size:9px;color:#b4baad;padding:30px 0;margin:25px 0 0}.greeting{margin-bottom:32px}.greeting h1{font-size:30px}.eyebrow{font-size:9px}.date{display:none}.stats{gap:12px}.stat{box-shadow:none;border-radius:7px}.library-word{border-radius:6px}.library-word h3{font-size:22px}.side-card{background:#f1f4ee;border:0}dialog{background:#fafbf9}.note{line-height:1.7}@media(min-width:1500px){main{padding:0 38px}.word-area{min-height:315px}}@media(max-width:800px){aside{width:100%;padding:0 25px;height:73px;gap:32px}.brand{font-size:25px}nav{margin:0;gap:22px}nav button{padding:8px 0;font-size:11px}nav b{display:inline-block}nav button.active:after{bottom:-20px}main{margin:0 auto;padding:0 25px}#content{padding-top:45px}.layout{grid-template-columns:1fr}.study-heading{margin-bottom:30px}}@media(max-width:540px){aside{padding:0 19px;gap:20px;height:68px}.brand{font-size:23px}nav{gap:14px}nav button{font-size:10px}nav button.active:after{bottom:-17px}#settingsBtn{font-size:0;padding:6px}#settingsBtn:before{content:'⚙';font-size:18px}.study-heading{align-items:flex-start;gap:10px}.study-heading h1{font-size:24px}.study-heading p{font-size:10px}.study-heading .secondary{font-size:9px;padding:8px;max-width:115px;line-height:1.5}.separator{margin:0 6px}.study-heading~.card .word{font-size:48px}.study-heading~.card .word-area{padding:25px 0 35px;min-height:330px}.study-heading~.card .card-bottom{flex-wrap:nowrap;gap:10px;padding-bottom:25px}.study-heading~.card .card-bottom button{min-width:0;flex:1;font-size:10px}.study-note{font-size:9px}.study-note button{font-size:9px}.greeting h1{font-size:27px}.stats .stat{padding:12px 10px}.timeline{grid-template-columns:repeat(3,1fr)}footer{padding-top:20px}}
/* Common meanings and examples stay compact until opened. */
.word-uses{margin:0 auto;max-width:540px}.part-switch{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:0 0 24px}.part-button{font-size:10px;padding:6px 11px;border:1px solid transparent;border-radius:5px;color:#a0a994;background:transparent}.part-button.selected{color:#496344;background:#ecf1e7;border-color:#e0e7d8}.part-button:hover{color:#496344;background:#f0f3ec}.sense+.sense{margin-top:24px;padding-top:22px;border-top:1px solid #edf0e8}.sense-number{color:#a4af99;font-size:12px;margin-right:3px}.extra-examples{margin-top:13px}.extra-examples summary{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#8b9b7c;cursor:pointer;list-style:none;padding:5px 3px}.extra-examples summary::-webkit-details-marker{display:none}.extra-examples summary span{font-size:12px}.extra-examples[open] summary span{transform:rotate(45deg)}.dictionary-note{margin-top:22px;color:#b0b7a7;font-size:9px}.dictionary-note span{margin:0 7px}.dictionary-note a{color:#97a28b;text-decoration:none}.dictionary-note a:hover{text-decoration:underline}.library-parts{font-size:9px;color:#8c9a7e;margin:6px 0}.word-uses .definition{line-height:1.7}dialog .word-area{text-align:center}dialog .word-level,dialog .sound-row,dialog .related{justify-content:center}dialog .example{border:0;padding:0}dialog .word-uses{margin-top:23px}.study-heading~.card .sound-row{margin-bottom:20px}.study-heading~.card .word-area{padding-bottom:32px}.study-heading~.card .word-uses .example{margin-top:13px}.extra-examples:focus-within{outline-offset:4px}@media(max-width:540px){.part-switch{gap:4px;margin-bottom:20px}.part-button{font-size:9px;padding:6px 9px}.word-uses .definition{font-size:15px}.word-uses .example{font-size:12px}.dictionary-note{margin-top:18px}.study-heading~.card .word-area{padding-bottom:28px}}
/* In-context dictionary and personal word collection. */
.pronunciation{display:flex;justify-content:center;align-items:flex-start;gap:18px;flex-wrap:wrap;margin:-6px 0 25px}.pronunciation>div{display:flex;align-items:center;gap:7px}.pronunciation .sound{border:0;padding:5px 0;color:#86977a;font-size:9px}.ipa{font-family:'Lucida Sans Unicode','DejaVu Sans',system-ui,sans-serif;font-size:12px;color:#829078}.general-ipa{flex-basis:100%;justify-content:center;font-size:12px;color:#85927c}.general-ipa small{font-size:9px;color:#a1aa97}.part-switch{margin-bottom:17px}.lookup-token{cursor:help;border-radius:2px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:background .15s}.lookup-token:hover,.lookup-token:focus-visible{background:#e7eedf;text-decoration-color:#b9c9a9;outline:none;color:#3f5e36}.save-word{display:block;margin:17px auto 0;color:#7f926f;font-size:10px;padding:7px 12px;border:1px solid #e4ebdc;border-radius:5px;background:transparent}.save-word.is-saved{color:#9ca991;background:#f0f4eb}.source-credit{font-size:9px;color:#9ca791;line-height:1.7;margin-top:17px}.source-credit a{color:inherit}.missing-example{font-size:10px;color:#a4ad99}.word-popup[hidden]{display:none!important}.word-popup{position:fixed;z-index:1000;width:430px;max-width:calc(100vw - 24px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #dfe7d6;box-shadow:0 14px 50px #23381d20;border-radius:13px;color:var(--ink);text-align:left}.popup-top{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;border-bottom:1px solid #eef1e8;font-size:8px;letter-spacing:1.5px;color:#9da991;position:sticky;top:0;background:#fff;z-index:2}.popup-top button{font-size:21px;line-height:1;padding:0 4px;color:#8b997e}.word-popup .word-area{padding:21px 24px 25px;text-align:center;min-height:0}.word-popup .word{font-size:35px;letter-spacing:-.5px;margin:17px 0 22px;overflow-wrap:anywhere}.word-popup .tag{font-size:8px}.word-popup .part-switch{gap:3px}.word-popup .part-button{padding:5px 8px;font-size:9px}.word-popup .pronunciation{gap:11px;margin-bottom:21px}.word-popup .ipa{font-size:11px}.word-popup .definition{font-size:13px;line-height:1.8}.word-popup .example{font-size:12px;line-height:1.9;border:0;margin-top:12px;padding:0;color:#929d87}.word-popup .related{justify-content:center;margin-top:17px;font-size:8px}.word-popup .sense+.sense{margin-top:20px;padding-top:18px}.word-popup .word-uses{margin-top:0}.word-popup .dictionary-note{margin-top:18px}.lookup-loading{padding:25px;font-size:12px;color:#8c9980;line-height:1.8}.lookup-loading h3{font:28px Georgia;color:var(--ink)}.lookup-loading a{color:#6f8660;font-size:10px}.lookup-base{font-size:9px;color:#98a98a;padding:15px 24px 0}.detail-word>.related{justify-content:center}.personal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.personal-actions{display:flex;gap:10px}.personal-word{min-width:0;background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.personal-word>.library-word{border:0;border-radius:0;width:100%;min-height:155px}.personal-word-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f2ec;padding:11px 15px;font-size:9px;color:#a0aa95}.personal-word-actions button{font-size:10px;color:#8e9b81;padding:3px}.personal-word h3{overflow-wrap:anywhere}.personal-storage-note{margin-top:27px;font-size:10px;color:#9aa58f;line-height:1.8}.editor-label,#wordEditor label,.editor-phonetics label{display:block;font-size:11px;line-height:1.7;color:#7e8d71}.editor-label{margin:20px 0}#wordEditor input,#wordEditor textarea,#wordEditor select,#lookupForm input{display:block;width:100%;min-width:0;margin-top:6px;font-size:12px;border:1px solid #dfe6d7;border-radius:5px;padding:10px 12px;background:white;color:var(--ink)}#wordEditor textarea{resize:vertical;font:12px/1.7 'DM Sans',sans-serif}#wordEditor small{font-size:9px;color:#a1ab96;margin-left:7px}.editor-phonetics{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:22px}.meaning-editor{border:1px solid #e2e8da;border-radius:8px;padding:17px;margin:18px 0}.meaning-editor label{margin-top:12px}.meaning-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.meaning-heading>label{margin-top:0!important}.meaning-heading>button{font-size:9px;color:#a0aa96}.form-error{font-size:11px;color:#a15d42}.detail-word>.word{overflow-wrap:anywhere}dialog{max-height:90vh;overflow:auto}.personal-word-actions span{font-size:8px}nav{gap:23px}@media(max-width:650px){aside{gap:20px;padding-left:20px;padding-right:20px}nav{gap:14px}.pronunciation{gap:14px}.personal-toolbar{align-items:flex-start}.personal-actions{flex-wrap:wrap}.personal-actions button{font-size:10px}}@media(max-width:470px){aside{gap:12px;padding-left:14px;padding-right:14px}.brand{font-size:22px}nav{gap:10px}nav button{font-size:9px}nav b{font-size:8px;padding:2px 4px}#settingsBtn{padding:2px}.pronunciation>div{gap:5px}.ipa{font-size:11px}.word-popup .word-area{padding:18px}.editor-phonetics{gap:8px}.meaning-editor{padding:13px}.personal-toolbar{gap:10px}.personal-toolbar>.sub{font-size:9px;min-width:55px}}
.review-scope{display:inline-flex;margin-bottom:28px}.personal-actions{flex-wrap:wrap}.personal-actions #reviewPersonal{color:#4d6d3e;border-color:#dce5d2;background:#f0f4e9}.personal-actions #reviewPersonal:disabled{background:transparent;color:#9aa58f}.personal-toolbar{align-items:flex-start}
/* Keep lookup actions visible independently of dictionary-entry length. */
.word-popup{display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.popup-top{display:block;position:relative;flex:0 0 auto;padding:13px 16px 12px;background:#f9fbf6;border-bottom:1px solid #e1e8d9;z-index:2}.popup-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.popup-heading>div{display:flex;align-items:center;gap:14px}.popup-heading [data-pin-lookup]{font-size:9px;color:#6c815b;letter-spacing:0;line-height:1.4}.popup-actionbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.popup-actionbar strong{font:24px/1.3 Georgia,serif;letter-spacing:-.5px;color:#34472c;overflow-wrap:anywhere}.popup-top .popup-save{padding:10px 13px;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;background:#40634c;color:white;border:1px solid #40634c;border-radius:6px;letter-spacing:0;flex-shrink:0}.popup-top .popup-save:hover{background:#34523e}.popup-top .popup-save:disabled{opacity:.55;cursor:wait}.popup-top .popup-save.is-saved{background:#e6eedc;color:#54713f;border-color:#d6e2c9}.popup-save-status{font-size:9px;letter-spacing:0;color:#8c9d7e;line-height:1.7;margin-top:9px}.popup-mywords{font-size:10px!important;line-height:1.5!important;color:#51733f!important;margin-top:6px;padding:0!important;letter-spacing:0}.popup-content{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;min-height:0}.popup-content .word-area{padding-top:17px}.popup-content .detail-word>.word{display:none}.lookup-error-note{font-size:10px;color:#98a58c;margin-top:20px}.popup-content .lookup-loading h3{font-size:23px;margin-top:0}@media(max-width:400px){.popup-actionbar{gap:9px}.popup-actionbar strong{font-size:21px}.popup-top .popup-save{font-size:10px;padding:9px 10px}.popup-top{padding:12px 14px}}
/* Learn, revisit, and practise spelling without adding visual clutter. */
.study-modes{display:inline-flex;margin:-8px 0 24px}.word-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0 0}.text-action{font-size:10px;color:#7b8f6b;padding:5px 0}.text-action:disabled{opacity:.35}#saveStatus{font-size:9px;color:#9aa98c;text-align:center;line-height:1.7}.spelling-card .word-area{padding:35px 20px 25px!important}.spelling-card .word-level{justify-content:center}.spelling-definition{font:25px/1.65 Georgia,serif;margin:29px auto 15px;max-width:540px;color:#3f5335}.spelling-instruction{font-size:11px;color:#929f86;margin-bottom:25px}#spellingForm{display:flex;gap:9px;align-items:stretch;max-width:480px;margin:0 auto}#spellInput{min-width:0;width:100%;flex:1;background:white;font-size:17px;letter-spacing:1px;padding:13px 15px;border:1px solid #dce5d2}#spellInput:focus{outline:2px solid #b5c99e;outline-offset:1px}#spellingForm .primary{white-space:nowrap;font-size:11px}.spell-feedback{font-size:11px;min-height:22px;line-height:1.8;margin-top:13px}.spell-feedback.wrong{color:#a2754e}.spelling-clue{font-size:11px;color:#839373;padding:14px 18px;background:#f0f4eb;border-radius:7px;max-width:480px;margin:12px auto 0}.spelling-clue .example{margin-top:12px;font-size:12px}.spelling-answer{margin:25px 0}.spelling-answer>span{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#9aa88c}.spelling-answer strong{display:block;font:44px/1.3 Georgia,serif;color:#526a43;letter-spacing:-.7px;margin:9px 0 22px}.spelling-answer.correct strong{color:#365d3b}.spelling-saved{font-size:10px;color:#97a588}.spell-word-details>summary{display:inline-block;color:#8a9e78;font-size:10px;cursor:pointer;padding:10px 0}.spell-word-details .word-uses{margin-top:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.study-heading~.spelling-card .card-bottom{align-items:center}.study-heading~.spelling-card .card-bottom button{min-width:145px}@media(max-width:540px){.word-navigation{gap:10px;flex-wrap:wrap}.word-navigation .text-action{font-size:9px}#saveStatus{font-size:8px;order:3;flex-basis:100%}.study-modes{margin-bottom:20px}.spelling-definition{font-size:22px;line-height:1.6;margin-top:25px}#spellingForm{flex-direction:column;gap:10px}#spellInput{font-size:16px}.spelling-card .word-area{padding:24px 0 20px!important}.spelling-answer strong{font-size:36px}.spelling-saved{font-size:8px}.study-heading~.spelling-card .card-bottom button{min-width:0}.text-action:last-child{margin-left:auto}}
/* A readable daily word list and a clear learn-then-spell sequence. */
.day-list-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:15px 18px;margin:0 0 22px;border:1px solid #cddcc2;border-radius:8px;background:#f0f5e9;font-size:16px;font-weight:600;color:#3e5f35}.day-list-toggle>span{font-size:13px;color:#7d9469;font-weight:400}.day-stage{display:flex;align-items:center;gap:14px;background:#f0f3ec;border:1px solid #e0e7d7;border-radius:10px;padding:18px 20px;margin:-8px 0 24px}.stage-number{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#dfe9d5;color:#4c6a3c;font-size:16px;font-weight:600;flex-shrink:0}.day-stage>div{flex:1}.day-stage b{display:block;font-size:16px;color:#435d37}.day-stage>div>span{display:block;font-size:12px;color:#899a7b;margin-top:5px;line-height:1.7}.day-stage.is-complete{background:#eaf2e3;border-color:#cfddc1}.day-stage .primary,.day-stage .secondary{font-size:14px;padding:13px 17px}.daily-word-list{margin-top:0;background:white;border:1px solid #dfe6d6;border-radius:0 0 10px 10px;overflow:hidden}.daily-list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 24px;background:#fbfcf8;border-bottom:1px solid #e4eadd}.daily-list-heading h2{font:22px Georgia,serif;margin:0}.daily-list-heading p{font-size:13px;color:#8b9b7c;margin:8px 0 0}.daily-list-heading>span{font-size:13px;color:#6d8759;white-space:nowrap}.daily-word-list ol{display:flex;flex-direction:column;padding:0;margin:0;list-style:none}.daily-word-list li+li{border-top:1px solid #eef1e8}.daily-word-row{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 80px 16px;gap:16px;align-items:center;padding:19px 24px;text-align:left;min-height:88px;transition:background .15s}.daily-word-row:hover{background:#f3f7ed}.daily-word-row.is-current{background:#eff5e7;box-shadow:inset 3px 0 #86a76c}.daily-word-index{font-size:13px;color:#a2ae96;font-variant-numeric:tabular-nums}.daily-word-copy strong{display:block;font:25px/1.3 Georgia,serif;color:#3e5533;letter-spacing:-.3px}.daily-word-copy>span{display:block;font-size:13px;line-height:1.7;color:#8d9b80;margin-top:5px}.daily-word-status{font-size:12px;color:#a0aa97;text-align:right}.daily-word-status.done{color:#78945d}.daily-word-arrow{font-size:24px;color:#9cad8d}.daily-list-save{padding:18px 24px;background:#fbfcf8;border-top:1px solid #e8eddf;text-align:center}.single-word-study .card{background:transparent;border:0;border-bottom:1px solid #dce5d2;border-radius:0}.single-word-study .card-top{padding:23px 0 12px;border:0;font-size:12px;color:#91a080}.single-word-study .word-area{padding:34px 16px 35px;text-align:center;min-height:355px}.single-word-study .word-level{justify-content:center;font-size:12px}.single-word-study .word{font-size:59px;margin:23px 0 25px;letter-spacing:-1.4px}.single-word-study .example{border:0;padding:0;max-width:510px;margin:17px auto 0;font-size:15px;line-height:1.9}.single-word-study .related{justify-content:center;font-size:10px;margin-top:20px}.single-word-study .card-bottom{border:0;justify-content:center;padding:0 0 32px;gap:14px}.single-word-study .card-bottom button{min-width:180px;font-size:16px;padding:14px 20px}.word-navigation{padding-top:22px;gap:18px}.word-navigation .text-action{font-size:16px;font-weight:600;color:#4c6e3b;border:1px solid #d5e1ca;background:#eff4e9;border-radius:7px;padding:12px 16px;min-height:46px}.word-navigation .text-action:hover{background:#e4eedb}.word-navigation .text-action:disabled{opacity:.35}.word-navigation #saveStatus{font-size:11px;color:#95a487}.primary,.secondary{font-size:13px}.day-control{font-size:14px}.day-control button{font-size:24px;padding:4px 12px}.segmented button{font-size:12px;padding:8px 13px}.definition{font-size:18px}.part-button{font-size:12px}.ipa{font-size:14px}.pronunciation .sound{font-size:12px}.extra-examples summary{font-size:12px}.spelling-complete{padding:45px 26px;text-align:center;margin-top:0}.spelling-complete>.stage-number{margin:0 auto 22px;width:47px;height:47px;font-size:23px}.spelling-complete h2{font-size:27px;line-height:1.5}.spelling-complete p{font-size:14px;color:#89997a}.spelling-complete>div:last-child{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:27px}.spelling-complete .primary,.spelling-complete .secondary{font-size:14px;padding:13px 17px}.study-heading .sub{font-size:13px}.study-heading .secondary{font-size:12px}nav button{font-size:14px}#settingsBtn{font-size:13px}@media(max-width:650px){nav{gap:15px}nav button{font-size:12px}.day-stage{flex-wrap:wrap;padding:16px}.day-stage .primary,.day-stage .secondary{margin-left:48px}.daily-word-row{grid-template-columns:25px minmax(0,1fr) 65px 10px;gap:11px;padding:17px}.daily-list-heading{padding:20px 17px}.daily-list-heading p{font-size:12px}.word-navigation{flex-wrap:wrap}.word-navigation #saveStatus{order:3;flex-basis:100%}.word-navigation .text-action{font-size:15px;padding:11px 14px}.single-word-study .word-area{padding:25px 0 28px}.single-word-study .word{font-size:49px}.single-word-study .card-bottom button{min-width:0;flex:1;font-size:14px;padding:13px 10px}.daily-word-copy strong{font-size:23px}.daily-word-copy>span{font-size:12px}.daily-word-status{font-size:11px}}@media(max-width:470px){nav{gap:10px}nav button{font-size:10px}#settingsBtn{font-size:0}.daily-list-heading{align-items:flex-start}.daily-list-heading h2{font-size:21px}.daily-list-heading>span{font-size:11px}.daily-word-row{grid-template-columns:21px minmax(0,1fr) 56px 9px;gap:8px;padding:16px 13px}.day-stage>div>span{font-size:11px}.day-stage b{font-size:15px}.day-list-toggle{font-size:15px;padding:14px}.word-navigation .text-action{font-size:14px;padding:12px}.single-word-study .example{font-size:14px}.single-word-study .word{font-size:44px}}
@media(max-width:560px){aside{display:grid;grid-template-columns:1fr auto;gap:10px;height:auto;min-height:92px;padding:15px 20px 0}.brand{grid-column:1;grid-row:1;font-size:26px}#settingsBtn{grid-column:2;grid-row:1;font-size:12px;padding:7px 0;margin:0}#settingsBtn:before{display:none}nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;height:43px;gap:7px;margin:0}nav button{font-size:12px;padding:9px 0}nav button.active:after{bottom:-6px}nav b{font-size:9px}main{padding-left:20px;padding-right:20px}}