#holapasito-app{--ink:#193b36;--muted:#77817a;--cream:#f8f9f4;--green:#234e43;--lime:#def39a;--line:#e4e8de;--orange:#ef9a65;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);font-size:15px;line-height:1.55;background:var(--cream);min-height:100vh;text-align:left;font-weight:400}#holapasito-app *{box-sizing:border-box}#holapasito-app a{color:inherit;text-decoration:none}#holapasito-app button,#holapasito-app input,#holapasito-app select{font:inherit}#holapasito-app button,#holapasito-app select{cursor:pointer}#holapasito-app button{border:0;color:inherit}#holapasito-app button:disabled{cursor:default;opacity:.4}#holapasito-app :focus-visible{outline:3px solid #b57831;outline-offset:4px}#holapasito-app h1,#holapasito-app h2,#holapasito-app h3,#holapasito-app p{margin:0}#holapasito-app h1{font-size:clamp(28px,3vw,40px);line-height:1.18;letter-spacing:-1.3px;font-weight:700}#holapasito-app h2{font-size:22px;letter-spacing:-.6px;line-height:1.3}#holapasito-app h3{font-size:18px;letter-spacing:-.3px;line-height:1.35}.hp-layout{display:flex;min-height:100vh}.hp-sidebar{width:246px;flex-shrink:0;padding:36px 23px 20px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:10}.hp-logo{display:flex;align-items:center;font-size:24px;font-weight:750;letter-spacing:-1.3px}.hp-logo>span:last-child{font-weight:450}.hp-mark{background:var(--green);color:var(--lime);width:35px;height:38px;line-height:35px;border-radius:11px 11px 11px 3px;font-size:27px;margin-right:9px;text-align:center;font-weight:800;letter-spacing:-3px}.hp-mark span{color:#f4bb87}.hp-brand-note{font-size:8px;letter-spacing:1.55px;margin:12px 0 45px 2px;color:var(--muted)}.hp-sidebar nav{display:grid;gap:8px}.hp-sidebar nav a{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:11px;font-weight:560;font-size:14px;color:#687a72}.hp-sidebar nav a.active{background:#ecf1e7;color:var(--green)}.hp-sidebar nav a:hover{background:#f4f6ef}.hp-sidebar nav i{font-size:22px;font-style:normal;min-width:23px}.hp-nav-dot{height:6px;width:6px;background:var(--green);border-radius:50%;margin-left:auto}.hp-side-card{margin-top:auto;background:#f5f4ed;border-radius:14px;padding:21px 17px;margin-bottom:26px}.hp-side-card>span{font-size:8px;letter-spacing:1.2px;font-weight:700}.hp-side-card strong{display:block;font-size:23px;line-height:1.2;margin:12px 0;letter-spacing:-.8px}.hp-side-card p{font-size:12px;color:#778177}.hp-mini-road{font-size:30px;letter-spacing:8px;color:#b1c69d;height:40px;overflow:hidden}.hp-mini-road b{color:#d6a56d}.hp-account{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:10px}.hp-avatar{height:34px;width:34px;display:inline-flex;align-items:center;justify-content:center;background:#e8eee1;border-radius:50%;font-weight:700;flex-shrink:0}.hp-avatar.small{height:31px;width:31px}.hp-account strong,.hp-account small{display:block}.hp-account strong{font-size:12px}.hp-account small{font-size:10px;color:var(--muted)}.hp-body{margin-left:246px;width:calc(100% - 246px)}.hp-topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px;font-size:12px;gap:16px}.hp-topbar>div:first-child{display:flex;gap:15px;align-items:center}.hp-flag{font-size:10px;background:linear-gradient(#d95f48 0 27%,#f3cb73 27% 73%,#d95f48 73%);color:#744631;width:29px;height:21px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;border-radius:4px}.hp-top-actions{display:flex;align-items:center;gap:26px}.hp-xp{font-size:12px;font-weight:700}.hp-login{border:1px solid var(--line);padding:8px 12px;border-radius:8px}.hp-muted{color:var(--muted)}#hp-main{max-width:1360px;margin:auto;padding:40px 46px 45px;outline:none}.hp-page-heading{margin-bottom:28px}.hp-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;margin-bottom:13px;color:#6b7c65}.hp-page-heading p{color:var(--muted);font-size:13px;margin-top:12px!important}.hp-hero{background:var(--green);color:#fff;border-radius:20px;display:flex;position:relative;overflow:hidden;min-height:260px;margin-bottom:34px}.hp-hero-copy{padding:30px 35px;z-index:2;width:60%}.hp-chip{font-size:9px;letter-spacing:1.4px;font-weight:650;display:flex;gap:15px;align-items:center;color:#d9e6c8;margin-bottom:18px}.hp-chip span{font-size:17px}.hp-hero h2{font-size:31px!important;letter-spacing:-1px!important;margin-bottom:12px!important}.hp-hero p{color:#c0cfc3;font-size:12px;line-height:1.8}.hp-button{background:var(--green);color:#fff!important;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 20px;font-size:13px!important;font-weight:650!important;border:1px solid transparent!important}.hp-button:hover{filter:brightness(1.08)}.hp-button.lime{background:var(--lime);color:var(--ink)!important;margin-top:24px}.hp-button.lime span{font-size:20px;line-height:1}.hp-button.secondary{background:white;color:var(--green)!important;border-color:var(--line)!important}.hp-hero-art{position:absolute;right:0;top:0;height:100%;width:43%;min-width:270px}.hp-art-tile{position:absolute;background:#edc49c;width:140px;height:164px;transform:rotate(-9deg);border-radius:12px;top:69px;right:115px;color:var(--green);font-size:111px;line-height:120px;text-align:center;z-index:2;font-family:Georgia,serif;box-shadow:8px 10px 0 #173c3350}.hp-art-tile span{display:block;font:7px 'Segoe UI',sans-serif;letter-spacing:2px}.hp-bubble{position:absolute;top:25px;right:35px;color:#193b36;background:#f7f9eb;border-radius:25px 25px 25px 2px;font:italic 31px Georgia,serif;padding:9px 25px;z-index:3;transform:rotate(8deg)}.hp-art-stamp{position:absolute;bottom:28px;right:38px;background:var(--lime);border-radius:50%;height:75px;width:75px;line-height:23px;padding-top:17px;text-align:center;font-size:26px;font-weight:800;color:var(--green);transform:rotate(13deg);z-index:3}.hp-art-stamp small{font-size:9px;letter-spacing:3px;display:block;line-height:12px}.hp-sun{position:absolute;right:230px;top:25px;font-size:43px;color:#dbe99f}.hp-art-star{position:absolute;right:18px;top:118px;font-size:35px;color:#b7caa1}.hp-art-curve{border:1px dashed #7f9a72;border-radius:50%;width:420px;height:230px;position:absolute;right:-80px;top:80px;transform:rotate(-35deg)}.hp-workgrid{display:grid;grid-template-columns:minmax(0,1fr) 249px;gap:27px}.hp-section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px}.hp-section-top h2{font-size:19px!important}.hp-section-top>span{color:var(--muted);font-size:10px;white-space:nowrap}.hp-levels{display:flex;gap:7px;background:#ecefe6;border-radius:10px;padding:5px;margin-bottom:20px;width:100%}.hp-levels button{flex:1;background:transparent;padding:9px 13px;border-radius:7px;font-size:14px!important;font-weight:700;text-align:left}.hp-levels button span{font-size:10px;font-weight:450;margin-left:12px}.hp-levels button.selected{background:#fff;box-shadow:0 2px 4px #20302509}.hp-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 13px;margin-bottom:20px;height:43px;flex:1}.hp-search>span{font-size:24px;color:#7a897c}.hp-search input{border:0;background:transparent;outline:none;width:100%;font-size:12px!important;color:var(--ink)}.hp-unit{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:20px;overflow:hidden}.hp-unit-head{display:flex;align-items:center;gap:13px;padding:19px 20px;background:#f1f4e9;border-bottom:1px solid var(--line)}.hp-unit-no{height:36px;width:36px;border-radius:10px;background:#dde7cf;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.hp-unit-head small{font-size:8px;letter-spacing:1.5px;color:#788971}.hp-unit-head h3{font-size:16px!important;margin-top:2px!important}.hp-unit-head a{margin-left:auto;font-size:24px}.hp-lesson{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #edf0e9;font-size:12px;background:white;transition:background .15s}.hp-lesson:last-child{border-bottom:0}.hp-lesson:hover{background:#f8faef}.hp-lesson.next{background:#fafcf2}.hp-lesson-icon{width:37px;height:37px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e6d8;border-radius:50%;font-size:11px;background:#fbfcf8;flex-shrink:0;color:#778372}.hp-lesson.next .hp-lesson-icon{background:var(--green);color:var(--lime);border-color:var(--green);box-shadow:0 0 0 4px #e7efd9}.hp-lesson.done .hp-lesson-icon{background:#e6efd6;color:#365527}.hp-lesson strong{display:block;font-size:12px;font-weight:600}.hp-lesson small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.hp-arrow{margin-left:auto;font-size:10px;font-weight:650;white-space:nowrap}.hp-right{padding-top:46px}.hp-progress-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.hp-card-top{display:flex;justify-content:space-between}.hp-card-top h3{font-size:14px!important}.hp-ring{margin:24px auto 18px;width:135px;height:135px;border-radius:50%;padding:9px;background:conic-gradient(#a6bf7a var(--p),#eef1e7 0)}.hp-ring>div{background:#fff;border-radius:50%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.hp-ring strong{font-size:35px;line-height:1.2}.hp-ring span{font-size:10px;color:var(--muted)}.hp-progress-card p{font-size:11px;color:var(--muted);text-align:center;line-height:1.8}.hp-progress-track{height:5px;border-radius:20px;overflow:hidden;background:#e6ecd9;margin-top:18px}.hp-progress-track>span{height:100%;display:block;background:#a0b96f;border-radius:20px}.hp-tip{margin-top:20px;background:#eeeedf;border-radius:14px;padding:24px 22px}.hp-tip .hp-eyebrow{font-size:8px;letter-spacing:1.1px}.hp-tip h3{font-size:25px!important;letter-spacing:-.8px!important;margin:11px 0!important}.hp-tip p{color:#7d8372;font-size:11px;line-height:1.8}.hp-tip a{font-size:11px;font-weight:650;display:flex;justify-content:space-between;margin-top:17px}.hp-daily{margin-top:20px;border:1px dashed #d4ddc9;border-radius:14px;padding:22px;position:relative}.hp-daily>span{font-size:8px;letter-spacing:1.3px;font-weight:650;color:#8b937e}.hp-daily button{float:right;border-radius:50%;background:#e6ecdb;font-size:12px;padding:5px}.hp-daily h3{font-family:Georgia,serif;font-size:30px!important;font-weight:500;line-height:1.2;margin:10px 0 3px!important}.hp-daily p{font-size:12px;color:var(--muted)}.hp-daily small{font-size:10px;display:block;margin-top:15px;color:#8b927f;font-style:italic}.hp-footer{padding:22px 46px;border-top:1px solid var(--line);font-size:9px;display:flex;justify-content:space-between;gap:20px;color:#8b958a}.hp-grammar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.hp-grammar-card{padding:23px;background:white;border:1px solid var(--line);border-radius:14px;display:block;position:relative}.hp-grammar-card:hover{border-color:#b9c7a7}.hp-grammar-tag{font-size:9px;letter-spacing:1.3px;color:#829074}.hp-grammar-symbol{font-size:37px;display:block;color:#9cae79;margin:18px 0}.hp-grammar-card h2{font-size:19px!important;margin:12px 0!important}.hp-grammar-card p{font-size:12px;color:var(--muted);margin-bottom:19px!important}.hp-grammar-card>strong{font-size:11px}.hp-back{font-size:12px;display:inline-block;margin-bottom:26px;color:#718067!important}.hp-theory{max-width:820px}.hp-theory-block,.hp-formula,.hp-note{padding:25px 28px;background:white;border:1px solid var(--line);border-radius:13px;margin-bottom:23px}.hp-theory-block p{font-size:16px;line-height:1.9}.hp-formula{background:#eaf0dc}.hp-formula>span{font-size:9px;letter-spacing:1.5px;color:#71845d}.hp-formula p{font-size:18px;line-height:1.8;margin-top:12px!important}.hp-theory>h2{margin:28px 0 16px!important}.hp-example{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line);background:#fff}.hp-example strong{font-size:16px}.hp-example p{font-size:13px;color:var(--muted);margin-top:5px!important}.hp-example button{background:#edf2e3;border-radius:50%;min-width:38px;height:38px}.hp-note{margin-top:25px;background:#fbf2e4;border-color:#f0e6d2;font-size:13px}.hp-note p{margin-top:10px!important;line-height:1.8}.hp-pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.hp-pills a{border:1px solid var(--line);padding:9px 14px;border-radius:20px;background:#fff;font-size:12px}.hp-filter-row{display:flex;gap:14px;align-items:center;margin-bottom:14px}.hp-filter-row .hp-search{margin:0}.hp-filter-row select{max-width:210px;background:#fff;border:1px solid var(--line);padding:10px;border-radius:8px;font-size:11px!important}.hp-vocab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.hp-word{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.hp-word h3{font-size:22px!important;margin-bottom:6px!important;overflow-wrap:anywhere}.hp-word p{font-size:13px;color:var(--muted)}.hp-word button{float:right;border-radius:50%;background:#edf2e5;height:30px;min-width:30px;font-size:12px}.hp-word a{font-size:10px;display:block;margin-top:22px;color:#778869!important}.hp-flash{padding:35px;background:#e9efda;border-radius:15px;margin:20px 0;text-align:center}.hp-flash>span{font-size:10px;letter-spacing:2px}.hp-flash h2{font-size:38px!important;margin:25px!important}.hp-flash>div{display:flex;justify-content:center;gap:15px}.hp-text-button{background:transparent;font-size:12px!important;color:#677d58!important;text-decoration:underline;text-underline-offset:4px;padding:10px 0}.hp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hp-stats article{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.hp-stats span{display:block;font-size:10px;letter-spacing:1.3px;color:var(--muted)}.hp-stats strong{display:block;font-size:39px;margin-top:14px;font-weight:600}.hp-stats small{font-size:18px;color:#9aa48f;margin-left:5px}.hp-empty{padding:35px;font-size:14px;color:var(--muted)}.hp-exercise-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:15px}.hp-exercise-top .hp-back{margin:0}.hp-exercise-track{margin:20px 0 45px}.hp-exercise{max-width:680px;margin:auto}.hp-exercise h1{font-size:29px!important;letter-spacing:-.7px!important}.hp-question{font-size:21px;margin:22px 0 30px!important}.hp-stem{font-size:24px;line-height:1.8;padding:20px;border:1px solid var(--line);border-radius:12px;margin:20px 0!important;background:white}.hp-input-label{font-size:11px;color:var(--muted);display:block;margin-bottom:8px}#hp-answer{background:#fff;width:100%;border:1px solid #cdd9c1;border-radius:11px;padding:17px;font-size:20px!important;color:var(--ink)}.hp-accents{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.hp-accents button{background:#eaf0df;border-radius:6px;min-width:34px;min-height:32px}.hp-exercise-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:28px;gap:20px}.hp-exercise-bottom>span{font-size:11px;color:var(--muted)}.hp-help{margin-top:35px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;font-size:11px;color:var(--muted)}.hp-help a{font-weight:600;color:var(--green)!important}.hp-token{border:1px solid #d8dfd0!important;border-bottom:3px solid #d0d9c6!important;padding:10px 17px;border-radius:9px;background:#fff;font-size:17px!important}.hp-token-bank,.hp-answer-tray{display:flex;gap:9px;flex-wrap:wrap;padding:18px 0;min-height:80px}.hp-answer-tray{padding:18px;border:1px solid #cedbc0;border-radius:11px;background:#f1f5e9;margin-bottom:15px;align-items:center}.hp-answer-tray>span{color:#8e9a80;font-size:12px}.hp-audio{display:flex;align-items:center;gap:15px;margin:15px 0 25px}.hp-play{height:65px;width:65px;border-radius:17px;background:var(--green);color:#fff!important;font-size:25px!important}.hp-slow{background:#e8eddf;padding:10px 15px;border-radius:9px;font-size:12px!important}.hp-audio small{color:var(--muted);font-size:9px}.hp-feedback{padding:20px;border-radius:12px;margin-top:22px}.hp-feedback.correct{background:#e7f1d9}.hp-feedback.incorrect{background:#f9eadc}.hp-feedback p{margin:8px 0!important}.hp-feedback small{font-size:11px;color:#7b7f69}.hp-result{max-width:700px;margin:35px auto;text-align:center}.hp-result-icon{font-size:65px;background:#e6eed7;width:120px;height:120px;border-radius:50%;margin:0 auto 28px;line-height:120px;color:#6e8d48}.hp-result h1{font-size:32px!important}.hp-result p{color:var(--muted);margin-top:15px!important;font-size:14px}.hp-result-score{font-size:70px;font-weight:650;margin:20px 0}.hp-result-score span{font-size:25px;color:#8d9b80;margin-left:9px}.hp-result-actions{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;margin:25px 0}.hp-result>a{font-size:12px;text-decoration:underline!important}.hp-result h2{margin:45px 0 15px!important;text-align:left}.hp-result .hp-example{text-align:left;border-radius:12px}.hp-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;max-width:min(600px,90vw);padding:15px 24px;border-radius:10px;background:#193b36;color:white;box-shadow:0 5px 30px #0002;font-size:13px}.hp-load-error{max-width:600px;margin:auto;padding:60px 30px}.hp-load-error button{margin-top:20px;padding:15px}#holapasito-app .hp-loading{padding:60px;text-align:center}
@media(min-width:1550px){.hp-hero-art{right:6%}.hp-hero{min-height:290px}.hp-art-tile{top:90px}.hp-workgrid{grid-template-columns:minmax(0,1fr) 290px}.hp-hero-copy{padding:37px 40px}}
@media(max-width:1180px){.hp-sidebar{width:210px;padding-left:17px;padding-right:17px}.hp-logo{font-size:21px}.hp-body{margin-left:210px;width:calc(100% - 210px)}#hp-main{padding:32px 28px}.hp-topbar{padding:0 28px}.hp-workgrid{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.hp-section-top{align-items:flex-start;flex-direction:column;gap:5px}.hp-levels button span{display:block;margin:2px 0 0}.hp-hero-copy{padding:28px}.hp-hero-art{opacity:.9;right:-24px}.hp-right{padding-top:61px}.hp-grammar-grid,.hp-vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-filter-row{flex-wrap:wrap}.hp-filter-row .hp-search{flex-basis:100%}}
@media(max-width:900px){.hp-sidebar{width:76px;padding:25px 12px}.hp-logo{font-size:0}.hp-logo>span:last-child,.hp-brand-note,.hp-side-card,.hp-account>div{display:none}.hp-mark{margin:0;font-size:27px}.hp-sidebar nav{margin-top:40px}.hp-sidebar nav a{font-size:0;padding:12px;gap:0}.hp-sidebar nav i{font-size:22px}.hp-nav-dot{display:none}.hp-account{margin-top:auto;justify-content:center}.hp-body{margin-left:76px;width:calc(100% - 76px)}.hp-workgrid{grid-template-columns:minmax(0,1fr) 210px}.hp-hero h2{font-size:27px!important}.hp-hero-art{right:-55px;opacity:.75}.hp-hero-copy{width:65%}.hp-topbar{height:67px}.hp-footer{padding:22px 28px}}
@media(max-width:680px){.hp-sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:68px;flex-direction:row;padding:0;border:0;border-top:1px solid var(--line)}.hp-logo,.hp-account{display:none}.hp-sidebar nav{display:flex;margin:0;width:100%;justify-content:space-around;gap:0}.hp-sidebar nav a{font-size:9px;flex-direction:column;justify-content:center;gap:0;padding:5px 9px;border-radius:0;background:transparent!important}.hp-sidebar nav a.active{color:#486231;background:#f0f3e5!important}.hp-sidebar nav i{font-size:23px;line-height:1.3}.hp-body{margin:0;width:100%;padding-bottom:68px}.hp-topbar{padding:0 21px;height:60px}.hp-top-actions{gap:12px}#hp-main{padding:27px 20px 30px}.hp-page-heading{margin-bottom:22px}.hp-page-heading p{font-size:12px;line-height:1.7}.hp-page-heading h1{font-size:29px!important}.hp-eyebrow{font-size:8px;letter-spacing:1.3px}.hp-hero{min-height:280px;border-radius:16px;margin-bottom:27px}.hp-hero-copy{padding:25px;max-width:100%;width:85%}.hp-hero-art{width:190px;min-width:190px;right:-68px;top:80px;opacity:.32;pointer-events:none}.hp-art-tile{width:100px;height:125px;font-size:85px;line-height:93px;right:80px;top:50px}.hp-bubble{display:none}.hp-art-stamp{display:none}.hp-sun{right:170px;top:13px}.hp-hero h2{font-size:29px!important}.hp-hero p{font-size:12px}.hp-hero .hp-button{position:relative;z-index:4}.hp-workgrid{display:flex;flex-direction:column}.hp-right{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:13px}.hp-progress-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 130px;align-items:center;padding:18px}.hp-progress-card .hp-ring{grid-row:1/4;grid-column:2;margin:0;width:103px;height:103px}.hp-progress-card p{text-align:left;font-size:11px;padding-right:20px}.hp-progress-card .hp-progress-track{max-width:150px;margin-top:8px}.hp-tip,.hp-daily{margin:0;padding:18px}.hp-tip h3{font-size:23px!important}.hp-tip .hp-eyebrow,.hp-daily>span{font-size:7px}.hp-section-top{flex-direction:row;align-items:center}.hp-section-top>span{font-size:9px}.hp-levels button span{display:inline;margin-left:9px;font-size:9px}.hp-unit-head{padding:16px}.hp-lesson{padding:15px 16px;gap:12px}.hp-lesson strong{font-size:12px}.hp-arrow{font-size:9px}.hp-footer{padding:20px;font-size:8px;flex-direction:column;gap:5px}.hp-grammar-grid{grid-template-columns:1fr}.hp-vocab-grid{gap:10px}.hp-word{padding:15px}.hp-word h3{font-size:19px!important;padding-right:15px}.hp-word p{font-size:12px}.hp-word button{font-size:9px;height:24px;min-width:24px}.hp-filter-row{gap:9px}.hp-filter-row select{max-width:100%;flex:1;min-width:140px}.hp-filter-row .hp-button{font-size:11px!important;padding:10px}.hp-stats{gap:8px}.hp-stats article{padding:15px 10px}.hp-stats span{font-size:7px;letter-spacing:.5px}.hp-stats strong{font-size:28px}.hp-stats small{font-size:12px}.hp-theory-block,.hp-formula,.hp-note{padding:20px}.hp-theory-block p{font-size:15px}.hp-formula p{font-size:16px}.hp-example{padding:15px 12px}.hp-example strong{font-size:14px}.hp-example p{font-size:12px}.hp-exercise-track{margin-bottom:30px}.hp-exercise h1{font-size:25px!important}.hp-question{font-size:20px;margin-bottom:22px!important}.hp-token{font-size:15px!important;padding:8px 12px}.hp-exercise-bottom{gap:12px}.hp-exercise-bottom>span{font-size:10px}.hp-exercise-bottom .hp-button{padding:12px 18px;gap:15px}.hp-help{margin-top:25px}.hp-audio small{max-width:70px}.hp-result h1{font-size:28px!important}.hp-flash{padding:25px 15px}.hp-flash>div{flex-wrap:wrap;gap:10px}.hp-lesson-list>.hp-lesson>span:last-child{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){#holapasito-app *{scroll-behavior:auto!important;transition:none!important}}
/* Course v2: four levels, introductions and spelling practice. */
#holapasito-app .hp-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
#holapasito-app .hp-levels button{min-width:0;padding:10px}
#holapasito-app .hp-levels button span{display:block;margin:3px 0 0;font-size:10px}
.hp-intro{max-width:870px;margin:auto}.hp-intro-summary{font-size:17px;line-height:1.8;color:#64766a;margin:20px 0 28px!important}
.hp-intro-goals{padding:25px 30px;background:#eaf0dc;border-radius:15px;margin-bottom:30px}.hp-intro-goals h2{font-size:22px!important}.hp-intro-goals ul{padding-left:21px;margin:16px 0 0}.hp-intro-goals li{padding:5px 0;font-size:14px;line-height:1.8}
.hp-intro-words{margin-bottom:32px}.hp-intro-words .hp-vocab-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.hp-syllable-preview{display:block;font-size:12px;color:#6a7e50;margin-top:16px;letter-spacing:1px}
.hp-intro-rule{padding:28px;background:#fff;border:1px solid var(--line);border-radius:15px}.hp-intro-rule>p{line-height:1.9;font-size:15px;margin:17px 0 22px!important}.hp-intro-rule .hp-formula{margin-bottom:5px}.hp-intro-rule .hp-text-button{display:inline-block;margin-top:14px}
.hp-intro-plan{padding:28px 0}.hp-intro-plan>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.hp-intro-plan span{display:flex;gap:12px;align-items:center;font-size:13px}.hp-intro-plan b{display:inline-grid;place-items:center;width:32px;height:32px;flex-shrink:0;background:#e8eedc;border-radius:8px;font-size:11px}.hp-intro-plan p{font-size:12px;color:var(--muted);line-height:1.8}.hp-intro-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:25px 0}.hp-intro-actions>span{font-size:13px;color:var(--muted)}
.hp-fragment-hint{font-size:13px;color:#77816a;margin-bottom:16px!important}.hp-fragment-word{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;background:white;border:1px solid #d2dec5;border-radius:14px;padding:30px 16px;min-height:120px;margin:12px 0 18px;font-size:26px;font-weight:600}.hp-fragment-word.syllables{gap:9px}.hp-fragment-context{white-space:pre-wrap;color:#77816a;margin:0 4px}.hp-fragment-visible{padding:3px 0}.hp-fragment-input{width:calc(var(--letters)*.72em + 25px)!important;max-width:130px;min-width:40px;text-align:center!important;padding:8px 4px!important;border:2px solid #b0c591!important;border-bottom:4px solid #92a775!important;background:#f6f9ee!important;border-radius:8px!important;font-size:24px!important;color:#234e43!important;font-weight:600!important;letter-spacing:1px}.hp-fragment-input:disabled{opacity:1;background:#edf1e6!important}.hp-division{font-size:13px;letter-spacing:.5px}.hp-help .hp-text-button{padding:0}
@media(max-width:680px){#holapasito-app .hp-levels button{padding:9px 5px;text-align:center}#holapasito-app .hp-levels button span{font-size:8px;white-space:normal;margin:3px 0 0}.hp-intro-summary{font-size:15px}.hp-intro-goals{padding:20px}.hp-intro-words .hp-vocab-grid{grid-template-columns:1fr}.hp-intro-rule{padding:20px}.hp-intro-plan>div{grid-template-columns:1fr}.hp-intro-actions{flex-direction:column;align-items:stretch;text-align:center}.hp-fragment-word{font-size:21px;gap:3px;padding:22px 10px}.hp-fragment-input{font-size:20px!important;min-width:32px;max-width:95px}.hp-fragment-word.syllables{gap:6px}}