:root{color-scheme:light;--paper:#f7f8f2;--white:#fff;--ink:#253d39;--muted:#7b8981;--green:#31765c;--green-dark:#245641;--mint:#edf5e9;--orange:#e9854d;--line:#e8ebe1;--radius:22px;--shadow:0 7px 20px #263e2c04;font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e99d40;outline-offset:4px}button svg,a svg{flex:none}svg.icon{width:21px;height:21px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.22}h1{letter-spacing:-1.6px}h2{font-size:1.35rem;letter-spacing:-.45px}h3{font-size:1.1rem;letter-spacing:-.3px}small{font-size:.8rem}button{border:0;background:none}button,.button{transition:background .18s,transform .18s,box-shadow .18s}button:not(:disabled):active,.button:active{transform:translateY(2px)}.skip-link{position:fixed;left:20px;top:-100px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{height:96px;background:#fffdf9;border-bottom:1px solid var(--line)}.header-inner{max-width:1328px;height:100%;padding:0 32px;margin:auto;display:flex;align-items:center;gap:52px}.brand{display:flex;align-items:center;gap:11px;font-size:1.8rem;font-weight:850;letter-spacing:-1.1px;line-height:1.1;flex:none}.brand>span>span{color:var(--orange)}.brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:7px;font-weight:750;color:#7d8a79}.brand-mark{background:#e9874e;color:#fff9e9;border-radius:14px;width:44px;height:46px;display:grid;place-items:center;transform:rotate(-7deg)}.brand-mark .icon{width:28px;height:28px;stroke-width:2}.site-header nav{display:flex;gap:29px;height:100%;align-items:stretch;flex:1}.site-header nav a{position:relative;display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:#7f8982;white-space:nowrap}.site-header nav a.active{color:var(--green)}.site-header nav a.active:after{content:"";position:absolute;height:3px;bottom:0;left:0;right:0;border-radius:4px;background:var(--green)}.header-stats{display:flex;align-items:center;gap:22px}.header-stats>span{display:flex;align-items:center;gap:7px;font-size:.95rem}.streak-stat{color:#e5894f}.coin{display:inline-grid;place-items:center;background:#ffce68;border:2px solid #edb544;border-radius:50%;color:#a87320;width:24px;height:24px;font-size:17px;line-height:1}.profile-button{width:39px;height:39px;border-radius:50%;background:#eaf0e5;display:grid;place-items:center;color:#627d57}.profile-button:hover{background:#dde9d5}main{max-width:1328px;padding:31px 32px 0;margin:auto;min-height:calc(100vh - 183px)}main:focus{outline:0}.greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.greeting h1{font-size:1.6rem;letter-spacing:-.6px;font-weight:750}.greeting p{color:var(--muted);font-size:.91rem;margin-top:5px}.date-label{display:flex;gap:7px;align-items:center;color:#879084;font-size:.82rem}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:24px;align-items:start}.main-column,.side-column{display:grid;gap:23px;min-width:0}.hero{isolation:isolate;position:relative;border-radius:var(--radius);min-height:282px;overflow:hidden;background:#e8efdd url('assets/forest.png') 65% 57%/cover no-repeat;padding:30px 33px;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#ecf1e5f5 0%,#ecf1e5d9 30%,#ecf1e52e 62%,transparent 90%)}.hero-copy{position:relative;max-width:400px}.eyebrow{display:flex;align-items:center;gap:7px;font-weight:750;letter-spacing:1.7px;color:#578168;font-size:.67rem;text-transform:uppercase}.hero h2{font-size:2.7rem;line-height:1.12;letter-spacing:-1.65px;margin:14px 0 12px;font-weight:800}.hero h2 em{color:var(--green);font-style:normal}.hero-copy>p{font-size:.9rem;color:#617568;max-width:270px}.hero-actions{display:flex;align-items:center;gap:16px;margin-top:23px}.primary,.secondary,.button{border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:.9rem;padding:12px 19px;min-height:44px}.primary{background:var(--green);color:#fff;box-shadow:0 3px 0 #24533f}.primary:hover{background:var(--green-dark);box-shadow:0 4px 0 #1c4534}.primary.orange{background:#e88952;box-shadow:0 3px 0 #c56d3b}.primary.orange:hover{background:#d77843}.secondary{background:#f3f5ed;color:#53765c;border:1px solid #e2e8da}.secondary:hover{background:#e9efdf}.hero-actions>span{font-size:.76rem;color:#6b7e6b;display:flex;gap:5px;align-items:center}.hero-actions>span .icon{width:15px;height:15px}.trail-label{position:absolute;right:21px;bottom:18px;display:flex;align-items:center;gap:5px;background:#fff9e5d9;border:1px solid #fff9e9;padding:6px 11px;border-radius:20px;font-size:.69rem;font-weight:650;color:#59724e;backdrop-filter:blur(8px)}.trail-label .icon{width:14px;height:14px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.words-card{padding:23px 25px 17px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.section-heading .heading-with-icon{display:flex;align-items:center;gap:12px}.section-heading p{font-size:.8rem;color:var(--muted);margin-top:5px}.section-symbol{display:grid;place-items:center;width:39px;height:42px;color:#6f925f;background:#f0f4e8;border-radius:12px;flex:none}.section-symbol .icon{width:23px;height:23px}.text-button{display:inline-flex;gap:6px;align-items:center;color:#628574;font-weight:600;font-size:.78rem;padding:7px 0}.text-button:hover{color:var(--green-dark);text-decoration:underline}.text-button .icon{width:16px;height:16px}.word-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:0;margin-top:18px}.word-row{display:grid;grid-template-columns:1fr 24px 1fr 29px;align-items:center;min-height:44px;border-bottom:1px solid #f0f1eb;font-size:.86rem;gap:9px}.word-row:nth-last-child(-n+2){border-bottom:0}.word-row strong{font-weight:700;color:#35483e}.word-row .translation{color:#78857a}.word-arrow{color:#bdc6b7;font-size:.9rem}.sound-button{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;color:#8c9d83}.sound-button:hover{background:#edf5e7;color:#397058}.sound-button .icon{width:16px;height:16px}.words-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:11px;gap:12px;align-items:center;font-size:.72rem;color:#84917f}.word-dot{width:7px;height:7px;background:#e7b061;display:inline-block;border-radius:50%;margin-right:5px}.game-section .section-heading{margin:0 1px 13px;align-items:center}.game-section h2{font-size:1.12rem}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mode-card{text-align:left;padding:19px 19px 15px;border:1px solid transparent;border-radius:17px;position:relative;overflow:hidden;min-height:153px;display:flex;flex-direction:column;align-items:flex-start}.mode-card:hover{transform:translateY(-3px);box-shadow:0 6px 14px #243c3c0c}.mode-card.match{background:#edf3e4;border-color:#e2e9d6}.mode-card.memory{background:#f0edf7;border-color:#e8e2f2}.mode-card.quiz{background:#fdf1e0;border-color:#f3e8d7}.mode-icon{width:34px;height:34px;border-radius:11px;margin-bottom:11px;display:grid;place-items:center;transform:rotate(-6deg)}.match .mode-icon{color:#6d9162;background:#dce9ce}.memory .mode-icon{color:#9381b8;background:#e4daf2}.quiz .mode-icon{color:#ce9450;background:#f6deba}.mode-card h3{font-size:1rem}.mode-card p{font-size:.74rem;margin-top:5px;color:#7e887b;max-width:150px}.mode-card .mode-meta{font-size:.65rem;color:#8b9286;margin-top:13px;letter-spacing:.2px}.mode-decoration{position:absolute;right:18px;top:20px;color:#7c956228;font-weight:800;font-size:52px;line-height:1;transform:rotate(15deg)}.memory .mode-decoration{color:#9984b12e}.quiz .mode-decoration{color:#c79d5e30}.dog-card{padding:21px 22px 22px;overflow:hidden;position:relative;background:#fffefa}.dog-topline{display:flex;justify-content:space-between;align-items:center}.dog-topline h2{font-size:1.02rem}.level-chip{font-size:.63rem;background:#f0f3e7;padding:4px 9px;border-radius:20px;color:#829365;font-weight:700}.dog-scene{position:relative;height:206px;isolation:isolate;margin:0 -12px;display:grid;place-items:center}.dog-scene:before{content:"";position:absolute;width:193px;height:169px;border-radius:50% 50% 42% 44%;background:radial-gradient(ellipse,#f2f4de 20%,#f8f8ef 70%);bottom:8px;z-index:-1}.dog-image{height:205px;width:205px;object-fit:contain;transition:transform .25s;filter:drop-shadow(0 7px 3px #7b785d0b)}.dog-pet{padding:0;display:block;border-radius:50%;position:relative}.dog-pet:hover .dog-image{transform:rotate(-3deg) translateY(-3px)}.dog-pet.wiggle .dog-image{animation:wiggle .6s ease}.dog-spark{position:absolute;color:#e9c972;font-size:18px;right:29px;top:45px}.dog-spark.second{left:27px;top:100px;font-size:13px}.dog-name{text-align:center;font-size:1.5rem;letter-spacing:-.8px}.dog-caption{text-align:center;font-size:.78rem;color:#8a9384;margin:4px 0 17px}.level-caption{display:flex;justify-content:space-between;font-size:.69rem;color:#7c8b76;margin-bottom:7px}.progress-track{height:7px;background:#edf0e6;border-radius:10px;overflow:hidden}.progress-track>span{display:block;height:100%;border-radius:10px;background:#9cb77f;transition:width .3s}.dog-card .secondary{width:100%;margin-top:18px;font-size:.8rem;background:#f3f5e9}.dog-card .secondary .icon{width:17px;height:17px}.week-card{padding:20px 20px 17px}.week-card h2{font-size:1rem;display:flex;align-items:center;gap:8px}.week-card h2 .icon{width:19px;color:#d6a55e}.week-card>p{font-size:.75rem;color:#8a9487;margin-top:5px}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:19px;text-align:center}.day-label{font-size:.63rem;color:#99a08f;display:block;margin-bottom:7px}.day-circle{display:grid;place-items:center;background:#f1f3eb;color:#c2cabb;aspect-ratio:1;border-radius:50%;font-size:.7rem}.day-circle .icon{width:13px;height:13px}.day-circle.done{background:#8fab78;color:white}.day-circle.today{outline:1px dashed #9aaf85;outline-offset:2px;color:#718860}.streak-note{margin-top:19px;border-top:1px solid #f0f1e9;padding-top:13px;display:flex;align-items:center;gap:7px;color:#8a967d;font-size:.7rem}.streak-note .icon{width:15px;color:#ceaf79}.tip-card{padding:0 11px;display:flex;gap:10px;color:#8b987e}.tip-card>.icon{width:19px;height:19px;flex:none;margin-top:3px;color:#adb889}.tip-card p{font-size:.74rem;line-height:1.65}.tip-card strong{display:block;color:#728665;font-weight:650;margin-bottom:3px}.site-footer{max-width:1328px;padding:27px 32px 21px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.68rem;color:#a0a895}.site-footer>span:first-child{display:flex;gap:7px;align-items:center}.site-footer .icon{width:14px;height:14px}.site-footer button{font-size:inherit;color:inherit}.site-footer button:hover{color:var(--green)}.page-heading{margin:6px 0 28px}.page-heading h1{font-size:2rem;letter-spacing:-1px}.page-heading p{color:var(--muted);margin-top:8px}.page-heading .eyebrow{margin-bottom:10px}.page-shell{max-width:1040px;margin:auto}.page-shell .mode-card{min-height:220px;padding:28px}.page-shell .mode-card h3{font-size:1.35rem}.page-shell .mode-card p{font-size:.9rem;max-width:220px}.page-shell .mode-icon{width:45px;height:45px;margin-bottom:25px}.page-shell .mode-meta{font-size:.8rem}.daily-banner{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;margin-bottom:28px;gap:24px;background:#edf3e6}.daily-banner p{color:#74846a;margin-top:7px;font-size:.9rem}.subtle-note{color:var(--muted);font-size:.85rem;line-height:1.7;margin-top:22px}.collection-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.search-field{flex:1;position:relative;min-width:180px}.search-field .icon{position:absolute;left:14px;top:14px;color:#91a087}.search-field input{width:100%;padding-left:43px}input,select{border:1px solid #dce3d7;background:white;border-radius:10px;min-height:47px;padding:10px 14px;color:var(--ink)}.collection-tools select{max-width:100%;font-size:.9rem}.pack-intro{padding:22px 25px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;background:#eff4e7}.pack-intro p{font-size:.85rem;color:#7c8a70;margin-top:5px}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-word{display:flex;align-items:center;gap:16px;padding:16px 20px}.collection-word .word-main{flex:1}.collection-word strong{display:block}.collection-word p{font-size:.85rem;color:#809079}.collection-word .example{font-size:.75rem;font-style:italic;margin-top:5px;color:#899583}.word-status{font-size:.67rem;background:#f4f5ef;color:#8c9584;border-radius:8px;padding:5px 8px;white-space:nowrap}.word-status.due{background:#fbeddb;color:#a77a42}.word-status.known{background:#eaf3e4;color:#6d8d59}.empty-state{grid-column:1/-1;text-align:center;padding:60px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat-card{padding:23px}.stat-card .stat-value{display:block;font-size:2.2rem;line-height:1.3;font-weight:750;color:#56805b;letter-spacing:-1px}.stat-card .stat-label{font-size:.85rem;color:#849179}.progress-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.progress-card{padding:28px}.progress-card>p{font-size:.88rem;color:var(--muted);margin-top:7px}.mastery-row{display:flex;justify-content:space-between;font-size:.85rem;margin:21px 0 7px}.progress-card .progress-track{height:9px}.progress-card .week{max-width:300px}.level-stages{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.level-stages span{font-size:.75rem;background:#f0f4e9;border-radius:6px;padding:6px 10px}.due-list{list-style:none;margin:20px 0;padding:0}.due-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:.85rem;display:flex;justify-content:space-between;gap:15px}.due-list li span{color:#8e997f}.dog-shop-layout{display:grid;grid-template-columns:300px 1fr;gap:25px}.dog-shop-layout .dog-scene{height:266px}.dog-shop-layout .dog-image{width:255px;height:255px}.dog-shop-layout .dog-card{align-self:start;position:sticky;top:24px}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.shop-item{padding:22px;display:flex;flex-direction:column;align-items:flex-start}.item-illustration{width:62px;height:62px;background:#f5f4e9;border-radius:18px;display:grid;place-items:center;font-size:2rem;margin-bottom:16px}.shop-item h3{font-size:1.05rem}.shop-item p{font-size:.8rem;color:#89927f;margin:6px 0 17px;flex:1}.shop-item button{width:100%;font-size:.8rem;min-height:40px}.shop-item.owned{border-color:#cbdcbd}.shop-item .coin{width:17px;height:17px;font-size:11px}.accessory{position:absolute;pointer-events:none}.accessory.bandana{left:40%;top:62%;width:23%;height:15%;background:#d46748;clip-path:polygon(0 0,100% 0,53% 100%);filter:drop-shadow(0 2px 0 #95351b)}.accessory.collar{left:40%;top:62%;width:23%;height:7%;border-radius:5px;background:#469dac;border:2px solid #327e8a}.accessory.collar:after{content:'★';color:#f9cd5c;font-size:15px;position:absolute;left:40%;top:2px}.accessory.cape{left:29%;top:57%;width:42%;height:29%;background:#517967;z-index:-1;border-radius:8px 8px 45px 45px}.accessory.crown{top:0;left:32%;font-size:50px;transform:rotate(-8deg)}.accessory.ball{bottom:2%;right:3%;font-size:35px}.accessory.bed{left:10%;bottom:0;width:82%;height:16%;background:#b5c3a0;box-shadow:inset 0 5px 0 #8b9e70;border-radius:50%;z-index:-1}.accessory.cabin{bottom:0;right:-10%;font-size:84px;opacity:.7;z-index:-1}.accessory.stars{inset:0;color:#dfb55c;font-size:24px;display:flex;align-items:center;justify-content:space-between;animation:glow 2s infinite alternate}.dog-scene .dog-pet{isolation:isolate}.dialog-close{position:absolute;right:20px;top:20px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f3f5ef;color:#8a9480;z-index:5}.dialog-close:hover{background:#e8eddf}dialog{border:1px solid var(--line);border-radius:25px;padding:0;width:min(710px,calc(100% - 32px));max-height:calc(100dvh - 40px);color:var(--ink);box-shadow:0 30px 100px #18392a33;background:#fffefa;overscroll-behavior:contain}dialog::backdrop{background:#203c3659;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.game-shell{padding:35px 38px}.game-header{padding-right:28px}.game-header h2{font-size:1.45rem}.game-header p{font-size:.86rem;color:#83917d;margin-top:7px}.session-progress{display:flex;align-items:center;gap:14px;margin:25px 0 30px;color:#88957d;font-size:.78rem}.session-progress .progress-track{flex:1}.question-prompt{text-align:center;font-size:.88rem;color:#8a967f}.question-word{text-align:center;font-size:2.5rem;letter-spacing:-1px;margin:13px 0 9px;font-weight:750}.question-sound{text-align:center;margin-bottom:26px}.question-sound .text-button{font-size:.8rem}.answer-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0 15px}.answer-button{display:flex;align-items:center;gap:13px;border:2px solid #e5eadd;padding:16px 18px;border-radius:13px;background:#fff;font-weight:650;font-size:1rem;text-align:left}.answer-button .keycap{display:grid;place-items:center;border:1px solid #e2e8d8;color:#a0aa93;width:25px;height:25px;border-radius:6px;font-size:.7rem;font-weight:400}.answer-button:hover:not(:disabled){border-color:#91ad76;background:#f6f9f1}.answer-button.correct{background:#e9f4df;border-color:#91b778;opacity:1}.answer-button.incorrect{background:#fbefdf;border-color:#dcb489;opacity:1}.answer-button:disabled{opacity:.55}.typing-form{margin-top:25px}.typing-form label{display:block;font-size:.85rem;margin-bottom:8px}.typing-row{display:flex;gap:10px}.typing-row input{flex:1;min-width:0}.hint-line{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:#8c967f;margin-top:8px}.feedback{border-radius:13px;padding:17px 20px;margin-top:20px;background:#edf4e6;line-height:1.55}.feedback.wrong{background:#fcf1e2}.feedback strong{display:block;font-size:1rem}.feedback p{font-size:.85rem;margin-top:5px;color:#75846a}.feedback .example{font-style:italic;margin-top:8px}.feedback .primary{margin-top:15px}.question-footer{text-align:center;margin-top:24px;color:#9ba38f;font-size:.72rem}.intro-words{margin:23px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.intro-word{display:flex;gap:10px;align-items:center;justify-content:space-between;background:#f1f4e9;border-radius:11px;padding:13px 15px}.intro-word strong{display:block;font-size:.95rem}.intro-word span{font-size:.85rem;color:#859077}.intro-note{color:#87927c;font-size:.83rem;line-height:1.7;margin-top:18px}.result{text-align:center;padding:10px 0}.result-symbol{width:77px;height:77px;display:grid;place-items:center;margin:0 auto 19px;border-radius:50%;background:#f5e9c8;color:#c6a04d;font-size:2.3rem}.result h2{font-size:2rem;letter-spacing:-1px}.result>p{color:#85917b;font-size:.9rem;margin:12px auto 23px;max-width:450px}.result-stats{display:flex;justify-content:center;gap:35px;margin:23px 0}.result-stats strong{display:block;font-size:1.5rem;color:#548257}.result-stats small{color:#8c967f}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:24px;flex-wrap:wrap}.result-review{background:#f4f5ec;padding:15px;border-radius:12px;font-size:.85rem;margin-top:24px;color:#7b8b6b}.match-board{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.match-column{display:grid;gap:10px}.match-word{padding:16px 10px;border:2px solid #e2e8d9;border-radius:12px;background:#fff;min-height:58px;font-weight:650}.match-word.selected{background:#fdf0d8;border-color:#dfb87b}.match-word.matched{background:#edf4e5;border-color:#c3d7b2;color:#7b9963;opacity:.65}.match-word.mismatch{background:#ffebdc;border-color:#e8b893}.board-status{min-height:28px;margin-top:18px;color:#7f906f;font-size:.86rem;text-align:center}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:22px}.memory-card{aspect-ratio:1.06;border:2px solid #ddd9ea;background:#eeeaf5;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:7px;font-size:.88rem;font-weight:650;overflow-wrap:anywhere;color:#9484ac;transition:transform .25s,background .25s}.memory-card .icon{width:29px;height:29px;color:#b3a4c7}.memory-card small{font-size:.55rem;letter-spacing:1px;color:#a0aa94}.memory-card.flipped{background:#fffdf7;border-color:#dddcca;color:#425840;transform:rotateY(0)}.memory-card.matched{background:#edf4e4;border-color:#cadbbb;color:#7b9665;opacity:.75}.exit-prompt{text-align:center;padding:48px 30px}.exit-prompt h2{margin-bottom:12px}.exit-prompt p{color:var(--muted)}.exit-prompt .result-actions{margin-top:25px}#settings-dialog,#info-dialog{width:min(600px,calc(100% - 32px))}.settings-shell,.info-shell{padding:34px}.settings-shell h2,.info-shell h2{padding-right:32px;font-size:1.5rem}.settings-shell>p,.info-shell>p{color:#7f8b77;font-size:.9rem;margin:12px 0 22px;line-height:1.75}.field{display:grid;gap:7px;margin:19px 0}.field label{font-size:.85rem;font-weight:650}.check-field{display:flex;align-items:center;gap:10px;margin:22px 0}.check-field input{min-height:0;width:18px;height:18px;accent-color:var(--green)}.check-field label{font-size:.85rem}.settings-actions{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;display:flex;gap:10px;flex-wrap:wrap}.settings-actions .secondary{font-size:.78rem}.settings-note{font-size:.75rem;color:#909b85;margin-top:13px;line-height:1.6}.info-step{display:flex;gap:16px;align-items:flex-start;margin:22px 0}.info-step>span{width:29px;height:29px;flex:none;background:#eaf2e1;color:#78945e;display:grid;place-items:center;border-radius:50%;font-weight:700;font-size:.85rem}.info-step h3{font-size:1rem}.info-step p{font-size:.86rem;line-height:1.65;color:#7e8c73;margin-top:5px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#2e5946;color:white;padding:13px 23px;border-radius:13px;box-shadow:0 8px 30px #1e483522;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:100;max-width:calc(100% - 32px);text-align:center;font-size:.9rem}.toast.visible{opacity:1;transform:translate(-50%,0)}.storage-warning{padding:12px 20px;position:sticky;bottom:0;background:#fff0d3;color:#885d32;text-align:center;font-size:.85rem;z-index:50}.hidden-translation .translation{filter:blur(5px);user-select:none}.page-actions{display:flex;gap:12px;flex-wrap:wrap}.daily-count{display:flex;gap:8px;margin-top:14px}.daily-count span{height:7px;border-radius:5px;flex:1;background:#e5eadc}.daily-count span.filled{background:#9ab880}@keyframes wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg) translateY(-7px)}60%{transform:rotate(6deg) translateY(-4px)}}@keyframes glow{to{opacity:.3;transform:scale(.92)}}
@media(min-width:1500px){main{padding-top:40px}.hero{min-height:310px}.word-row{min-height:47px}.mode-card{min-height:163px}.dog-scene{height:225px}.dog-image{height:220px;width:220px}.week-card{padding:23px}.home-layout{grid-template-columns:minmax(0,1fr) 316px}}
@media(max-width:1180px){.header-inner{gap:27px}.site-header nav{gap:21px}.site-header nav a{font-size:.8rem;gap:6px}.site-header nav a .icon{width:18px}.brand{font-size:1.6rem}.header-stats{gap:14px}.home-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.hero h2{font-size:2.4rem}.hero{padding:28px}.word-grid{column-gap:17px}.word-row{gap:5px;font-size:.8rem;grid-template-columns:1fr 15px 1fr 25px}.mode-card{padding:17px 14px}.words-card{padding:22px 20px 16px}.trail-label{display:none}.hero-actions{gap:11px}}
@media(max-width:960px){.site-header{height:auto}.header-inner{flex-wrap:wrap;gap:0;padding-top:19px}.brand{flex:1}.header-stats{gap:19px}.site-header nav{flex-basis:100%;order:3;justify-content:center;gap:45px;height:55px;margin-top:12px}.site-header nav a{font-size:.85rem}.home-layout{grid-template-columns:minmax(0,1fr) 250px;gap:17px}.main-column,.side-column{gap:17px}.hero{padding:25px 23px}.hero h2{font-size:2.1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.hero{min-height:300px}.hero-copy>p{max-width:210px}.word-grid{grid-template-columns:1fr;gap:0}.word-row{font-size:.9rem;grid-template-columns:1fr 25px 1fr 29px}.word-row:nth-last-child(2){border-bottom:1px solid #f0f1eb}.word-row:nth-child(n+6){display:none}.mode-grid{gap:10px}.mode-card p{font-size:.7rem}.mode-card h3{font-size:.92rem}.mode-decoration{font-size:35px;right:10px}.mode-card .mode-meta{font-size:.6rem}.dog-card{padding:20px 17px}.week-card{padding:20px 16px}.dog-scene{height:199px}.dog-image{height:194px;width:194px}.words-foot{font-size:.65rem}.section-heading h2{font-size:1.15rem}.word-grid.all-words .word-row{display:grid}.greeting{margin-bottom:21px}.date-label{font-size:.73rem}.stats-grid{gap:12px}.stat-card{padding:20px}.dog-shop-layout{grid-template-columns:250px 1fr}.shop-item{padding:18px}.game-shell{padding:32px}.collection-grid{grid-template-columns:1fr}}
@media(max-width:720px){main{padding:24px 20px 0}.header-inner{padding:17px 20px 0}.site-header nav{gap:0;justify-content:space-between;height:59px}.site-header nav a{font-size:.75rem;gap:5px}.site-header nav a .icon{width:17px}.brand{font-size:1.6rem}.brand-mark{width:38px;height:41px}.brand small{font-size:7px;letter-spacing:1.2px}.header-stats{gap:14px}.header-stats>span{font-size:.85rem}.greeting h1{font-size:1.4rem}.greeting p{font-size:.82rem}.date-label{display:none}.home-layout{grid-template-columns:1fr}.hero{min-height:285px;background-position:63% 60%;padding:27px}.hero h2{font-size:2.5rem}.hero-actions{flex-direction:row;align-items:center;gap:13px}.hero-copy>p{max-width:235px}.hero:before{background:linear-gradient(90deg,#edf3e7f2 0%,#edf3e7c4 45%,transparent 100%)}.side-column{grid-template-columns:1fr 1fr}.dog-card{grid-row:span 2}.dog-card .dog-scene{height:162px}.dog-card .dog-image{width:167px;height:167px}.week-card{align-self:start;padding:20px 14px}.week-card h2{font-size:.9rem}.week-card>p{font-size:.72rem}.week{gap:4px}.day-label{font-size:.58rem}.day-circle{font-size:.65rem}.streak-note{font-size:.65rem;line-height:1.6}.tip-card{padding:0 5px;gap:6px}.tip-card p{font-size:.68rem}.dog-name{font-size:1.3rem}.dog-caption{font-size:.72rem}.dog-card .secondary{font-size:.75rem;padding:10px}.level-caption{font-size:.65rem}.word-grid{grid-template-columns:1fr 1fr;column-gap:17px}.word-row{font-size:.81rem;grid-template-columns:1fr 12px 1fr 23px;gap:4px}.word-row:nth-child(n+6){display:grid}.word-row:nth-last-child(2){border:0}.word-row .sound-button{width:24px}.words-card{padding:20px 18px 16px}.section-heading h2{font-size:1.1rem}.section-heading p{font-size:.73rem}.section-symbol{width:34px;height:37px}.section-heading .heading-with-icon{gap:10px}.mode-card{min-height:157px}.mode-card h3{font-size:.93rem}.mode-card p{font-size:.73rem}.mode-decoration{font-size:38px;top:25px}.site-footer{padding:27px 20px 20px;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:.62rem}.site-footer>span:last-child{display:none}.page-heading h1{font-size:1.7rem}.page-heading p{font-size:.9rem}.page-shell .mode-grid{grid-template-columns:1fr}.page-shell .mode-card{min-height:165px;padding:23px 25px}.page-shell .mode-icon{margin-bottom:12px;width:35px;height:35px}.page-shell .mode-card h3{font-size:1.12rem}.page-shell .mode-decoration{font-size:90px;right:30px;top:30px}.page-shell .mode-card p{max-width:75%}.daily-banner{padding:24px;align-items:flex-start;flex-direction:column;gap:18px}.daily-banner h2{font-size:1.2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.progress-layout{grid-template-columns:1fr}.progress-card{padding:24px}.dog-shop-layout{grid-template-columns:1fr}.dog-shop-layout .dog-card{position:static;max-width:360px;width:100%;justify-self:center;grid-row:auto}.dog-shop-layout .dog-card .dog-scene{height:225px}.dog-shop-layout .dog-card .dog-image{height:225px;width:225px}.game-shell{padding:29px 23px}.game-header h2{font-size:1.25rem}.game-header p{font-size:.8rem}.game-header{padding-right:25px}.dialog-close{right:15px;top:17px}.question-word{font-size:2.1rem}.answer-button{padding:14px 11px;font-size:.9rem;gap:9px}.answer-options{gap:10px}.answer-button .keycap{width:21px;height:21px;font-size:.65rem}.typing-row{flex-wrap:wrap}.typing-row .primary{flex:1}.typing-row input{width:100%;flex-basis:100%}.memory-board{gap:8px;grid-template-columns:repeat(3,1fr)}.memory-card{font-size:.8rem;aspect-ratio:1.15}.match-board{gap:12px}.match-word{font-size:.86rem}.intro-words{grid-template-columns:1fr}.intro-word{padding:11px 15px}.settings-shell,.info-shell{padding:30px 24px}.result-stats{gap:20px}.result-stats small{font-size:.72rem}.result h2{font-size:1.7rem}.collection-word{padding:16px}.collection-word .word-status{font-size:.61rem}.pack-intro{align-items:flex-start;flex-direction:column}.shop-item{padding:18px}.shop-item h3{font-size:.98rem}.shop-item p{font-size:.76rem}}
@media(max-width:430px){.header-stats{gap:10px}.profile-button{width:33px;height:33px}.header-stats .streak-stat .icon{width:19px}.header-stats .coin{width:20px;height:20px;font-size:13px}.site-header nav a{flex-direction:column;gap:2px;justify-content:center;font-size:.68rem}.hero{padding:24px}.hero h2{font-size:2.25rem}.hero-actions>span{font-size:.65rem;gap:4px}.hero-actions{gap:10px}.hero-actions .primary{font-size:.8rem;padding:12px 14px}.word-grid{grid-template-columns:1fr}.word-row{font-size:.88rem;grid-template-columns:1fr 25px 1fr 29px}.word-row:nth-last-child(2){border-bottom:1px solid #f0f1eb}.word-grid .word-row:nth-child(n+6){display:none}.word-grid.all-words .word-row{display:grid}.mode-card{padding:16px 12px;min-height:153px}.mode-card h3{font-size:.83rem}.mode-card p{font-size:.68rem}.mode-decoration{font-size:29px;right:10px}.mode-card .mode-meta{font-size:.55rem}.dog-topline h2{font-size:.8rem}.level-chip{font-size:.54rem;padding:3px 6px}.dog-card{padding:17px 13px}.week-card{padding:17px 11px}.side-column{gap:12px}.week-card h2{font-size:.77rem;gap:4px}.week-card h2 .icon{width:15px}.day-label{font-size:.52rem}.tip-card{display:none}.day-circle.today{outline-offset:1px}.week{gap:3px}.dog-card .dog-image{width:152px;height:152px}.dog-card .dog-scene{height:154px}.dog-card .secondary{font-size:.67rem;gap:5px}.dog-card .secondary .icon{width:15px}.shop-grid{gap:11px}.shop-item{padding:17px}.collection-tools select{flex:1;width:100%}.collection-word{gap:8px}.collection-word .word-status{white-space:normal;max-width:80px;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the full starter pack visible at every viewport width. */
.word-grid .word-row:nth-child(n+6){display:grid}
@media(max-width:430px){.word-grid .word-row:nth-last-child(2){border-bottom:1px solid #f0f1eb}}
/* Comfortable reading sizes for the vocabulary and game instructions. */
.word-row{font-size:1rem;min-height:47px}
.hero-copy>p,.greeting p{font-size:1rem}
.section-heading p,.dog-caption,.week-card>p,.tip-card p,.mode-card p{font-size:.875rem}
.mode-card .mode-meta{font-size:.75rem}
.level-caption,.text-button,.words-foot,.streak-note{font-size:.8rem}
.word-row .translation{color:#62715f}
.section-heading p,.dog-caption,.week-card>p,.tip-card p,.mode-card p,.settings-note{color:#6e7d66}
.mode-card{min-height:174px}.game-header p,.intro-note,.feedback p{font-size:1rem}
.accessory.bandana{left:45%;top:57%;width:30%;height:18%;background:radial-gradient(circle,#f2c797 1px,transparent 1.6px) 0 0/9px 9px,#c96345;clip-path:polygon(0 5%,100% 0,80% 34%,43% 100%,20% 39%);transform:rotate(-8deg)}
.accessory.collar{left:47%;top:57%;width:27%;transform:rotate(-8deg)}
@media(max-width:960px){.word-row{font-size:.95rem}.mode-card p{font-size:.8rem}.mode-card .mode-meta{font-size:.68rem}}
@media(max-width:720px){.word-row{font-size:.9rem}.mode-card{min-height:180px}.dog-caption{font-size:.8rem}.week-card>p,.tip-card p{font-size:.78rem}.level-caption{font-size:.7rem}}
@media(max-width:600px){.word-grid{grid-template-columns:1fr}.word-row{font-size:1rem;grid-template-columns:1fr 25px 1fr 29px}.word-row:nth-last-child(2){border-bottom:1px solid #f0f1eb}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:120px;padding:18px 20px 18px 73px;justify-content:center}.mode-icon{position:absolute;left:21px;top:22px}.mode-card h3{font-size:1.1rem}.mode-card p{font-size:.875rem;max-width:90%}.mode-card .mode-meta{font-size:.7rem;margin-top:9px}.mode-decoration{font-size:40px;right:20px;top:24px}.side-column{grid-template-columns:1fr}.dog-card{grid-row:auto}.home-layout .side-column{display:grid;grid-template-columns:1fr 1fr}.home-layout .dog-card{grid-row:span 2}.page-shell .mode-icon{position:static}.page-shell .mode-card{padding:23px 25px}}
@media(max-width:380px){.home-layout .side-column{grid-template-columns:1fr}.hero h2{font-size:2rem}.hero-actions{align-items:flex-start;flex-direction:column}.header-stats{gap:7px}.brand{font-size:1.4rem}.brand-mark{width:33px;height:36px}.brand small{font-size:6px}.week{max-width:300px}.week-card h2{font-size:1rem}.week-card>p{font-size:.875rem}.day-label{font-size:.75rem}}
.dog-pet{line-height:0}.dog-image{display:block}
.dog-scene:before{width:min(84%,193px);height:min(84%,169px)}
.words-card .section-heading>.text-button{flex-shrink:0;white-space:nowrap}
@media(max-width:600px){.hero:before{background:linear-gradient(90deg,#edf3e7fa 0%,#edf3e7e0 48%,#edf3e755 100%)}.hero-actions{flex-direction:column;align-items:flex-start;gap:13px}.hero-actions>span{font-size:.8rem;color:#4e6755}.hero h2{font-size:2.2rem}.hero-copy>p{color:#506751}.section-heading .heading-with-icon{gap:9px}}