:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{color-scheme:light}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#8087ff;color:#000}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}img{width:50px;height:auto}.app-container{font-family:Arial,sans-serif;background-color:#8087ff;width:100vw;min-height:calc(var(--vh) * 100);display:flex;flex-direction:column;align-items:center}.level-card{background-color:#353b77;border-radius:16px;margin-top:40px;width:80%;max-width:250px;padding:20px;text-align:center;color:#fff;position:relative;box-sizing:border-box}.star{width:150px;height:150px;background-color:#ffbf47;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);margin:0 auto;position:relative;box-shadow:0 4px 8px #0003}.star-value{position:absolute;top:45%;left:auto;right:auto;transform:translate(-50%,-40%);font-size:26px;font-weight:700;color:#fff}.progress-container{width:100%;height:10px;background-color:#ccc;border-radius:6px;margin-top:20px}.progress-bar{width:40%;height:100%;background-color:#b14cf0;border-radius:6px}.level-text{margin-top:8px;font-size:14px;font-style:italic}.start-btn{margin-top:40px;background:linear-gradient(145deg,#b14cf0,#ff3fcf);color:#fff;border:none;border-radius:16px;padding:12px 24px;font-size:16px;font-family:Comic Sans MS,cursive;cursor:pointer;box-shadow:0 4px 10px #0003;transition:.2s}.start-btn:hover{transform:scale(1.05)}.practice-btn{margin-top:20px;background:linear-gradient(145deg,#b14cf0,#ff3fcf);color:#fff;border:none;border-radius:16px;padding:12px 24px;font-size:16px;font-family:Comic Sans MS,cursive;cursor:pointer;box-shadow:0 4px 10px #0003;transition:.2s}.practice-btn:hover{transform:scale(1.05)}.footer{margin-top:auto;margin-bottom:10px;font-size:24px;font-family:The_Hands_of_Deaf,sans-serif;opacity:.7;text-align:center;width:100%}.side-menu{position:fixed;top:0;left:-260px;width:240px;height:100%;background-color:#f8f8f8;box-shadow:2px 0 10px #0003;transition:left .3s ease;z-index:20;display:flex;flex-direction:column;align-items:center;padding-top:60px}.side-menu.open{left:0}.side-menu ul{list-style:none;padding:0;margin:0;width:100%}.side-menu li{background-color:#e0e0e0;padding:12px;margin:8px 20px;border-radius:8px;text-align:center;font-weight:700;color:#222;cursor:pointer;transition:.2s}.side-menu li:hover{background-color:#d1d1d1}.close-btn{position:absolute;top:10px;right:15px;font-size:22px;background:none;border:none;cursor:pointer}@font-face{font-family:The_Hands_of_Deaf;src:url(/assets/The_Hands_of_Deaf-Bm8MT6WQ.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:airborne;src:url(/assets/airborne-B0DwN-9A.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--header-h: 48px}.dictionary-screen{width:100vw;height:calc(var(--vh) * 100);display:flex;flex-direction:column;overflow:hidden}.header{height:48px;flex-shrink:0;background:#fff;z-index:10;position:sticky}.menu-btn{font-size:18px;background:#e4e4e4;border:none;cursor:pointer;padding:6px 10px;border-radius:6px;display:flex;align-items:center;justify-content:center}.dictionary-container{flex:1;display:flex;flex-direction:column;gap:12px;padding:12px;padding-top:var(--header-h);overflow:hidden}.picker-card{background:#eef0ff;border-radius:16px;padding:8px;box-shadow:0 6px 14px #00000026;box-sizing:border-box}.picker-title{margin:0 0 8px;font-style:italic}.picker-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-bottom:8px}.picker-select{appearance:none;border:0;background:#fff;border-radius:12px;padding:10px 12px;font-size:14px}.picker-choose{border:0;border-radius:16px;padding:10px 14px;color:#fff;background:linear-gradient(145deg,#b14cf0,#ff3fcf);font-weight:600}.progress-line{height:10px;width:auto;border-radius:999px;background:#cfcfe6;margin:6px 0;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#bb53f2,#7e5bef);border-radius:inherit}.progress-caption{font-size:12px;opacity:.8;margin-bottom:8px}.search-input{width:100%;border:0;background:#fff;border-radius:12px;padding:10px 12px;font-size:14px;box-sizing:border-box}.list-wrap{overflow-y:auto;border-radius:16px;padding-right:2px}.list-wrap:after{height:60px;background:linear-gradient(to bottom,#8087ff00,#8087ff99 60%,#8087ff)}.item-list{list-style:none;padding:0;margin:0;max-height:auto;overflow-y:auto}.item-list::-webkit-scrollbar{width:6px}.item-list::-webkit-scrollbar-track{background:#0000001a;border-radius:99px}.item-list::-webkit-scrollbar-thumb{background:#00000059;border-radius:99px}.item-row{display:grid;grid-template-columns:1fr auto;align-items:center;background:#d3d5e6;margin:10px 6px;padding:12px 14px;border-radius:14px;box-shadow:0 4px 10px #00000026}.item-title{font-size:18px;font-weight:600;font-family:Segoe UI,Arial,sans-serif}.star-badge{width:40px;height:40px;border-radius:50%;background:#818181;display:grid;place-items:center;border:none;cursor:pointer}.star-badge:active{transform:scale(.96)}.star-badge.is-active{background:#ffca53;text-shadow:0 1px 0 rgba(0,0,0,.15)}.star-badge svg{display:block;fill:#000;transform:translate(-7px)}.footer{flex-shrink:0;margin-top:12px;width:100%;text-align:center;font-size:22px;opacity:.75;font-family:The_Hands_of_Deaf,sans-serif}.dropdown-menu{position:absolute;top:55px;left:10px;width:200px;background-color:#f7f7f7;border-radius:10px;box-shadow:0 4px 10px #0003;z-index:9;animation:fadeIn .3s ease}.dropdown-menu ul{list-style:none;margin:0;padding:10px}.dropdown-menu li{background-color:#e3e3e3;margin:6px 0;padding:10px;text-align:center;border-radius:8px;cursor:pointer;font-weight:700;color:#222;transition:.2s}.dropdown-menu li:hover{background-color:#d0d0d0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:420px){.level-card{width:90%}}@font-face{font-family:The_Hands_of_Deaf;src:url(/assets/The_Hands_of_Deaf-Bm8MT6WQ.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:airborne;src:url(/assets/airborne-B0DwN-9A.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#6e82ffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s ease;z-index:900}.menu-overlay.show{opacity:1}.menu-container{position:fixed;top:0;left:0;width:260px;height:100%;background:#fff;box-shadow:3px 0 12px #00000026;border-radius:0 16px 16px 0;transform:translate(-100%);transition:transform .3s ease;z-index:1000}.menu-container.open{transform:translate(0)}.menu-close{font-size:24px;background:none;border:none;padding:12px;cursor:pointer}.menu-content{margin-top:20px}.menu-content ul{list-style:none;padding:0;margin:0}.menu-content li{padding:16px 20px;font-size:18px;cursor:pointer;transition:background .2s}.menu-content li:hover{background:#0000000d}.menu-content li{padding:14px 24px;font-size:18px;font-weight:500;color:#2c3e50;cursor:pointer;border-radius:12px;margin:6px 12px;transition:all .3s ease;display:flex;align-items:center}.menu-content li:hover{background:#6e82ff26;color:#1a1a1a;transform:translate(4px);box-shadow:0 4px 12px #0000001a}.menu-content li:active{background:#6e82ff40;transform:translate(2px);box-shadow:0 2px 6px #0000001a}.menu-close{font-size:28px;background:none;border:none;color:#2c3e50;padding:16px;cursor:pointer;transition:color .3s ease,transform .2s ease;border-radius:50%}.menu-close:hover{color:#6e82ff;transform:scale(1.1)}.app-container{font-family:Arial,sans-serif;background-color:#8087ff;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center}.header{width:100%;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box}.menu-btn{font-size:22px;background:#e4e4e4;border:none;cursor:pointer;height:auto}.logo{font-size:20px;font-weight:700;letter-spacing:2px;font-family:airborne,sans-serif}.logo-icon{font-size:24px}.camera-card{background-color:#353b77;border-radius:16px;margin-top:40px;width:80%;max-width:300px;padding:20px;text-align:center;color:#fff;position:relative;box-sizing:border-box}.video-container{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px #0003}video{width:100%;border-radius:8px;height:auto}.capture-btn{margin-top:40px;background:linear-gradient(145deg,#b14cf0,#ff3fcf);color:#fff;border:none;border-radius:16px;padding:12px 24px;font-size:16px;font-family:Comic Sans MS,cursive;cursor:pointer;box-shadow:0 4px 10px #0003;transition:.2s}.capture-btn:hover{transform:scale(1.05)}.footer{margin-top:auto;margin-bottom:10px;font-size:24px;opacity:.7;text-align:center;width:100%;font-family:The_Hands_of_Deaf,sans-serif}@font-face{font-family:The_Hands_of_Deaf;src:url(/assets/The_Hands_of_Deaf-Bm8MT6WQ.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:airborne;src:url(/assets/airborne-B0DwN-9A.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.record-controls{display:flex;justify-content:center;margin-top:20px}.record-btn,.stop-btn{border:none;padding:12px 24px;border-radius:16px;color:#fff;font-size:16px;font-family:Comic Sans MS;cursor:pointer;box-shadow:0 4px 10px #0003}.record-btn{background:#ff2d55}.stop-btn{background:#4b4bff}.recorded-preview{margin-top:20px;width:90%;max-width:350px;text-align:center}.download-btn{display:inline-block;margin-top:10px;background:#b14cf0;color:#fff;padding:10px 16px;border-radius:12px;text-decoration:none;font-size:15px}.categories-container{width:100vw;height:100vh;background-color:#8087ff;display:flex;flex-direction:column;align-items:center;font-family:Arial,sans-serif;overflow-x:hidden}.header{width:100%;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:5}.menu-btn{font-size:24px;background:none;border:0}.logo{font-weight:800;letter-spacing:2px;font-family:airborne,sans-serif}.scroll-area{flex:1;width:100%;overflow-y:auto;overflow-x:hidden;padding-top:10px;display:flex;flex-direction:column;align-items:center}.menu-btn{font-size:22px;background:#e4e4e4;border:none;cursor:pointer;border-radius:6px}.categories-box{margin-top:20px;background:#ff38cf;padding:10px;border-radius:20px;display:flex;gap:15px;box-shadow:0 4px 8px #0003}.category-item{background:#e8f757;width:65px;height:65px;border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:.2s}.category-icon{font-size:24px}.category-label{font-size:10px;font-weight:700;margin-top:3px}.category-item.active{transform:scale(1.1);box-shadow:0 0 10px #fffc}.roadmap{width:200px;height:400px;position:relative;margin-top:20px}.node{width:55px;height:55px;border-radius:50%;position:absolute;cursor:pointer;border:3px solid rgba(0,0,0,.2)}.node.green{background:#65e66d;box-shadow:0 4px 8px #00000040}.node.gray{background:#cfcfcf;cursor:default}.footer{margin-top:auto;margin-bottom:12px;font-size:24px;opacity:.7;font-family:The_Hands_of_Deaf,sans-serif}@font-face{font-family:The_Hands_of_Deaf;src:url(/assets/The_Hands_of_Deaf-Bm8MT6WQ.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:airborne;src:url(/assets/airborne-B0DwN-9A.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.exercises-screen{background:#8087ff;min-height:calc(var(--vh) * 100);width:100%;max-width:100%;overflow-x:hidden;display:flex;flex-direction:column;font-family:Arial,sans-serif}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}.header{width:100%;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:5}.menu-btn{font-size:20px;background:#e4e4e4;border:none;border-radius:6px;padding:6px 10px;cursor:pointer}.logo{font-size:20px;font-weight:700;letter-spacing:2px}.logo-icon{font-size:22px}.exercise-container{font-family:Arial,sans-serif;background-color:#8087ff;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;margin-top:20px}.exercise-header{width:100%;max-width:330px;text-align:center;margin-bottom:18px;font-size:48px;font-family:airborne,sans-serif}.exercise-category{background:#353b77;color:#fff;padding:12px;border-radius:14px;font-size:14px;font-weight:700;margin-bottom:10px;box-shadow:0 4px 10px #0000002e;width:100%;max-width:330px}.exercise-category .star{margin-left:6px;font-size:18px}.exercise-topic{background:#4d4d6b;color:#fff;padding:10px;border-radius:14px;font-size:13px;box-shadow:0 4px 10px #0000002e;width:100%;max-width:330px}.exercise-text-box{max-width:280px;background:#fff;padding:16px;border-radius:20px;box-shadow:0 4px 12px #0003;min-height:160px;max-height:240px;overflow-y:auto;margin-bottom:20px;width:100%;max-width:330px}.exercise-text{font-size:15px;line-height:1.45}.exercise-nav{display:flex;justify-content:center;gap:16px;margin-bottom:20px;width:100%;max-width:330px}.nav-btn{background:#b8b8d1;border:none;padding:10px 22px;border-radius:16px;font-size:16px;font-family:Comic Sans MS;cursor:pointer;box-shadow:0 4px 10px #0000002e;transition:.15s}.lesson-status-btn{background-color:#4aff95}.nav-btn:active{transform:scale(.95)}.exercises-start-btn{background:linear-gradient(145deg,#b14cf0,#ff3fcf);color:#fff;padding:12px 28px;border:none;border-radius:18px;font-size:18px;font-family:Comic Sans MS;cursor:pointer;margin-top:10px;box-shadow:0 4px 10px #00000038;transition:.15s;width:100%;max-width:330px}.exercises-start-btn:active{transform:scale(.95)}.exercise-video-box{width:clamp(240px,70vw,320px);aspect-ratio:1 / 1;overflow:hidden;border-radius:14px;margin:0 auto}.exercise-video-box video{width:100%;height:100%;object-fit:cover}@font-face{font-family:The_Hands_of_Deaf;src:url(/assets/The_Hands_of_Deaf-Bm8MT6WQ.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:airborne;src:url(/assets/airborne-B0DwN-9A.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}