:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#3e3433;background:#f3e9d8;--red:#922e31;--gold:#e5b96b;--green:#367661;font-size:16px}*{box-sizing:border-box}body{margin:0;padding-bottom:calc(92px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 0 15%,#f3caae 0,transparent 45%),radial-gradient(ellipse at 100% 55%,#d0dfcc 0,transparent 45%),#f3e9d8;min-height:100vh}button,input,select,textarea{font:inherit}button,.pocket-file{cursor:pointer;border:0;border-radius:16px;padding:13px 16px;min-height:46px;background:var(--red);color:#fff7e6;font-weight:650;line-height:1.4}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #dba545;outline-offset:3px}input,select,textarea{max-width:100%;border:1px solid #c8ad93;border-radius:13px;color:#463735;padding:12px;background:#fff9ee}textarea{width:100%;resize:vertical}label{display:block;font-weight:600;font-size:.85rem}label input,label textarea{display:block;margin-top:7px;width:100%}h1{font-size:1.55rem;line-height:1.2;margin:6px 0 16px}h2{font-size:1.2rem;line-height:1.3;margin:0 0 14px}p{line-height:1.55}.pocket-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(16px + env(safe-area-inset-top)) 16px 14px;color:#fff3d5;background:#922e31}.pocket-header a{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit}.pocket-header a>span{background:#cb493b;border:1px solid #f1a379;border-radius:13px;padding:5px 9px;font-size:30px}.pocket-header strong{font-family:Georgia,serif;font-size:24px}.pocket-header small{display:block;font:600 9px system-ui;letter-spacing:1.4px;margin-top:4px}.pocket-header select{max-width:155px;font-size:.85rem;background:#ffeccb;border:0}.pocket-toolbar{display:flex;justify-content:space-between;gap:12px;padding:12px 16px}.pocket-toolbar label{display:flex;align-items:center;gap:7px}.pocket-toolbar select{padding:9px;font-size:.8rem;min-height:44px}.pocket-sync{display:block;width:calc(100% - 32px);margin:0 16px 14px;font-size:.75rem;min-height:38px;background:#e7d4b9;color:#574139;padding:9px}.pocket-sync[data-state=ready]{background:#d1e5d4;color:#285441}.pocket-sync[data-state=conflict]{background:#ffddb0}main{max-width:760px;margin:auto;padding:0 14px}.pocket-hero{display:flex;align-items:center;gap:8px;overflow:hidden;background:linear-gradient(135deg,#332947,#744959);border-radius:25px;padding:25px 22px;color:#fff1d1;box-shadow:0 10px 30px #59412725}.pocket-hero>div{flex:1;min-width:0}.pocket-hero small{font-size:.6rem;font-weight:750;letter-spacing:1px;color:#ebcd89}.pocket-hero h1{font-size:1.75rem;line-height:1.25;margin:12px 0}.pocket-hero p{font-size:.85rem;margin:0}.pocket-hero img{width:100px;height:160px;object-fit:contain;filter:drop-shadow(0 8px 8px #201b2470)}.pocket-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.pocket-stats span{background:#edd6b9;padding:15px;border-radius:17px;text-align:center;font-size:.8rem}.pocket-stats b{display:block;font-size:1.7rem;color:var(--red)}.pocket-panel{border-radius:23px;background:#fff6e7;padding:20px;margin:15px 0;box-shadow:0 6px 20px #4e302812;border:1px solid #dcc4a4}.pocket-panel>p{font-size:.85rem}.pocket-panel>button{margin:8px 0;width:100%}.pocket-missions{display:grid;gap:9px}.pocket-missions button{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;text-align:left;color:#41332d;padding:13px}.pocket-missions b{font-size:25px}.pocket-missions span{font-size:.85rem}.pocket-missions strong{font-size:.8rem}.pocket-missions progress{grid-column:2 / 4;width:100%;height:7px;accent-color:#a34b37}.mission-0{background:#ffcca0}.mission-1{background:#dcc8f3}.mission-2{background:#bce6cf}.pocket-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pocket-grid button{display:flex;align-items:flex-start;flex-direction:column;gap:7px;font-size:22px;background:#e5c58f;color:#543d2d;padding:18px;border:1px solid #d8b87f}.pocket-grid button:nth-child(2){background:#efd1bc}.pocket-grid button:nth-child(3){background:#d5dec0}.pocket-grid button:nth-child(4){background:#d9c9e8}.pocket-grid b{font-size:.95rem}.pocket-grid span{font-size:.75rem;font-weight:400}.pocket-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#682c2e;box-shadow:0 -5px 20px #36252520;padding:9px 8px calc(9px + env(safe-area-inset-bottom));gap:3px}.pocket-nav button{background:transparent;padding:6px 2px;border-radius:13px;font-size:.66rem;color:#e8d0b8;display:flex;flex-direction:column;align-items:center;gap:3px}.pocket-nav button>span{font-size:23px;line-height:1.2}.pocket-nav button[aria-current=page]{background:#aa4943;color:#fff5d7}.pocket-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.pocket-section-title h1{font-size:1.35rem}.pocket-section-title>span{font-size:.75rem}.pocket-flash{width:100%;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;background:linear-gradient(145deg,#f9d1ab,#e7c9d8);color:#5b3334;border:1px solid #d7ad93;touch-action:pan-y}.pocket-flash>b{font-size:clamp(45px,14vw,78px);line-height:1.3}.pocket-flash>em{font-size:1.25rem;font-style:normal}.pocket-flash>strong{font-size:1.2rem}.pocket-flash p,.pocket-flash small{margin:0;font-weight:400}.pocket-flash>span{font-size:.85rem;font-weight:400}.pocket-actions{display:flex;gap:10px;margin:12px 0}.pocket-actions>*{flex:1;min-width:0;text-align:center}.pocket-actions button:first-child{background:#a97546}.pocket-actions button:last-child{background:var(--green)}.pocket-hint{font-size:.73rem!important;color:#7d6552;font-weight:400}.pocket-exercise-lead{padding:18px 12px;margin:14px 0;border-radius:15px;background:#ebd9b8;font-size:1.65rem;text-align:center;line-height:1.5;overflow-wrap:anywhere}.pocket-choices{display:grid;gap:10px;margin:14px 0}.pocket-choices button{background:#eee0c9;color:#4d3a34;min-height:56px;text-align:left;border:1px solid #d0b895}.pocket-choices button.is-correct{background:#c9e4cb;border-color:#609572;color:#234a33}.pocket-feedback{padding:15px;background:#d8e7c9;border-radius:16px;font-size:.9rem}.pocket-feedback p{margin:8px 0 0;font-size:.8rem}.pocket-order{min-height:75px;border:2px dashed #b39b7b;border-radius:15px;padding:8px;display:flex;flex-wrap:wrap;gap:6px}.pocket-order button{padding:8px}.pocket-order+.pocket-choices{display:flex;flex-wrap:wrap}.pocket-finish{text-align:center}.pocket-finish>strong{display:block;font-size:3rem;color:var(--green)}.pocket-tabs{display:flex;gap:7px;margin:12px 0;flex-wrap:wrap}.pocket-tabs button{flex:1;min-width:58px;background:#e3cfb3;color:#584039;padding:10px 9px;font-size:.82rem}.pocket-tabs button[aria-selected=true],.pocket-tabs button[aria-pressed=true]{background:var(--green);color:white}.pocket-word-list article,.pocket-photo-words article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;border-bottom:1px solid #e0c7a7;padding:10px 0}.pocket-word,.pocket-photo-words article>button:first-child{background:transparent;color:#493737;text-align:left;display:flex;flex-direction:column;gap:5px;min-width:0;padding:6px}.pocket-word b,.pocket-photo-words b{font-size:1.65rem}.pocket-word em,.pocket-photo-words em{font-style:normal;color:#82544a;font-size:.85rem}.pocket-word span,.pocket-photo-words span{font-size:.8rem;font-weight:400}.pocket-word-list article>button:last-child,.pocket-photo-words article>button:last-child{font-size:.72rem;background:#d2e0c6;color:#375842;padding:9px}.pocket-file{display:flex;align-items:center;justify-content:center;font-size:.8rem;background:#c68552}.pocket-file input{position:absolute;width:1px;height:1px;opacity:0}.pocket-photo{display:block;width:100%;height:auto;touch-action:none;border-radius:14px;background:#e6d9c6}.pocket-translation{padding:17px;border-radius:15px;background:#dce6cc;margin:14px 0}.pocket-translation small{font-size:.6rem;font-weight:750;letter-spacing:.8px}.pocket-translation p{margin:7px 0 0}.pocket-install button{background:var(--green)}#mobileMessage{font-size:.8rem;max-width:760px;margin:0 auto;padding:0 18px;color:#73393a;line-height:1.5}.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}.longmo-cloud-dialog{position:fixed;width:min(450px,calc(100vw - 28px));max-height:90vh;overflow:auto;border:0;border-radius:23px;padding:25px;background:#fff4df;color:#44332c;box-shadow:0 20px 80px #0004;font:16px system-ui}.longmo-cloud-dialog::backdrop{background:#33252bb8}.longmo-cloud-dialog h2{margin:10px 0 12px}.longmo-cloud-dialog p{font-size:.86rem;line-height:1.5}.longmo-cloud-dialog label{display:block;margin:12px 0;font-size:.8rem}.longmo-cloud-dialog input{display:block;width:100%;font:inherit;border:1px solid #c9aa84;border-radius:12px;padding:12px;margin-top:6px}.longmo-cloud-dialog button{display:block;width:100%;border:0;border-radius:13px;background:#37745c;color:white;padding:13px;margin:10px 0;font:inherit;cursor:pointer}.longmo-cloud-dialog .cloud-close{position:absolute;right:12px;top:6px;width:38px;padding:3px;font-size:27px;background:transparent;color:#78362e}.cloud-hint{font-size:.75rem!important;color:#75604b}.longmo-cloud-dialog [data-cloud-error]{color:#8c352e;overflow-wrap:anywhere}
@media(min-width:800px){.pocket-header,.pocket-toolbar{padding-left:max(24px,calc((100vw - 760px)/2));padding-right:max(24px,calc((100vw - 760px)/2))}.pocket-sync{width:728px;margin-left:auto;margin-right:auto}.pocket-nav{left:calc(50% - 380px);right:calc(50% - 380px);border-radius:20px 20px 0 0}.pocket-hero img{width:140px;height:190px}.pocket-missions{grid-template-columns:repeat(3,1fr)}.pocket-missions button{grid-template-columns:1fr}.pocket-missions progress{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}