@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap";*{box-sizing:border-box;margin:0;padding:0}.app-root{height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;overflow:hidden}.monitor-outer{width:100%;flex:1;min-height:0;display:flex;flex-direction:column}.monitor{flex:1;min-height:0;display:flex;flex-direction:column;background:transparent;padding:0;border-radius:0;box-shadow:none}.screen-ratio{position:relative;width:100%;flex:1;min-height:0;overflow:hidden;background:linear-gradient(145deg,#dde8ff,#e8e0ff,#ffdde8)}.site-footer{flex-shrink:0;height:24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 14px;background:#e6e8f1;border-top:1px solid rgba(30,30,80,.08);font-family:Nunito,sans-serif;font-size:11px;font-weight:600;color:#1e1e3c9e;white-space:nowrap;overflow:hidden}.site-footer .sf-brand{justify-self:start;font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:10px;color:#50556e8c}.site-footer .sf-copy{justify-self:center}.site-footer .sf-links{justify-self:end;display:inline-flex;align-items:center;gap:8px}.site-footer .sf-dot{opacity:.45}.site-footer a,.site-footer button{color:inherit;text-decoration:none;background:none;border:none;padding:0;font:inherit;cursor:pointer}.site-footer a:hover,.site-footer button:hover{color:#6c63ff;text-decoration:underline;text-underline-offset:2px}html.is-fullscreen .site-footer{display:none}.screen-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.chord-name-input::placeholder{color:#b6b6c6;opacity:1}.klas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:1700px){.klas-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1100px){.klas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px),(max-width:1024px) and (orientation:portrait){.klas-grid{grid-template-columns:1fr}}.klas-acts{display:flex;align-items:center;gap:.75rem;flex-shrink:0}@media (max-width:700px){.klas-acts{display:grid;grid-template-columns:repeat(2,30px);grid-auto-rows:28px;gap:4px}.klas-acts>button{width:30px;height:28px;border-radius:7px!important;padding:0!important;justify-content:center}.klas-acts .klas-act-lbl{display:none}.klas-name{font-size:15px!important}}@media (max-width:700px),(orientation:landscape) and (max-height:500px),(max-width:1024px) and (orientation:portrait){.app-root{height:auto;min-height:100svh;padding:0;justify-content:flex-start;background:linear-gradient(145deg,#dde8ff,#e8e0ff,#ffdde8)}.monitor-outer{width:100%;max-width:100%}.monitor{padding:0;border-radius:0;box-shadow:none;background:transparent}.screen-ratio{aspect-ratio:unset;height:100svh;border-radius:0;box-shadow:none}.screen-inner{position:relative;inset:auto;height:100svh;display:flex;flex-direction:column;zoom:1!important}.stand-neck,.stand-base,.chin,.power-btn,.chin-text{display:none!important}.top-menubar{height:48px!important;padding:0 10px!important;flex-shrink:0}.menubar-left{display:none}.tb-hide-mobile{display:none!important}.menubar-right{gap:6px!important}.zoom-controls{display:none!important}.desktop{overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:16px 12px!important;gap:0!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;align-content:start!important}.app-icon{width:100%!important;padding:12px 4px!important}.icon-box{width:90px!important;height:90px!important;font-size:40px!important;border-radius:24px!important}.icon-label{font-size:13px!important}.store{overflow:hidden;flex:1}.store-grid{overflow-y:auto!important;-webkit-overflow-scrolling:touch;gap:8px!important}.store-item{flex-wrap:wrap!important;padding:10px 12px!important;gap:10px!important}.store-item-info{flex:1 1 calc(100% - 60px)!important;min-width:0!important}.store-item-name{font-size:14px!important}.store-item-sub{font-size:11px!important;white-space:normal!important;overflow:visible!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}.store-item-icon{width:48px!important;height:48px!important;font-size:22px!important;flex-shrink:0}.store-item-right{flex-basis:100%!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}.license-area{flex:1;align-items:stretch!important}.license-row{width:100%}.license-input{flex:1!important;width:auto!important;min-width:0!important;font-size:12px!important}.license-submit{font-size:11px!important;flex-shrink:0}.taskbar{position:fixed!important;bottom:0;left:0;right:0;height:60px!important;min-height:60px!important;z-index:100;padding:0 8px!important;border-top:1px solid rgba(255,255,255,.5)}.taskbar-user,.taskbar-controls{flex:0 0 auto!important}.tabs{gap:0!important;flex:1 1 auto!important;min-width:0!important}.tabs-side{min-width:0!important}.tab{flex:1 1 0!important;min-width:0!important}.tab-label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.tab{font-size:9px!important;padding:4px 2px!important;flex-direction:column!important;gap:2px!important;flex:1;border-radius:8px!important}.tab-icon{display:flex!important}.tab-label{line-height:1}.tab.tab-wb .tab-label{display:none!important}.tab.tab-wb{min-width:0!important;width:62px!important;flex:0 0 62px!important;margin:0 8px!important}.clock-wrap{display:none!important}.desktop,.store-grid{padding-bottom:76px!important}.desktop:after,.store-grid:after{content:"";display:block;height:76px;flex-basis:100%;grid-column:1/-1;flex-shrink:0}.desktop.home-page{display:block!important;padding:0 0 76px!important}.desktop.lessons-page{display:block!important;padding:0!important;overflow:hidden!important}.desktop.lessons-page:after{display:none}.desktop.lessons-page .acad{bottom:76px}.home-cta-line{white-space:normal!important}.home-header{padding:28px 20px 16px!important;gap:14px!important;align-items:center!important}.home-header img{width:160px!important}.home-icons-grid{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-content:flex-start!important;gap:10px!important;padding:8px 12px 20px!important;width:100%!important;flex-basis:auto!important}.home-icons-grid .app-icon{flex:0 0 auto!important;width:calc((100% - 20px)/3)!important;box-sizing:border-box!important;padding:12px 6px!important;background:#ffffff59!important;border-radius:14px!important}.home-icons-grid .icon-box{width:46px!important;height:46px!important;font-size:20px!important}.home-icons-grid .icon-label{font-size:10px!important}.home-folders{flex-basis:auto!important;flex-wrap:nowrap!important;gap:6px!important;padding:0 8px 12px!important}.folder-shortcut{flex:1 1 0!important;min-width:0!important;width:auto!important;padding:4px 2px!important;opacity:1!important;display:flex!important}.folder-shortcut svg{width:clamp(42px,14vw,62px)!important;height:auto!important}.folder-shortcut span{font-size:11px!important;line-height:1.15!important}.page-scroll{padding-bottom:76px!important}.full-page{grid-column:1 / -1!important;width:100%!important}.apps-page{grid-column:1 / -1!important;width:100%!important;padding-bottom:76px!important}.apps-tabs{flex-wrap:nowrap!important;gap:6px!important;width:100%!important}.apps-tabs>button{flex:1 1 0!important;min-width:0!important;padding:8px 6px!important;font-size:11px!important;justify-content:center!important;gap:4px!important}.apps-tabs .apps-tab-soon{position:absolute!important;top:-7px!important;right:-3px!important;font-size:8px!important;padding:1px 4px!important;background:#f59e0bf2!important;box-shadow:0 1px 4px #0003}.apps-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:14px!important;justify-items:center!important;width:100%!important}.apps-grid .app-icon{width:100%!important}.overlay{position:fixed!important;align-items:flex-end!important}.app-sheet{min-width:unset!important;max-width:100%!important;width:100%;border-radius:28px 28px 0 0!important;padding:32px 24px 92px!important;max-height:90svh!important;overflow-y:auto!important}.browser-window{right:0!important;bottom:0!important;left:0!important;border-radius:0!important;top:48px!important}.browser-bar{padding:12px 16px!important;gap:12px!important}.browser-close{width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#ff5f57!important;margin-left:auto!important}.browser-url{font-size:15px!important}.user-popup{width:calc(100vw - 28px)!important;left:0!important}.store-title{font-size:18px!important}.tab.active-tab,.tab.store-active{background:#9b4fd426!important}}@media (max-width:480px){.piano-window,.piano-btn{display:none!important}}.top-menubar{position:relative;z-index:50;flex-shrink:0;height:clamp(36px,5%,52px);background:#ffffff8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.5);display:flex;align-items:center;padding:0 clamp(10px,1.5%,20px);justify-content:space-between;overflow:visible}.menubar-left{font-family:Nunito,sans-serif;font-size:clamp(11px,1.2%,16px);font-weight:800;color:#1e1e5059;letter-spacing:.8px;text-transform:uppercase;pointer-events:none}.menubar-right{display:flex;align-items:center;gap:clamp(8px,1%,16px)}.timer-chip{display:flex;align-items:center;gap:clamp(4px,.6%,8px);background:transparent;border:none;cursor:ns-resize;padding:clamp(4px,.6%,8px) clamp(8px,1%,14px);border-radius:clamp(6px,.8%,10px);transition:background .15s;touch-action:none;user-select:none;-webkit-user-select:none}.timer-chip:hover{background:#0000000f}.timer-chip.dragging{background:#6c63ff1f}.timer-chip-icon{font-size:clamp(20px,2.2vw,32px);line-height:1}.timer-chip-text{font-family:Nunito,sans-serif;font-size:clamp(16px,1.8vw,26px);font-weight:800;color:#1a1a3a;line-height:1;min-width:clamp(40px,5%,70px);text-align:center}.timer-chip-text.running{color:#6c63ff}.timer-chip-text.done{color:#ff4d6d;animation:pulse .5s ease infinite alternate}@supports not (zoom: 1){.screen-inner{zoom:unset!important;position:relative!important;inset:auto!important;height:100%!important}.store{overflow:hidden}.store-grid,.desktop{overflow-y:auto}.zoom-controls{display:none!important}}.desktop{position:relative;z-index:1;flex:1;min-height:0;padding:2.5% 3%;display:flex;flex-wrap:wrap;gap:1%;align-content:flex-start;overflow-y:auto;overflow-x:hidden}.desktop.lessons-page{padding:0;overflow:hidden}.app-icon{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.2%,14px);padding:clamp(12px,1.8%,24px) clamp(10px,1.4%,18px);border-radius:clamp(8px,1.2%,14px);cursor:pointer;width:clamp(150px,20%,230px);-webkit-user-select:none;user-select:none;position:relative}.app-icon:hover .icon-label{transform:scale(1.06)}.icon-label{transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.icon-box{position:relative;width:clamp(110px,16%,180px);height:clamp(110px,16%,180px);border-radius:clamp(24px,3.2%,40px);display:flex;align-items:center;justify-content:center;font-size:clamp(48px,7%,96px);box-shadow:0 5px 18px #0000002e,0 1px 4px #0000001a,inset 0 1px #ffffff59;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;flex-shrink:0}.app-icon:hover .icon-box{transform:translateY(-5%) scale(1.07);box-shadow:0 14px 32px #00000038,inset 0 1px #ffffff59}.home-cta-line{white-space:nowrap}.icon-label{font-family:Nunito,sans-serif;font-size:clamp(13px,1.5%,19px);font-weight:800;color:#1a1a3a;text-align:center;line-height:1.25;text-shadow:0 1px 3px rgba(255,255,255,.8)}.apps-grid .app-icon{width:calc(clamp(150px,20%,230px) * var(--apps-scale,1));padding:calc(clamp(12px,1.8%,24px) * var(--apps-scale,1)) calc(clamp(10px,1.4%,18px) * var(--apps-scale,1))}.apps-grid .icon-box{width:calc(clamp(110px,16%,180px) * var(--apps-scale,1));height:calc(clamp(110px,16%,180px) * var(--apps-scale,1));border-radius:calc(clamp(24px,3.2%,40px) * var(--apps-scale,1))}.apps-grid .icon-box>img{width:62%!important;height:62%!important}.apps-grid .icon-box>svg{width:48%;height:48%}.apps-grid .icon-label{font-size:calc(clamp(13px,1.5%,19px) * var(--apps-scale,1))}@media (min-width:701px) and (min-height:501px) and (orientation:landscape),(min-width:1025px){.home-icons-grid .app-icon{width:clamp(110px,15%,170px)!important}.home-icons-grid .icon-box{width:clamp(72px,11%,120px)!important;height:clamp(72px,11%,120px)!important;border-radius:clamp(16px,2.2%,28px)!important}.home-icons-grid .icon-label{font-size:clamp(10px,.9vw,14px)!important}}.folder-shortcut:hover svg{transform:translateY(-6%) scale(1.1)}.tooltip{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:#141428d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:clamp(9px,.9%,12px);font-weight:700;padding:4px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:30}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:20;background:#00000038;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.78);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{opacity:1}to{opacity:.4}}@keyframes curtain{0%{height:0%}to{height:50%}}@keyframes bootIn{0%{clip-path:inset(50% 0% 50% 0%)}60%{clip-path:inset(0% 0% 0% 0%)}to{clip-path:inset(0% 0% 0% 0%)}}@keyframes fadeInText{to{opacity:1}}@keyframes loadBar{to{width:100%}}@keyframes ropeWiggle{0%,to{transform:scaleY(-1) rotate(0)}20%{transform:scaleY(-1) rotate(-8deg)}40%{transform:scaleY(-1) rotate(8deg)}60%{transform:scaleY(-1) rotate(-5deg)}80%{transform:scaleY(-1) rotate(5deg)}}.app-sheet{position:relative;background:#ffffffed;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(30px,3vw,44px);padding:clamp(40px,4.2vw,64px) clamp(36px,4vw,60px) clamp(32px,3.4vw,52px);display:flex;flex-direction:column;align-items:center;gap:clamp(14px,1.3vw,20px);box-shadow:0 24px 70px #28145a38;animation:popIn .22s cubic-bezier(.34,1.56,.64,1);min-width:clamp(260px,30vw,360px);max-width:clamp(320px,40vw,440px);box-sizing:border-box}.badge-icon{font-size:clamp(24px,4.5%,52px);width:clamp(76px,7vw,104px);height:clamp(76px,7vw,104px);border-radius:clamp(20px,2vw,28px);flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0000002e}.badge-name{font-family:Nunito,sans-serif;font-size:clamp(15px,1.3vw,23px);font-weight:800;color:#1a1a3a;text-align:center}.badge-desc{font-size:clamp(12px,1vw,16px);font-weight:600;color:#1e1e507a;text-align:center;line-height:1.5;max-width:clamp(220px,28vw,320px)}.badge-btn{margin-top:clamp(4px,.6%,8px);background:#1a1a3a;color:#fff;border:none;cursor:pointer;font-family:Nunito,sans-serif;font-size:clamp(13px,1vw,16px);font-weight:800;padding:clamp(11px,1vw,14px) clamp(18px,2vw,28px);display:flex;align-items:center;justify-content:center;gap:8px;border-radius:100px;transition:background .15s,transform .15s;width:100%}.badge-btn:hover{background:#9b4fd4;transform:scale(1.03)}.badge-btn.secondary{background:transparent;color:#1e1e5066;border:1.5px solid rgba(30,30,80,.15);margin-top:0}.badge-btn.secondary:hover{background:#0000000d;transform:none}.badge-close{position:absolute;top:clamp(14px,1.4vw,20px);right:clamp(14px,1.4vw,20px);width:clamp(28px,2.2vw,34px);height:clamp(28px,2.2vw,34px);border-radius:50%;background:#00000012;border:none;cursor:pointer;font-size:clamp(9px,.9%,13px);color:#888;display:flex;align-items:center;justify-content:center;transition:background .15s}.badge-close:hover{background:#ff505026;color:#c00}.store{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;overflow:hidden}.store-header{padding:clamp(8px,1.2%,16px) clamp(12px,2%,24px) 0;display:flex;align-items:center;gap:clamp(6px,1%,12px);flex-shrink:0}.store-title{font-family:Nunito,sans-serif;font-size:clamp(14px,2%,26px);font-weight:800;color:#1a1a3a}.store-tabs{display:flex;gap:clamp(4px,.6%,8px);margin-left:auto}.store-tab{font-family:Nunito,sans-serif;font-size:clamp(10px,1.1%,15px);font-weight:700;padding:clamp(4px,.6%,8px) clamp(10px,1.5%,18px);border-radius:100px;border:none;cursor:pointer;background:#0000000f;color:#1e1e5080;transition:all .15s}.store-tab.active{background:#1a1a3a;color:#fff}.store-grid{flex:1;overflow-y:auto;padding:clamp(8px,1.2%,14px) clamp(12px,2%,24px);display:flex;flex-direction:column;gap:clamp(6px,1%,10px)}.store-item{background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:clamp(8px,1.2%,14px);padding:clamp(8px,1.2%,14px) clamp(10px,1.5%,18px);display:flex;align-items:center;gap:clamp(8px,1.2%,14px);box-shadow:0 2px 8px #0000000f;transition:background .15s}.store-item:hover{background:#ffffffe6}.store-item-icon{width:clamp(44px,7%,72px);height:clamp(44px,7%,72px);border-radius:clamp(10px,1.5%,18px);display:flex;align-items:center;justify-content:center;font-size:clamp(20px,3.2%,38px);flex-shrink:0;box-shadow:0 3px 10px #00000026}.store-item-info{flex:1;min-width:0}.store-item-name{font-family:Nunito,sans-serif;font-size:clamp(12px,1.5%,19px);font-weight:800;color:#1a1a3a}.store-item-sub{font-size:clamp(10px,1.1%,14px);color:#1e1e5073;font-weight:600;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:clamp(4px,.6%,8px);flex-shrink:0}.store-price{font-family:Nunito,sans-serif;font-size:clamp(11px,1.3%,17px);font-weight:800;color:#1a1a3a}.store-price.free{color:#06d6a0}.store-price.premium{color:#6c63ff}.store-price.lite{color:#9b4fd4}.store-btn{font-family:Nunito,sans-serif;font-size:clamp(10px,1.1%,14px);font-weight:800;padding:clamp(5px,.7%,8px) clamp(10px,1.5%,18px);border-radius:100px;border:none;cursor:pointer;transition:all .15s;white-space:nowrap}.license-area{display:flex;flex-direction:column;gap:clamp(3px,.4%,5px);align-items:flex-end}.license-row{display:flex;gap:clamp(3px,.4%,5px);align-items:center}.license-input{font-family:Nunito,sans-serif;font-size:clamp(10px,1.1%,14px);font-weight:700;padding:clamp(4px,.6%,7px) clamp(8px,1%,12px);border-radius:6px;border:1.5px solid rgba(155,79,212,.3);background:#fff;color:#1a1a3a;width:clamp(100px,15%,160px);outline:none;transition:border .15s}.license-input:focus{border-color:#9b4fd4}.license-input::placeholder{color:#1e1e504d}.license-submit{font-family:Nunito,sans-serif;font-size:clamp(10px,1.1%,14px);font-weight:800;padding:clamp(4px,.6%,7px) clamp(8px,1%,12px);border-radius:6px;border:none;cursor:pointer;background:#1a1a3a;color:#fff;transition:background .15s;white-space:nowrap}.license-submit:hover{background:#9b4fd4}.license-msg{font-size:clamp(9px,1%,13px);font-weight:700}.taskbar{position:relative;z-index:29;height:clamp(46px,6.2vh,60px);min-height:44px;background:#ffffff80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.65);display:flex;align-items:center;padding:0 2%;justify-content:space-between;flex-shrink:0}.tabs{display:flex;align-items:center;gap:clamp(2px,.3%,4px);flex:1;justify-content:center;position:relative;z-index:2}.tabs-side{display:flex;align-items:center;gap:clamp(2px,.3%,4px);flex:1;min-width:0}.tabs-left{justify-content:flex-end}.tabs-right{justify-content:flex-start}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1px,.2%,3px);padding:clamp(3px,.45%,6px) clamp(8px,1.3%,18px);border-radius:clamp(6px,.9%,10px);cursor:pointer;font-family:Nunito,sans-serif;font-size:clamp(10px,1.2%,15px);font-weight:700;color:#1e1e5080;background:transparent;border:none;transition:background .15s,color .15s;white-space:nowrap}.tab-icon{display:flex}.tab:hover{background:#0000000f;color:#1a1a3a}.tab.active-tab{background:#9b4fd41f;color:#9b4fd4}.tab.store-active{background:#ffd93d2e;color:#c8900a}.tab.tab-wb{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;background:linear-gradient(135deg,#6c63ff,#9b4fd4)!important;color:#fff!important;box-shadow:0 6px 18px #6c63ff66!important;font-weight:800;padding:6px 8px!important;border-radius:10px!important}@media (min-width:701px) and (orientation:landscape),(min-width:1025px){.tab.tab-wb{padding:clamp(6px,.9%,11px) clamp(14px,1.8%,24px)!important;border-radius:clamp(12px,1.4%,16px)!important;transform:translateY(-2px)}}.tab.tab-wb .tab-icon{display:flex!important}.tab.tab-wb .tab-label{line-height:1}.tab.tab-wb:hover{color:#fff!important;filter:brightness(1.07)}.tab.tab-wb.active-tab{box-shadow:0 8px 22px #6c63ff8c!important}.clock-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:1px;cursor:pointer;padding:clamp(2px,.3%,4px) clamp(4px,.5%,7px);border-radius:clamp(4px,.5%,7px);transition:background .15s}.clock-wrap:hover{background:#0000000f}.clock-time{font-family:Nunito,sans-serif;font-size:clamp(13px,1.8%,22px);font-weight:800;color:#1a1a3a;line-height:1}.clock-date{font-size:clamp(10px,1.3%,16px);font-weight:700;color:#1e1e5080}.chin{height:32px;background:linear-gradient(180deg,#d0d4df,#c4c8d4);border-radius:0 0 10px 10px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:relative}.chin-text{font-family:Nunito,sans-serif;font-size:10px;font-weight:700;color:#50556e66;letter-spacing:3px;text-transform:uppercase}.power-btn{width:22px;height:22px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .1s,box-shadow .1s}.power-btn.on{background:radial-gradient(circle at 40% 35%,#34d977,#1aab55);box-shadow:0 2px 4px #00000059,0 1px #ffffff40 inset,0 0 8px #1aab5580}.power-btn.off{background:radial-gradient(circle at 40% 35%,#888,#555);box-shadow:0 2px 4px #0006,0 1px #ffffff26 inset}.power-btn:hover{transform:scale(1.1)}.power-btn:active{transform:scale(.92)}.power-btn svg{width:11px;height:11px}.stand-neck{width:60px;height:20px;background:linear-gradient(180deg,#c4c8d4,#b4b8c4);margin:0 auto}.stand-base{width:160px;height:10px;background:linear-gradient(180deg,#b4b8c4,#a4a8b4);border-radius:0 0 8px 8px;margin:0 auto}.screen-off{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.screen-off:before,.screen-off:after{content:"";position:absolute;left:0;right:0;background:#000;animation:curtain .45s cubic-bezier(.4,0,.2,1) forwards}.screen-off:before{top:0;transform-origin:top}.screen-off:after{bottom:0;transform-origin:bottom}.boot-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;animation:bootIn .3s ease forwards}.boot-logo{opacity:0;animation:fadeInText .4s ease .5s forwards;display:flex;align-items:center;justify-content:center}.boot-logo img{width:clamp(120px,20%,240px);height:auto}.boot-bar-wrap{width:clamp(80px,14%,160px);height:3px;background:#ffffff26;border-radius:2px;overflow:hidden;opacity:0;animation:fadeInText .3s ease .7s forwards}.boot-bar{height:100%;background:#9b4fd4;border-radius:2px;animation:loadBar 1.2s ease .8s forwards;width:0%}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:25;background:#1e144661;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fadeIn .15s ease}.modal{position:relative;background:#fff;border:1px solid rgba(155,79,212,.18);border-radius:clamp(12px,2%,18px);padding:clamp(16px,3%,36px);width:clamp(220px,42%,420px);max-width:92%;box-shadow:0 10px 34px #28145a40;font-family:Nunito,sans-serif;animation:popIn .2s cubic-bezier(.34,1.56,.64,1)}.modal-title{font-family:Nunito,sans-serif;font-size:clamp(16px,2.3%,28px);font-weight:800;color:#5b2a86;margin-bottom:clamp(4px,.6%,8px)}.modal-sub{font-size:clamp(11px,1.3%,17px);color:#1e1e5099;font-weight:600;margin-bottom:clamp(10px,1.5%,20px);line-height:1.45}.modal-input{width:100%;font-family:Nunito,sans-serif;font-size:clamp(12px,1.45%,18px);font-weight:700;padding:clamp(9px,1.2%,15px) clamp(10px,1.3%,18px);border-radius:12px;border:1.5px solid rgba(155,79,212,.25);background:#fbf9ff;color:#2d2466;outline:none;margin-bottom:clamp(6px,.9%,12px);transition:border .15s;display:block}.modal-input:focus{border-color:#9b4fd4;box-shadow:0 0 0 3px #9b4fd426}.modal-btn{width:100%;font-family:Nunito,sans-serif;font-size:clamp(12px,1.45%,18px);font-weight:800;padding:clamp(9px,1.2%,16px);border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#9b4fd4);color:#fff;box-shadow:0 4px 12px #6c63ff40;transition:filter .15s,transform .15s;margin-top:clamp(4px,.6%,8px);display:block}.modal-btn:hover{filter:brightness(1.06)}.modal-btn:active{transform:scale(.98)}.modal-btn:disabled{opacity:.6;cursor:default}.modal-error{font-size:clamp(11px,1.1%,13px);font-weight:700;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:8px 10px;margin-bottom:10px}.modal-close{position:absolute!important;top:clamp(12px,1.6%,18px);right:clamp(12px,1.6%,18px);z-index:2}.modal-close:hover{filter:brightness(1.08)}.modal-close+.modal-title{padding-right:36px}.modal.modal-auth{width:clamp(300px,42%,440px);height:min(580px,calc(100% - 32px));padding-top:clamp(16px,2.4%,28px);padding-bottom:clamp(16px,2.4%,28px);display:flex;flex-direction:column;overflow-y:auto;box-sizing:border-box}.modal.modal-auth:before,.modal.modal-auth:after{content:"";flex:1 0 0}@media (max-width:700px){.modal{width:min(440px,calc(100vw - 28px))!important;max-width:none!important;padding:22px 20px!important}.modal-input{font-size:16px!important}.modal-btn{font-size:16px!important;padding:12px!important}}.lesson-modal{background:#fffffff7;border-radius:clamp(8px,1.2%,16px);width:92%;max-width:680px;max-height:85%;display:flex;flex-direction:column;box-shadow:0 24px 64px #0003;animation:popIn .2s cubic-bezier(.34,1.56,.64,1)}.lesson-modal-header{display:flex;align-items:center;gap:clamp(6px,1%,12px);padding:clamp(10px,1.5%,18px) clamp(12px,2%,24px);border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}.lesson-modal-title{font-family:Nunito,sans-serif;font-size:clamp(10px,1.4%,18px);font-weight:800;color:#1a1a3a;flex:1}.lesson-modal-body{flex:1;overflow-y:auto;padding:clamp(10px,1.5%,20px) clamp(12px,2%,24px);font-size:clamp(9px,1.1%,14px);line-height:1.6;color:#1a1a3a}.browser-window{position:absolute;inset:clamp(6%,8%,10%) clamp(4%,5%,8%);z-index:22;background:#fff;border-radius:clamp(8px,1.2%,14px);box-shadow:0 16px 48px #0000002e;display:flex;flex-direction:column;overflow:hidden;animation:popIn .2s cubic-bezier(.34,1.56,.64,1)}.browser-bar{display:flex;align-items:center;gap:clamp(5px,.7%,8px);padding:clamp(6px,.9%,10px) clamp(10px,1.5%,16px);background:#f5f5f7;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.browser-close{width:20px;height:20px;min-width:20px;border-radius:50%;background:#ff5f57;border:none;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:auto}.browser-close:hover{background:#ff3b30}.browser-url{flex:1;font-family:Nunito,sans-serif;font-size:clamp(14px,1.4vw,22px);font-weight:800;color:#1a1a3a;border:none;outline:none;background:transparent}.browser-content{flex:1;min-height:0;overflow-y:auto;padding:clamp(14px,2.5%,30px) clamp(16px,3%,36px);font-family:Nunito,sans-serif;color:#1a1a3a;line-height:1.65}.browser-content h2{font-family:Nunito,sans-serif;font-size:clamp(17px,2vw,30px);font-weight:800;margin-bottom:clamp(10px,1.5%,18px)}.browser-content p{font-size:clamp(12px,1.2vw,18px);margin-bottom:clamp(10px,1.5%,18px);color:#1e1e50b8}.browser-content strong{color:#1a1a3a}.piano-window{position:absolute;z-index:25;background:#fffffff5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(10px,1.5%,18px);box-shadow:0 20px 60px #0003;overflow:hidden;animation:popIn .2s cubic-bezier(.34,1.56,.64,1);min-width:clamp(320px,68vw,740px)}.piano-titlebar{background:linear-gradient(90deg,#1a1a3a,#2d2d5e);padding:clamp(8px,1vw,14px) clamp(12px,1.5vw,20px);display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none}.piano-titlebar:active{cursor:grabbing}.piano-title{font-family:Nunito,sans-serif;font-size:clamp(12px,1.3vw,18px);font-weight:800;color:#fff;letter-spacing:1px}.piano-close{width:clamp(16px,1.8vw,24px);height:clamp(16px,1.8vw,24px);border-radius:50%;background:#ff5f57;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.piano-close:hover{background:#ff3b30}.piano-keys-wrap{padding:clamp(12px,1.5vw,22px) clamp(12px,1.5vw,20px);display:flex;flex-direction:column;gap:clamp(8px,1vw,14px)}.piano-octave-label{font-family:Nunito,sans-serif;font-size:clamp(10px,1vw,14px);font-weight:700;color:#1e1e504d;letter-spacing:2px;text-transform:uppercase;text-align:center}.piano-keys{position:relative;display:flex;height:clamp(100px,14vw,160px);gap:2px}.white-key{flex:1;background:#fff;border-radius:0 0 clamp(4px,.6vw,8px) clamp(4px,.6vw,8px);border:1.5px solid #ddd;cursor:pointer;transition:background .08s,transform .08s;display:flex;align-items:flex-end;justify-content:center;padding-bottom:clamp(5px,.7vw,10px);box-shadow:0 4px 10px #0000001f;-webkit-user-select:none;user-select:none;touch-action:none}.white-key:hover{background:#f0f0ff}.white-key.active{background:#d0ccff;transform:scaleY(.97)}.white-key-label{font-family:Nunito,sans-serif;font-size:clamp(10px,1vw,14px);font-weight:800;color:#1e1e5059;pointer-events:none;text-align:center}.black-key{position:absolute;top:0;height:60%;z-index:2;background:linear-gradient(180deg,#2a2a3e,#1a1a2e);border-radius:0 0 clamp(4px,.5vw,7px) clamp(4px,.5vw,7px);cursor:pointer;box-shadow:0 5px 12px #0006;transition:background .08s,transform .08s;-webkit-user-select:none;user-select:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;touch-action:none}.black-key:hover{background:linear-gradient(180deg,#3a3a5e,#2a2a4e)}.black-key.active{background:linear-gradient(180deg,#6c63ff,#5a52e0);transform:scaleY(.96)}.black-key-label{font-family:Nunito,sans-serif;font-size:clamp(8px,.8vw,11px);font-weight:800;color:#ffffff4d;pointer-events:none}.piano-hint{font-family:Nunito,sans-serif;font-size:clamp(10px,1vw,14px);font-weight:600;color:#1e1e504d;text-align:center;padding-bottom:clamp(6px,.8vw,12px)}.clock-window{position:absolute;bottom:calc(clamp(46px,6.2vh,60px) + 6px);right:1%;z-index:25;background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(12px,1.6%,20px);box-shadow:0 12px 40px #0000002e;animation:popIn .2s cubic-bezier(.34,1.56,.64,1);width:clamp(240px,28%,340px)}.cw-titlebar{padding:clamp(10px,1.3%,16px) clamp(12px,1.6%,20px) 0;display:flex;align-items:center;justify-content:flex-end}.cw-close{width:clamp(14px,1.6%,20px);height:clamp(14px,1.6%,20px);border-radius:50%;background:#00000012;border:none;cursor:pointer;color:#888;display:flex;align-items:center;justify-content:center;transition:background .15s}.cw-close:hover{background:#ff505026;color:#c00}.cw-body{padding:clamp(10px,1.4%,18px);display:flex;flex-direction:column;gap:clamp(8px,1.1%,14px)}.cw-btn-row{display:flex;gap:clamp(6px,.8%,12px);justify-content:center}.cw-btn{font-family:Nunito,sans-serif;font-size:clamp(11px,1.2%,16px);font-weight:800;padding:clamp(6px,.8%,11px) clamp(14px,1.8%,22px);border-radius:100px;border:none;cursor:pointer;transition:all .15s}.cw-btn.primary{background:#6c63ff;color:#fff}.cw-btn.primary:hover{background:#5a52e0;transform:scale(1.04)}.cw-btn.secondary{background:#00000012;color:#1e1e5099}.cw-btn.danger{background:#ff4d6d1a;color:#ff4d6d}.cw-preset-row{display:flex;gap:clamp(5px,.6%,8px);justify-content:center;flex-wrap:wrap}.cw-preset{font-family:Nunito,sans-serif;font-size:clamp(10px,1.1%,14px);font-weight:800;padding:clamp(4px,.5%,7px) clamp(10px,1.2%,16px);border-radius:100px;border:1.5px solid rgba(108,99,255,.25);background:transparent;color:#6c63ffb3;cursor:pointer;transition:all .15s}.cw-preset:hover{background:#6c63ff1a}.cw-metro-bpm{font-family:Nunito,sans-serif;font-size:clamp(28px,4%,52px);font-weight:800;color:#1a1a3a;text-align:center;line-height:1}.cw-metro-label{font-family:Nunito,sans-serif;font-size:clamp(11px,1.2%,15px);font-weight:700;color:#1e1e5059;text-align:center;margin-top:4px}.cw-slider{width:100%;accent-color:#6C63FF;height:5px;cursor:pointer;margin:clamp(6px,.8%,10px) 0}.cw-beat-dots{display:flex;gap:clamp(6px,.8%,12px);justify-content:center;margin:clamp(4px,.6%,8px) 0}.cw-beat-dot{width:clamp(12px,1.6%,18px);height:clamp(12px,1.6%,18px);border-radius:50%;background:#0000001a;transition:background .05s,transform .05s}.cw-beat-dot.active{background:#6c63ff;transform:scale(1.3)}.cw-beat-dot.beat1{background:#ff6b35;transform:scale(1.4)}.user-popup{position:absolute;bottom:calc(100% + clamp(4px,.6%,8px));left:0;z-index:30;width:clamp(200px,26%,280px);background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(10px,1.4%,18px);box-shadow:0 12px 40px #00000026;overflow:hidden;animation:popIn .18s cubic-bezier(.34,1.56,.64,1)}.user-popup-header{background:linear-gradient(135deg,#6c63ff,#9b93ff);padding:clamp(14px,2%,22px);display:flex;flex-direction:column;align-items:center;gap:clamp(5px,.7%,9px)}.user-avatar{display:none}.user-name{font-family:Nunito,sans-serif;font-size:clamp(15px,1.8%,22px);font-weight:800;color:#fff}.user-email-sm{font-size:clamp(11px,1.2%,15px);font-weight:600;color:#ffffffbf}.user-popup-body{padding:clamp(10px,1.4%,18px);display:flex;flex-direction:column;gap:clamp(4px,.5%,8px)}.user-menu-item{display:flex;align-items:center;gap:clamp(7px,1%,12px);padding:clamp(8px,1.1%,13px) clamp(10px,1.3%,16px);border-radius:clamp(6px,.9%,10px);border:none;background:transparent;cursor:pointer;font-family:Nunito,sans-serif;font-size:clamp(13px,1.5%,18px);font-weight:700;color:#1e1e50b3;width:100%;text-align:left;transition:background .12s,color .12s}.user-menu-item:hover{background:#6c63ff14;color:#6c63ff}.user-menu-item.danger:hover{background:#ff4d6d14;color:#ff4d6d}.user-divider{height:1px;background:#0000000f;margin:clamp(2px,.3%,4px) 0}.menu-btn{font-family:Nunito,sans-serif;font-size:clamp(11px,1.2%,16px);font-weight:800;color:#1e1e5099;background:transparent;border:none;cursor:pointer;padding:clamp(3px,.4%,6px) clamp(6px,.8%,10px);border-radius:clamp(4px,.5%,7px);transition:background .15s,color .15s;white-space:nowrap}.menu-btn:hover,.menu-btn.active{background:#6c63ff1a;color:#6c63ff}.menu-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:50;background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(8px,1%,12px);box-shadow:0 12px 40px #00000026;min-width:clamp(160px,22%,240px);overflow:hidden;animation:popIn .15s cubic-bezier(.34,1.56,.64,1)}.menu-item{display:flex;align-items:center;gap:clamp(8px,1%,12px);padding:clamp(7px,1%,11px) clamp(10px,1.4%,16px);border:none;background:transparent;cursor:pointer;font-family:Nunito,sans-serif;font-size:clamp(11px,1.2%,16px);font-weight:700;color:#1e1e50bf;width:100%;text-align:left;transition:background .1s,color .1s}.menu-item:hover{background:#6c63ff14;color:#6c63ff}.menu-item.danger:hover{background:#ff4d6d14;color:#ff4d6d}.menu-separator{height:1px;background:#00000012;margin:3px 0}.lang-wrap{position:relative}.lang-btn{font-family:Nunito,sans-serif;font-size:clamp(10px,1.1%,15px);font-weight:800;background:#6c63ff1a;color:#6c63ff;border:none;cursor:pointer;padding:clamp(3px,.4%,5px) clamp(7px,.9%,12px);border-radius:100px;transition:background .15s;white-space:nowrap;width:clamp(58px,6vw,80px);text-align:center}.lang-btn:hover,.lang-btn.active{background:#6c63ff33}.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:50;background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(8px,1%,12px);box-shadow:0 10px 32px #00000024;overflow:hidden;animation:popIn .15s cubic-bezier(.34,1.56,.64,1);min-width:120px}.lang-option{display:flex;align-items:center;gap:8px;padding:clamp(7px,1%,11px) clamp(12px,1.5%,18px);border:none;background:transparent;cursor:pointer;font-family:Nunito,sans-serif;font-size:clamp(11px,1.2%,16px);font-weight:700;color:#1e1e50bf;width:100%;text-align:left;transition:background .1s,color .1s}.lang-option:hover{background:#6c63ff14;color:#6c63ff}.lang-option.selected{color:#6c63ff;background:#6c63ff0f}@keyframes dmmIntroPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes dmmIntroDot{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes dmmIntroRing{0%{transform:scale(1);opacity:.55}to{transform:scale(2.6);opacity:0}}.app-icon-spotlight .icon-box{box-shadow:0 0 0 3px #ffc93c,0 6px 22px #ffb7038c,inset 0 1px #ffffff59;animation:dmmSpotlightPulse 2.2s ease-in-out infinite}.app-icon-spotlight:hover .icon-box{animation:none;box-shadow:0 0 0 3px #ffc93c,0 14px 32px #ffb70380,inset 0 1px #ffffff59}@keyframes dmmSpotlightPulse{0%,to{box-shadow:0 0 0 3px #ffc93c,0 6px 22px #ffb70373,inset 0 1px #ffffff59}50%{box-shadow:0 0 0 3px #ffd93d,0 8px 28px #ffb703bf,inset 0 1px #ffffff59}}.update-banner-row{flex-shrink:0;display:flex;justify-content:center;padding:8px 12px 0;position:relative;z-index:40;pointer-events:none}.update-banner{display:flex;align-items:stretch;gap:0;background:linear-gradient(135deg,#ffd93d,#ffbe0b);border-radius:100px;box-shadow:0 8px 26px #ffb70373,0 2px 8px #0000001f;animation:dmmBannerDrop2 .35s cubic-bezier(.34,1.56,.64,1);max-width:100%;pointer-events:auto}.update-banner-main{display:flex;align-items:center;gap:clamp(8px,1vw,12px);background:none;border:none;cursor:pointer;padding:clamp(9px,1.1vw,13px) clamp(14px,1.6vw,22px);font-family:Nunito,sans-serif;color:#5a3d00;min-width:0}.update-banner-text{font-weight:800;font-size:clamp(12px,1.2vw,15px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-banner-cta{font-weight:800;font-size:clamp(11px,1.1vw,14px);background:#5a3d0026;padding:clamp(3px,.4vw,5px) clamp(9px,1vw,14px);border-radius:100px;white-space:nowrap}.update-banner-main:hover .update-banner-cta{background:#5a3d0047}.update-banner-close{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#5a3d00;padding:0 clamp(12px,1.3vw,16px) 0 clamp(2px,.4vw,6px);border-radius:0 100px 100px 0}.update-banner-close:hover{color:#000}@keyframes dmmBannerDrop{0%{transform:translate(-50%) translateY(-16px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes dmm-notify-glow{0%,to{box-shadow:0 0 0 3px #ffffffe6,0 0 14px 3px #ec4c6a73}50%{box-shadow:0 0 0 3px #ffffffe6,0 0 22px 7px #ec4c6acc}}@keyframes dmmBannerDrop2{0%{transform:translateY(-14px);opacity:0}to{transform:translateY(0);opacity:1}}html.is-fullscreen .app-root{padding:0;justify-content:flex-start}html.is-fullscreen .monitor-outer{width:100%;max-width:100%;height:100%}html.is-fullscreen .monitor{padding:0;border-radius:0;box-shadow:none;background:transparent;height:100%}html.is-fullscreen .screen-ratio{aspect-ratio:unset;height:100vh;border-radius:0;box-shadow:none}html.is-fullscreen .chin,html.is-fullscreen .stand-neck,html.is-fullscreen .stand-base{display:none}@media (max-width:700px),(orientation:landscape) and (max-height:500px),(max-width:1024px) and (orientation:portrait){.site-footer{position:fixed;left:0;right:0;bottom:0;z-index:101;height:auto;min-height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px 10px calc(3px + env(safe-area-inset-bottom));font-size:10px;line-height:14px;white-space:normal;text-align:center}.site-footer .sf-brand{display:none}.site-footer{height:calc(34px + env(safe-area-inset-bottom))!important;min-height:0!important;overflow:hidden}.site-footer .sf-copy{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.site-footer .sf-links{gap:6px;flex-wrap:nowrap;justify-content:flex-start;max-width:100%;overflow-x:auto;touch-action:pan-x;scrollbar-width:none;white-space:nowrap}.site-footer .sf-links::-webkit-scrollbar{display:none}.site-footer .sf-links>*{flex-shrink:0}.site-footer .sf-links>:first-child{margin-left:auto}.site-footer .sf-links>:last-child{margin-right:auto}.taskbar{bottom:calc(34px + env(safe-area-inset-bottom))!important}.desktop,.store-grid{padding-bottom:110px!important}.desktop:after,.store-grid:after{height:110px}.desktop.home-page{padding:0 0 110px!important}.desktop.lessons-page .acad{bottom:110px}.page-scroll,.apps-page{padding-bottom:110px!important}.app-sheet{padding-bottom:126px!important}}@media (max-width:700px),(orientation:landscape) and (max-height:500px),(max-width:1024px) and (orientation:portrait){.overlay{box-sizing:border-box;padding-bottom:calc(110px + env(safe-area-inset-bottom));padding-top:56px}.ais{height:min(520px,calc(100% - 16px))!important}.ais-head{height:clamp(96px,20vh,160px)!important;gap:4px!important}.ais-icon{width:clamp(48px,11vh,84px)!important;height:clamp(48px,11vh,84px)!important}.ais-name{font-size:1.15rem!important}.ais-icon svg{width:75%!important;height:75%!important}.ais-body{padding:12px 18px 6px!important}.ais-foot{padding:10px 18px 14px!important;gap:6px!important}.ais-btn{padding:11px 14px!important;font-size:.95rem!important}}.apps-spot{align-self:center;width:min(600px,100%);box-sizing:border-box;display:flex;align-items:center;gap:clamp(12px,1.4vw,18px);padding:clamp(9px,1vw,12px) clamp(12px,1.6vw,20px) clamp(9px,1vw,12px) clamp(9px,1vw,12px);border-radius:20px;cursor:pointer;background:linear-gradient(135deg,#ffffffeb,#fff8e0eb);box-shadow:0 0 0 3px #ffc93c,0 10px 34px #ffb70361;animation:dmmSpotCard 2.6s ease-in-out infinite;transition:transform .15s;font-family:Nunito,sans-serif}.apps-spot:hover{transform:translateY(-2px);animation:none;box-shadow:0 0 0 3px #ffc93c,0 16px 40px #ffb70380}@keyframes dmmSpotCard{0%,to{box-shadow:0 0 0 3px #ffc93c,0 10px 34px #ffb70352}50%{box-shadow:0 0 0 3px #ffd93d,0 12px 42px #ffb70399}}.apps-spot-icon{flex-shrink:0;width:clamp(72px,7vw,92px);height:clamp(72px,7vw,92px);border-radius:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px #1e144638}.apps-spot-icon img{width:72%;height:72%;object-fit:contain}.apps-spot-body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.apps-spot-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;background:linear-gradient(135deg,#ffd93d,#ffb703);color:#5a3d00;font-weight:900;font-size:clamp(10px,.85vw,12px);box-shadow:0 2px 8px #ffb70373}.apps-spot-title{font-weight:900;font-size:clamp(16px,1.6vw,21px);color:#2a1a4a;line-height:1.15}.apps-spot-desc{font-weight:700;font-size:clamp(11px,.95vw,13.5px);color:#1e1e509e;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.apps-spot-open{margin-top:2px;border:none;border-radius:10px;padding:6px 15px;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#9b4fd4);color:#fff;font-family:Nunito,sans-serif;font-weight:900;font-size:clamp(12px,1vw,14px);box-shadow:0 4px 14px #6c63ff59}@media (max-width:700px){.apps-spot{flex-direction:column;text-align:center}.apps-spot-body{align-items:center}}.apps-view-toggle{justify-self:start;display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:#ffffff73;box-shadow:0 1px 4px #00000012}.apps-view-toggle button{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;cursor:pointer;padding:6px 11px;border-radius:9px;font-family:Nunito,sans-serif;font-weight:800;font-size:clamp(11px,.95vw,13px);color:#1e1e508c}.apps-view-toggle button.on{background:#fff;color:#5b2a86;box-shadow:0 1px 4px #0000001f}.apps-cards{--s:var(--apps-scale,1);display:flex;flex-direction:column;gap:calc(14px * var(--s));width:100%;max-width:1400px;align-self:center}.apps-banner{display:flex;align-items:center;gap:calc(16px * var(--s));padding:calc(12px * var(--s)) calc(18px * var(--s));border-radius:calc(20px * var(--s));color:#fff;cursor:pointer;box-shadow:0 10px 28px #3c145a2e;transition:transform .14s}.apps-banner:hover{transform:translateY(-2px)}.apps-banner-icon{flex-shrink:0;width:calc(68px * var(--s));height:calc(68px * var(--s));border-radius:calc(18px * var(--s));display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #1e144640;border:2px solid rgba(255,255,255,.5)}.apps-banner-icon img{width:74%;height:74%;object-fit:contain}.apps-banner-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.apps-banner-eyebrow{display:inline-flex;align-items:center;gap:4px;font-weight:900;font-size:calc(12px * var(--s));letter-spacing:.06em;text-transform:uppercase;opacity:.9}.apps-banner-title{font-weight:900;font-size:calc(22px * var(--s));line-height:1.15}.apps-banner-tag{font-weight:700;font-size:calc(14.5px * var(--s));opacity:.92}.apps-banner-open{flex-shrink:0;border:none;border-radius:12px;padding:calc(9px * var(--s)) calc(18px * var(--s));cursor:pointer;background:#fffffff2;color:#5b2a86;font-family:Nunito,sans-serif;font-weight:900;font-size:calc(15px * var(--s));box-shadow:0 4px 14px #00000026}.apps-cols{display:grid;gap:calc(14px * var(--s));align-items:start}.apps-col{display:flex;flex-direction:column;gap:calc(9px * var(--s));min-width:0}.apps-col-head{align-self:flex-start;font-family:Nunito,sans-serif;font-weight:900;font-size:calc(13px * var(--s));letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 75%,#1a1030);background:color-mix(in srgb,var(--c) 16%,#fff);border:1px solid color-mix(in srgb,var(--c) 28%,transparent);padding:calc(5px * var(--s)) calc(12px * var(--s));border-radius:999px;box-shadow:0 2px 8px color-mix(in srgb,var(--c) 14%,transparent)}.apps-col-head span{letter-spacing:0;text-transform:none;font-weight:800;color:#1e1e5066}.apps-card{display:flex;align-items:center;gap:calc(12px * var(--s));text-align:left;width:100%;padding:calc(10px * var(--s));border-radius:calc(16px * var(--s));border:1px solid rgba(155,79,212,.14);background:#ffffffe0;cursor:pointer;font-family:Nunito,sans-serif;color:#2a1a4a;box-shadow:0 6px 18px #5a2c8614;transition:transform .12s,box-shadow .12s}.apps-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #5a2c8624}.apps-card.soon{opacity:.55;filter:grayscale(1)}.apps-card-icon{position:relative;flex-shrink:0;width:calc(56px * var(--s));height:calc(56px * var(--s));border-radius:calc(15px * var(--s));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1e14462e;overflow:hidden}.apps-card-icon img{width:76%;height:76%;object-fit:contain}.apps-card-icon svg{width:62%;height:62%}.apps-card-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#140a3273}.apps-card-text{min-width:0;display:flex;flex-direction:column;gap:2px}.apps-card-name{font-weight:900;font-size:calc(16px * var(--s));line-height:1.2;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.apps-card-badge{font-size:calc(10px * var(--s));font-weight:900;color:#fff;padding:1px 6px;border-radius:5px;white-space:nowrap}.apps-card-tag{font-weight:700;font-size:calc(13.5px * var(--s));line-height:1.3;color:#1e1e5099}@media (max-width:700px),(max-width:1024px) and (orientation:portrait){.apps-cols{grid-template-columns:1fr!important}.apps-view-toggle span{display:none}.apps-banner{flex-wrap:wrap}}.klas-sort{display:flex;align-items:center;gap:8px;font-family:Nunito,sans-serif;font-weight:800;font-size:.82rem;color:#1e1e508c}.klas-sort select{font-family:Nunito,sans-serif;font-weight:800;font-size:.85rem;padding:.4rem .6rem;border-radius:10px;border:1.5px solid rgba(108,99,255,.2);background:#fff;color:#4a3f8a;cursor:pointer}.klas-detail-shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:290;background:#0a0a1e8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vh,28px);box-sizing:border-box}.klas-detail{background:#fff;border-radius:18px;width:min(860px,100%);height:min(680px,100%);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 56px #00000038}.klas-detail-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:1rem 1.25rem .6rem;flex-shrink:0}.klas-detail-name{font-family:Nunito,sans-serif;font-weight:900;font-size:1.1rem;color:#1a1a3a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:60%}.klas-detail-code{font-family:monospace;font-weight:800;font-size:.95rem;color:#6c63ff;letter-spacing:.12em}.klas-detail-count{display:inline-flex;align-items:center;gap:3px;padding:1px 8px 1px 6px;border-radius:20px;background:#6c63ff1a;color:#6c63ff;font-family:Nunito,sans-serif;font-weight:800;font-size:.75rem}.klas-detail-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.klas-detail-inner{flex:1;min-height:0;display:flex;flex-direction:column}.klas-tabs{flex-shrink:0}.klas-tab-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:0 1rem .75rem}.klas-students-bar,.klas-apps-bar{position:sticky;top:0;z-index:2;background:#fff;padding-top:.75rem;padding-bottom:.6rem;margin-bottom:.15rem}.klas-tab-content>.klas-settings,.klas-tab-content>.klas-lessons,.klas-tab-content>div:not(.klas-apps):not(.klas-students-bar):first-child{padding-top:.75rem}@media (max-width:700px){.klas-detail-shade{padding:0;align-items:stretch}.klas-detail{width:100%;height:100%;border-radius:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.klas-detail-name{max-width:100%;flex:1 1 100%;order:-1}.klas-sort{flex:1 1 100%}.klas-sort select{flex:1}}.klas-tabs{display:flex;gap:.4rem;flex-wrap:wrap;padding:.25rem 1.25rem .75rem;border-bottom:1px solid rgba(30,30,80,.08)}.klas-tab{display:inline-flex;align-items:center;gap:7px;padding:.5rem 1rem;border-radius:10px;border:none;cursor:pointer;font-family:Nunito,sans-serif;font-weight:800;font-size:.88rem;background:transparent;color:#1e1e5099;transition:all .15s}.klas-tab:hover{background:#6c63ff14}.klas-tab.on{background:#6c63ff;color:#fff}.klas-apps{display:flex;flex-direction:column;gap:.9rem}.klas-apps-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:Nunito,sans-serif;font-weight:700;font-size:.82rem;color:#1e1e5099}.klas-apps-bar>span:first-child{flex:1 1 220px}.klas-apps-count{font-weight:900;color:#6c63ff}.klas-apps-bar button{padding:5px 12px;border-radius:9px;border:1.5px solid rgba(108,99,255,.25);background:#fff;color:#5a4fcf;font-family:Nunito,sans-serif;font-weight:800;font-size:.8rem;cursor:pointer}.klas-apps-bar button:disabled{opacity:.4;cursor:default}.klas-apps-err{color:#e5484d;font-family:Nunito,sans-serif;font-weight:800;font-size:.82rem}.klas-apps-folder{font-family:Nunito,sans-serif;font-weight:900;font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;color:#1e1e5073;margin-bottom:.45rem}.klas-apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.6rem}.klas-app{display:flex;flex-direction:column;align-items:center;gap:6px;padding:.55rem .3rem;border-radius:14px;border:2px solid transparent;background:transparent;cursor:pointer;font-family:Nunito,sans-serif;transition:background .12s,border-color .12s}.klas-app:hover{background:#6c63ff0f}.klas-app.on{border-color:#6c63ff73;background:#6c63ff12}.klas-app-icon{position:relative;width:56px;height:56px;border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1e14462e;filter:grayscale(1);opacity:.45;transition:filter .15s,opacity .15s}.klas-app.on .klas-app-icon{filter:none;opacity:1}.klas-app-icon img{width:76%;height:76%;object-fit:contain}.klas-app-check{position:absolute;right:-5px;top:-5px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#fff;border:2px solid rgba(30,30,80,.15)}.klas-app.on .klas-app-check{background:#10b981;border-color:#fff;box-shadow:0 2px 6px #10b98166}.klas-app-name{font-weight:800;font-size:.76rem;color:#1a1a3a;text-align:center;line-height:1.2}.klas-app:not(.on) .klas-app-name{color:#1e1e5073}.klas-settings{display:flex;flex-direction:column;gap:1.1rem;font-family:Nunito,sans-serif}.klas-settings h4{margin:0 0 .45rem;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#1e1e5073}.klas-set-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.klas-set-row input{flex:1 1 220px;min-width:0;padding:.55rem .75rem;border-radius:10px;border:1.5px solid rgba(108,99,255,.25);font-family:Nunito,sans-serif;font-weight:700;font-size:.92rem;outline:none}.klas-set-code{font-family:monospace;font-weight:800;font-size:1.05rem;letter-spacing:.14em;color:#6c63ff;padding:.3rem .6rem;border-radius:8px;background:#6c63ff14}.klas-set-btn{display:inline-flex;align-items:center;gap:6px;padding:.5rem .9rem;border-radius:10px;border:1.5px solid rgba(108,99,255,.25);background:#fff;color:#4a3f8a;font-family:Nunito,sans-serif;font-weight:800;font-size:.85rem;cursor:pointer}.klas-set-btn.primary{border:none;background:linear-gradient(135deg,#6c63ff,#9b93ff);color:#fff}.klas-set-btn.danger{border-color:#ef444459;color:#e5484d}.klas-set-btn:disabled{opacity:.45;cursor:default}.klas-set-hint{flex:1 1 200px;font-weight:700;font-size:.82rem;color:#1e1e5080}@media (max-width:700px){.klas-tabs{padding:.25rem .75rem .6rem;gap:.3rem}.klas-tab{padding:.45rem .7rem;font-size:.82rem}.klas-apps-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.klas-lessons{display:flex;flex-direction:column;gap:.3rem;font-family:Nunito,sans-serif}.klas-lesson{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem;border-radius:9px;cursor:pointer}.klas-lesson.on{background:#6c63ff12}.klas-lesson input{accent-color:#6C63FF;width:16px;height:16px;cursor:pointer;flex-shrink:0}.klas-lesson img,.klas-lesson-thumb{width:40px;height:26px;object-fit:cover;border-radius:5px;border:1px solid #e5e7eb;flex-shrink:0;background:#efe9fb}.klas-lesson span{font-weight:700;font-size:.88rem;color:#1a1a3a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klas-lesson-folder,.klas-lesson-back{display:flex;align-items:center;gap:.6rem;padding:.45rem .5rem;border-radius:9px;border:none;background:#6c63ff0d;cursor:pointer;text-align:left;font-family:Nunito,sans-serif}.klas-lesson-folder span{flex:1;font-weight:800;font-size:.88rem;color:#1a1a3a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klas-lesson-folder em{font-style:normal;background:#6c63ff26;color:#6c63ff;padding:1px 8px;border-radius:99px;font-size:.7rem;font-weight:800}.klas-lesson-back{font-weight:800;font-size:.84rem;color:#6c63ff;align-self:flex-start}.klas-students-bar{display:flex;justify-content:flex-start}.klas-add-panel{border:1.5px solid rgba(108,99,255,.18);border-radius:14px;padding:.75rem .9rem;margin-bottom:.9rem;background:#6c63ff08}.klas-lessons{padding-top:.75rem}.klas-lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.7rem}.klas-lfolder,.klas-ltile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:.5rem .35rem;border-radius:14px;border:2px solid transparent;background:transparent;cursor:pointer;font-family:Nunito,sans-serif;transition:background .12s,border-color .12s}.klas-lfolder:hover,.klas-ltile:hover{background:#6c63ff0f}.klas-lfolder-ico{position:relative;display:flex}.klas-lfolder-ico em{position:absolute;right:-6px;top:4px;font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#10b981;color:#fff;font-size:.72rem;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.klas-ltile-img{position:relative;width:100%;aspect-ratio:16/10;border-radius:10px;background:#efe9fb;display:flex;align-items:center;justify-content:center;color:#9b4fd4;border:1px solid #e5e7eb;filter:grayscale(1);opacity:.55;transition:filter .15s,opacity .15s}.klas-ltile-img img{width:100%;height:100%;object-fit:cover;border-radius:9px}.klas-ltile.on{border-color:#6c63ff73;background:#6c63ff12}.klas-ltile.on .klas-ltile-img{filter:none;opacity:1}.klas-ltile.on .klas-app-check{background:#10b981;border-color:#fff;box-shadow:0 2px 6px #10b98166}.klas-ltile-name{font-weight:800;font-size:.78rem;color:#1a1a3a;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.klas-ltile:not(.on) .klas-ltile-name{color:#1e1e5080}.klas-lesson-back{margin-bottom:.6rem}@media (max-width:700px){.klas-lgrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.klas-detail-foot{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:.75rem 1.25rem;border-top:1px solid rgba(30,30,80,.08);background:#fff}.klas-detail-status{margin-right:auto;font-family:Nunito,sans-serif;font-weight:800;font-size:.8rem;color:#b4570f}.klas-detail-status.err{color:#e5484d}@media (max-width:700px){.klas-detail-foot{padding:.6rem .75rem calc(.6rem + env(safe-area-inset-bottom,0px))}.klas-detail{padding-bottom:0}}.hp-grid{width:100%;max-width:1640px;margin:0 auto;box-sizing:border-box;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));--gap: clamp(10px, 1.4vw, 22px);gap:var(--gap);padding:0 clamp(10px,2vw,32px);align-items:stretch}.hp-cell{position:relative;min-width:0;display:flex;flex-direction:column;grid-column:span var(--span, 12)}.hp-cell-in{min-width:0;display:flex;flex-direction:column;flex:1 1 auto}.hp-grid.tiled{grid-auto-rows:4px;row-gap:0}.hp-grid.tiled>.hp-cell{padding-bottom:var(--gap);box-sizing:border-box}.hp-grid.tiled>.hp-cell>.hp-cell-in{flex:1 1 auto}.hp-grid.tiled.measuring>.hp-cell>.hp-cell-in{flex:0 0 auto!important}.hp-grid.single{grid-template-columns:minmax(0,1fr)}.hp-grid.single>.hp-cell{grid-column:auto}.hp-cell-in.ah-start{align-items:flex-start}.hp-cell-in.ah-center{align-items:center}.hp-cell-in.ah-end{align-items:flex-end}.hp-cell-in.av-start{justify-content:flex-start}.hp-cell-in.av-center{justify-content:center}.hp-cell-in.av-end{justify-content:flex-end}@media (max-width: 700px),(orientation: landscape) and (max-height: 500px),(max-width: 1024px) and (orientation: portrait){.hp-grid{grid-template-columns:minmax(0,1fr);padding:0 12px}.hp-cell{grid-column:auto!important;grid-row:auto!important}.hp-slot{display:none}}.hb-title{font-family:Nunito,sans-serif;font-weight:900;font-size:clamp(15px,1.4vw,20px);color:#1a1a3a;margin-bottom:10px}.hb-kicker{font-family:Nunito,sans-serif;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.9}.hb-kicker.dark{color:#9b4fd4;opacity:1}.hb-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:10px 18px;border-radius:999px;border:none;cursor:pointer;font-family:Nunito,sans-serif;font-weight:900;font-size:clamp(13px,1.1vw,16px);background:linear-gradient(135deg,#6c63ff,#9b4fd4);color:#fff;box-shadow:0 6px 16px #6c63ff4d}.hb-cta.light{background:#fff;color:#5a2c86;box-shadow:0 6px 18px #1e0a5038}.hb-cta:hover{transform:translateY(-1px)}.hb-hero{position:relative;flex:1;min-height:clamp(170px,24vh,320px);border-radius:22px;overflow:hidden;color:#fff;display:flex;align-items:center;box-shadow:0 12px 34px #5a2c8638;font-family:Nunito,sans-serif}.hb-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hb-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0}.hb-hero-body{position:relative;padding:clamp(18px,2.4vw,40px);display:flex;flex-direction:column;gap:8px;max-width:640px}.hb-hero h2{margin:0;font-weight:900;font-size:clamp(22px,2.6vw,40px);line-height:1.1;text-shadow:0 2px 12px rgba(0,0,0,.18)}.hb-hero p{margin:0;font-weight:700;font-size:clamp(13px,1.2vw,18px);line-height:1.45;opacity:.95}.hb-links{flex:1;background:#ffffffb3;border-radius:22px;padding:clamp(12px,1.4vw,20px);box-shadow:0 6px 22px #3c1e8c14;border:1px solid rgba(255,255,255,.8)}.hb-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.hb-link{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;border:none;cursor:pointer;background:#fff;text-align:left;font-family:Nunito,sans-serif;color:#1a1a3a;box-shadow:0 2px 8px #28145a0f;transition:transform .12s,box-shadow .12s;min-width:0}.hb-link:hover{transform:translateY(-2px);box-shadow:0 8px 18px #28145a1f}.hb-link-ico{width:44px;height:44px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.hb-link-text{display:flex;flex-direction:column;min-width:0}.hb-link-text b{font-weight:900;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-link-text small{font-weight:700;font-size:12px;color:#1e1e508c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-text{flex:1;background:#ffffffb3;border-radius:22px;padding:clamp(14px,1.6vw,24px);font-family:Nunito,sans-serif;display:flex;flex-direction:column;gap:6px}.hb-text p{margin:0;font-weight:600;font-size:clamp(13px,1.1vw,16px);line-height:1.55;color:#1e1e50bf;white-space:pre-line}.hb-cards{flex:1;font-family:Nunito,sans-serif}.hb-cards-grid{display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));gap:clamp(10px,1.2vw,18px)}.hb-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px #28145a1a;display:flex;flex-direction:column;transition:transform .14s,box-shadow .14s}.hb-card.clickable{cursor:pointer}.hb-card.clickable:hover{transform:translateY(-3px);box-shadow:0 12px 28px #28145a29}.hb-card-img{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden}.hb-card-img img{width:100%;height:100%;object-fit:cover}.hb-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}.hb-card-body b{font-weight:900;font-size:clamp(14px,1.15vw,17px);color:#1a1a3a}.hb-card-body p{margin:0;font-weight:600;font-size:13px;line-height:1.45;color:#1e1e50a6}.hb-card-cta{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:4px;font-weight:900;font-size:13px;color:#6c63ff}@media (max-width: 700px){.hb-cards-grid{grid-template-columns:minmax(0,1fr)}}.hp-cell.editing{cursor:pointer}.hp-cell.editing>.hp-cell-in{outline:2px dashed rgba(108,99,255,.35);outline-offset:4px;border-radius:14px}.hp-cell.editing.selected>.hp-cell-in{outline:3px solid #6C63FF}.hp-cell.editing.hidden-block{opacity:.4}.hp-cell .hp-tag{position:absolute;top:-10px;left:8px;z-index:5;background:#6c63ff;color:#fff;font:800 11px Nunito,sans-serif;padding:2px 8px;border-radius:6px;pointer-events:none}.hp-slot{grid-column:span var(--span, 3);min-height:90px;border:2px dashed rgba(108,99,255,.35);border-radius:16px;display:flex;align-items:center;justify-content:center;font:800 13px Nunito,sans-serif;color:#6c63ff;background:#6c63ff0a;cursor:pointer}.hp-slot:hover,.hp-slot.drop{background:#6c63ff1f;border-color:#6c63ff}.hp-cell.editing[draggable=true]{cursor:grab}.hp-cell.dragging{opacity:.35}.hp-cell.drop-before{box-shadow:-6px 0 0 -1px #6c63ff}.hp-cell.drop-after{box-shadow:6px 0 0 -1px #6c63ff}.hp-toolbar{position:absolute;top:-40px;right:6px;z-index:6;display:flex;gap:2px;padding:3px;border-radius:10px;background:#1a1a3a;box-shadow:0 6px 18px #00000040}.hp-toolbar button{border:none;background:transparent;color:#ffffffbf;font:800 12px Nunito,sans-serif;min-width:26px;height:26px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.hp-toolbar button.on{background:#6c63ff;color:#fff}.hp-toolbar .sep{width:1px;background:#fff3;margin:3px}.hb-hero.va-start{align-items:flex-start}.hb-hero.va-center{align-items:center}.hb-hero.va-end{align-items:flex-end}.hb-hero.al-center .hb-hero-body{margin:0 auto;text-align:center;align-items:center}.hb-hero.al-end .hb-hero-body{margin-left:auto;text-align:right;align-items:flex-end}.hb-hero.al-center .hb-cta,.hb-text.al-center .hb-cta{align-self:center}.hb-hero.al-end .hb-cta,.hb-text.al-end .hb-cta{align-self:flex-end}.hb-text.al-center{text-align:center}.hb-text.al-end{text-align:right}.hb-text.va-center{justify-content:center}.hb-text.va-end{justify-content:flex-end}.hb-cards.al-center .hb-title,.hb-links.al-center .hb-title{text-align:center}.hb-cards.al-end .hb-title,.hb-links.al-end .hb-title{text-align:right}.hb-cards.al-center .hb-card-body{text-align:center;align-items:center}.hb-cards.al-end .hb-card-body{text-align:right;align-items:flex-end}.page-area{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow-x:clip}.hp-dock{position:absolute;top:0;right:0;bottom:0;width:min(var(--side-w, 320px),calc(100% - 56px));z-index:30;pointer-events:none}.hp-dock-slide{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(100%);transition:transform .3s cubic-bezier(.22,.8,.24,1);will-change:transform}.hp-dock.open .hp-dock-slide{transform:none}.hp-nudge{position:absolute;left:0;top:50%;transform:translate(-100%,-50%);pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 7px;border:none;cursor:pointer;border-radius:14px 0 0 14px;background:#fffffff0;color:#5a2c86;box-shadow:-6px 0 18px #28145a24;font:900 12px Nunito,sans-serif;letter-spacing:.02em}.hp-nudge span{writing-mode:vertical-rl;transform:rotate(180deg)}.hp-nudge:hover{background:#fff;color:#6c63ff}.hp-dock .hp-side{pointer-events:auto;position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;padding:14px 12px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#f6f3ffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:-10px 0 34px #28145a29;border-left:1px solid rgba(255,255,255,.8);visibility:hidden;transition:visibility 0s linear .3s}.hp-dock.open .hp-side{visibility:visible;transition:none}@media (prefers-reduced-motion: reduce){.hp-dock-slide{transition:none}}.hp-side-cell{position:relative;min-width:0}.hp-side-cell.editing{outline:2px dashed rgba(108,99,255,.35);outline-offset:3px;border-radius:14px;cursor:pointer}.hp-side-cell.editing.selected{outline:3px solid #6C63FF}.hp-side-cell.editing.hidden-block{opacity:.4}.hp-side-cell .hp-tag{position:absolute;top:-10px;left:8px;z-index:5;background:#6c63ff;color:#fff;font:800 11px Nunito,sans-serif;padding:2px 8px;border-radius:6px;pointer-events:none}.hs-card{background:#ffffffc7;border:1px solid rgba(255,255,255,.85);border-radius:18px;padding:12px;box-shadow:0 6px 20px #3c1e8c14;font-family:Nunito,sans-serif;display:flex;flex-direction:column;gap:6px}.hs-title{display:flex;align-items:center;gap:7px;font-weight:900;font-size:14px;color:#1a1a3a;margin-bottom:2px}.hs-title>svg{color:#9b4fd4;flex-shrink:0}.hs-title>span{flex:1;min-width:0}.hs-edit{border:none;background:#6c63ff1a;color:#5a2c86;width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.hs-edit:hover{background:#6c63ff33}.hs-row{display:flex;align-items:center;gap:10px;width:100%;border:none;background:#fff;border-radius:12px;padding:7px 8px;cursor:pointer;text-align:left;font-family:inherit;color:#1a1a3a;box-shadow:0 1px 5px #28145a0d;min-width:0}.hs-row:hover{background:#f6f3ff}.hs-thumb{width:44px;height:30px;object-fit:cover;border-radius:7px;flex-shrink:0;background:#eee}.hs-ico{width:32px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#6c63ff1a;color:#6c63ff;flex-shrink:0}.hs-text{min-width:0;flex:1}.hs-text b{display:block;font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hs-time,.hs-date{flex-shrink:0;font-weight:900;font-size:12px;color:#5a2c86;padding:3px 7px;border-radius:8px;background:#6c63ff14;border-left:3px solid transparent}.hs-time{border-left-color:inherit}.hs-empty{font-weight:700;font-size:12.5px;color:#1e1e5080;padding:4px 2px}.hs-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hs-app{border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 2px;border-radius:12px;min-width:0;font:800 11px Nunito,sans-serif;color:#1a1a3a}.hs-app:hover{background:#6c63ff14}.hs-app>span:last-child{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hs-app-ico{width:42px;height:42px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#6c63ff,#9b93ff);box-shadow:0 3px 8px #28145a26}.hp-side .hb-hero{min-height:160px}.hp-side .hb-links-grid{grid-template-columns:minmax(0,1fr)}.hf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;background:#140a3259;display:flex;align-items:center;justify-content:center;padding:16px}.hf-modal{width:min(460px,100%);height:min(600px,calc(100svh - 32px));background:#fff;border-radius:22px;box-shadow:0 24px 70px #28145a40;display:flex;flex-direction:column;font-family:Nunito,sans-serif;color:#1a1a3a;overflow:hidden}.hf-head{display:flex;align-items:center;padding:14px 14px 8px 18px;font-size:17px}.hf-head b{flex:1;font-weight:900}.hf-x{border:none;background:#0000000f;width:32px;height:32px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#555}.hf-tabs{display:flex;gap:4px;padding:0 14px 8px}.hf-tabs button{flex:1;border:none;border-radius:10px;padding:8px 4px;font:900 13px Nunito,sans-serif;cursor:pointer;background:#6c63ff14;color:#4a3f8a;white-space:nowrap}.hf-tabs button.on{background:#6c63ff;color:#fff}.hf-search{margin:0 14px 8px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:10px;background:#6c63ff0f;color:#6c63ff;height:36px;flex-shrink:0}.hf-search input{flex:1;border:none;background:transparent;outline:none;font:700 14px Nunito,sans-serif;color:#1a1a3a;min-width:0}.hf-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px 14px 10px;display:flex;flex-direction:column;gap:5px}.hf-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;background:#6c63ff0a}.hf-ico{width:36px;height:36px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hf-name{flex:1;min-width:0;font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hf-btn,.hf-star{border:none;background:transparent;width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#4a3f8a;flex-shrink:0}.hf-btn:hover{background:#6c63ff1a}.hf-btn:disabled{opacity:.3;cursor:default;background:transparent}.hf-btn.danger{color:#c22a4c}.hf-star{color:#1e1e5059}.hf-star.on{color:#ffb800}.hf-empty{padding:24px 8px;text-align:center;font-weight:700;color:#1e1e5080}.hf-foot{padding:10px 14px;border-top:1px solid rgba(108,99,255,.1);display:flex;justify-content:flex-end}.hf-done{border:none;border-radius:999px;padding:9px 22px;font:900 14px Nunito,sans-serif;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#9b4fd4);color:#fff}.badge-fav{position:absolute;top:clamp(14px,1.4vw,20px);right:calc(clamp(14px,1.4vw,20px) + clamp(28px,2.2vw,34px) + 8px);width:clamp(28px,2.2vw,34px);height:clamp(28px,2.2vw,34px);border-radius:50%;border:none;background:#0000000d;color:#1e1e5066;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.badge-fav:hover{background:#ffb80026;color:#e0a000}.badge-fav.on{color:#ffb800;background:#ffb80024}.hp-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:2px 0;font-family:Nunito,sans-serif}.hp-cell-in.ah-start .hp-pills{justify-content:flex-start}.hp-cell-in.ah-end .hp-pills{justify-content:flex-end}.hp-pill{position:relative;display:inline-flex;align-items:center;gap:7px;padding:5px 14px 5px 5px;border:none;border-radius:999px;cursor:pointer;background:#ffffffc7;color:#1a1a3a;font:800 13px Nunito,sans-serif;box-shadow:0 2px 10px #28145a14;transition:transform .12s,box-shadow .12s,background .12s}.hp-pill:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #28145a1f}.hp-pill-ico{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hp-pill-dot{position:absolute;top:1px;right:3px;width:9px;height:9px;border-radius:50%;background:#ec4c6a;border:2px solid #fff}.hp-pill.notify{box-shadow:0 0 0 2px #ec4c6a59,0 2px 10px #28145a14}.hp-page{width:100%;padding-bottom:clamp(16px,2vw,32px)}.hp-folders-card{flex:1;width:100%;box-sizing:border-box;background:#ffffffb3;border:1px solid rgba(255,255,255,.8);border-radius:22px;padding:clamp(12px,1.4vw,20px);box-shadow:0 6px 22px #3c1e8c14;display:flex;flex-direction:column}.hp-folders-grid{flex:1;display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(0,1fr));gap:clamp(6px,.8vw,12px);align-content:center}.hp-folders-grid .folder-shortcut{border-radius:16px;transition:background .15s}.hp-folders-grid .folder-shortcut:hover{background:#ffffffbf}.hb-title{font-size:calc(clamp(15px,1.4vw,20px) * var(--ts, 1))}.hb-kicker{font-size:calc(12px * var(--ts, 1))}.hb-cta{font-size:calc(clamp(13px,1.1vw,16px) * var(--ts, 1))}.hb-hero h2{font-size:calc(clamp(22px,2.6vw,40px) * var(--ts, 1))}.hb-hero p{font-size:calc(clamp(13px,1.2vw,18px) * var(--ts, 1))}.hb-link-text b{font-size:calc(14px * var(--ts, 1))}.hb-link-text small{font-size:calc(12px * var(--ts, 1))}.hb-text p{font-size:calc(clamp(13px,1.1vw,16px) * var(--ts, 1))}.hb-card-body b{font-size:calc(clamp(14px,1.15vw,17px) * var(--ts, 1))}.hb-card-body p,.hb-card-cta,.hp-pill{font-size:calc(13px * var(--ts, 1))}.hs-title{font-size:calc(14px * var(--ts, 1))}.hs-text b{font-size:calc(13px * var(--ts, 1))}.hs-app{font-size:calc(11px * var(--ts, 1))}.hp-cell-in.look-bg,.hp-side-cell.look-bg{background:rgba(var(--blk-rgb),var(--blk-a, .7));border-radius:22px;padding:clamp(10px,1.2vw,18px);box-shadow:0 6px 22px #3c1e8c14;border:1px solid rgba(255,255,255,.6)}.hp-cell-in.look-outline,.hp-side-cell.look-outline{background:transparent;border:2px solid rgba(108,99,255,.3);border-radius:22px;padding:clamp(10px,1.2vw,18px)}:is(.look-bg,.look-outline,.look-none)>:is(.hb-links,.hb-text,.hp-folders-card,.hs-card,.hb-cards){background:transparent;box-shadow:none;border:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.hp-cell-in.look-none,.hp-side-cell.look-none{padding:4px 2px}.hp-toolbar button{gap:3px}.hp-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:7;min-width:230px;padding:8px;border-radius:12px;background:#1a1a3a;box-shadow:0 10px 28px #0000004d;display:flex;flex-direction:column;gap:4px;cursor:default}.hp-pop-label{font:900 10.5px Nunito,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;padding:2px 4px 0}.hp-pop-row{display:flex;flex-wrap:wrap;gap:3px}.hp-pop-row button{flex:1 0 auto;height:28px;padding:0 8px}.hb-apps{flex:1;background:#ffffffb3;border:1px solid rgba(255,255,255,.8);border-radius:22px;padding:clamp(12px,1.4vw,20px);box-shadow:0 6px 22px #3c1e8c14;font-family:Nunito,sans-serif;display:flex;flex-direction:column}.hb-apps-grid{--tile: 76px;display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--tile) + 24px),1fr));gap:clamp(6px,.8vw,12px);align-content:start}.hb-apps.size-small .hb-apps-grid{--tile: 58px}.hb-apps.size-large .hb-apps-grid{--tile: 100px}.hb-apps.al-center .hb-apps-grid{justify-content:center;grid-template-columns:repeat(auto-fit,calc(var(--tile) + 24px))}.hb-apps.al-end .hb-apps-grid{justify-content:end;grid-template-columns:repeat(auto-fit,calc(var(--tile) + 24px))}.hb-apps.va-center .hb-apps-grid{margin-block:auto}.hb-apps.va-end .hb-apps-grid{margin-top:auto}.hb-app{border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;padding:8px 4px;border-radius:16px;min-width:0;font-family:inherit}.hb-app:hover{background:#ffffffb3}.hb-app:hover .hb-app-ico{transform:translateY(-2px) scale(1.04)}.hb-app.soon .hb-app-ico{filter:grayscale(.7);opacity:.75}.hb-app-ico{width:var(--tile);height:var(--tile);border-radius:calc(var(--tile) * .26);display:flex;align-items:center;justify-content:center;box-shadow:0 5px 14px #00000029;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.hb-app-ico img{width:72%;height:72%;object-fit:contain}.hb-app-ico svg{width:68%;height:68%}.hb-app-name{max-width:100%;font-weight:800;font-size:calc(13px * var(--ts, 1));color:#1a1a3a;text-align:center;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}:is(.look-bg,.look-outline,.look-none)>.hb-apps{background:transparent;box-shadow:none;border:none;padding:0}.hb-app-tag{margin-top:-2px;font-size:calc(10.5px * var(--ts, 1));font-weight:900;padding:1px 8px;border-radius:999px}.hb-app-tag.free{background:#e3f9ef;color:#11845b}.hb-app-tag.lite{background:#fff2d9;color:#b86e00}.hp-grid.tiled>.hp-slot{min-height:0;margin-bottom:var(--gap)}.hp-resize{position:absolute;right:-7px;bottom:calc(var(--gap, 16px) - 7px);z-index:6;width:18px;height:18px;border-radius:6px;background:#6c63ff;border:2px solid #fff;box-shadow:0 2px 8px #28145a59;cursor:nwse-resize;touch-action:none}.hp-resize:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-right:2px solid #fff;border-bottom:2px solid #fff;border-radius:0 0 3px}body.hp-resizing,body.hp-resizing *{cursor:nwse-resize!important;-webkit-user-select:none!important;user-select:none!important}.hb-link-ico .hb-lv-img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.hb-link-ico{overflow:hidden}.hp-dock.mobile{width:min(88vw,380px);bottom:calc(110px + env(safe-area-inset-bottom,0px));z-index:60}.hp-dock.mobile .hp-side{border-radius:18px 0 0 18px;padding:12px 10px}.hp-dock.mobile .hp-nudge{padding:10px 5px;font-size:11px;gap:4px}.hp-dock-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;border:none;padding:0;margin:0;background:#140a3247;pointer-events:auto;cursor:default}.hb-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:10px;margin-bottom:10px;width:100%;min-width:0;align-self:stretch}.hb-head .hb-title{grid-column:1 / 3;margin-bottom:0;min-width:0;text-align:left}.hb-head.ta-center .hb-title{grid-column:2;text-align:center}.hb-head.ta-end .hb-title{text-align:right}.hb-head.nobtn .hb-title{grid-column:1 / -1}.hb-head .hb-head-btn{grid-column:3;justify-self:end}.hb-head-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;border:none;cursor:pointer;border-radius:999px;padding:6px 12px;background:#6c63ff1a;color:#5a2c86;font:900 calc(12.5px * var(--ts, 1)) "Nunito",sans-serif;white-space:nowrap;transition:background .15s}.hb-head-btn:hover{background:#6c63ff33}.folder-shortcut svg.fs-ico,.folder-shortcut img.fs-ico{width:34%!important;height:auto!important}.folder-shortcut:hover .fs-wrap>img.fs-ico{transform:translate(-50%,-50%)!important}.fs-wrap{transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.folder-shortcut:hover .fs-wrap{transform:translateY(-6%) scale(1.1)}.folder-shortcut:hover .fs-wrap svg.fs-folder{transform:none}.folder-shortcut:hover .fs-wrap>svg.fs-ico{transform:translate(-50%,-50%)!important}.fs-tile{width:var(--fsz);height:var(--fsz);border-radius:26%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000002e;position:relative}.fs-tile.soon{filter:grayscale(1)}.folder-shortcut .fs-tile svg.fs-ico,.folder-shortcut .fs-tile img.fs-ico{width:50%!important;height:auto!important;position:static;transform:none!important}.fs-tile-soon{color:#fff;font:900 calc(var(--fsz) * .15) "Nunito",sans-serif;text-align:center;line-height:1.1}@media (max-width: 700px),(orientation: landscape) and (max-height: 500px),(max-width: 1024px) and (orientation: portrait){.folder-shortcut .fs-tile{--fsz: clamp(38px, 12vw, 54px) !important}}.hp-ext-slot{position:absolute;left:10px;right:10px;bottom:calc(var(--gap) + 6px);z-index:4;border:2px dashed rgba(108,99,255,.55);border-radius:12px;background:#ffffffd1;color:#6c63ff;font:800 12.5px Nunito,sans-serif;cursor:pointer}.hp-ext-slot:hover{background:#fff;border-color:#6c63ff}.hp-pop-check{display:flex;align-items:center;gap:6px;color:#fff;font:800 12px Nunito,sans-serif;padding:4px;cursor:pointer}.folder-shortcut:hover .fs-tile svg.fs-ico,.folder-shortcut:hover .fs-tile img.fs-ico{transform:none!important}.hb-card-img>svg,.hb-card-img>.hb-lv-ico{width:clamp(44px,32%,120px);height:auto}.hb-card-img>span.hb-lv-ico{display:inline-flex}.hb-card-img>span.hb-lv-ico svg{width:100%;height:auto}.hb-cards{display:flex;flex-direction:column}.hb-cards-grid{flex:1 1 auto}.hb-card-img{flex:0 1 auto;min-height:56px}.hb-cards.img-medium .hb-card-img{aspect-ratio:2 / 1}.hb-cards.img-small .hb-card-img{aspect-ratio:3 / 1}.hb-cards.img-none .hb-card-img{display:none}.hb-cards.fit{min-height:0}.hb-cards.fit .hb-cards-grid{min-height:0;grid-auto-rows:minmax(0,1fr)}.hp-grid.measuring .hb-cards.fit .hb-card-img{aspect-ratio:auto;height:56px;flex:none}.hb-lv-logo{width:72%;height:72%;object-fit:contain}.hb-card-img>.hb-lv-logo{height:auto}.hb-cta{font-size:calc(clamp(13px,1.1vw,16px) * var(--ts, 1) * var(--cta, 1));padding:calc(10px * var(--cta, 1)) calc(18px * var(--cta, 1))}.hb-card-cta{font-size:calc(13px * var(--ts, 1) * var(--cta, 1))}.hb-card-cta svg,.hb-cta svg,.hb-head-btn svg{width:1.1em;height:1.1em}.hb-head-btn{font-size:calc(12.5px * var(--ts, 1) * var(--cta, 1));padding:calc(6px * var(--cta, 1)) calc(12px * var(--cta, 1))}.hb-links,.hb-text,.hp-folders-card,.hb-apps{background:#ffffffeb}.hs-card,.hp-pill{background:#fffffff0}.hp-dock .hp-side{background:#f6f3fff7}.hp-cell-in.look-bg,.hp-side-cell.look-bg{background:rgba(var(--blk-rgb),var(--blk-a, .85))}.hp-nudge{flex-direction:row;align-items:center;gap:4px;padding:12px 6px 12px 7px}.hp-nudge span{white-space:nowrap;line-height:1}.hs-nl-text{margin:0 0 10px;font-size:.85rem;line-height:1.4;color:#1a1a3ab3;font-weight:600}.hs-nl-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hs-nl-hide{border:none;background:none;padding:0;cursor:pointer;font-family:Nunito,sans-serif;font-weight:700;font-size:.76rem;color:#1a1a3a80;text-decoration:underline;text-underline-offset:2px}.hs-nl-hide:hover{color:#1a1a3abf}.hs-nl-x{margin-left:auto;width:24px;height:24px;border:none;border-radius:50%;background:#1a1a3a0f;color:#1a1a3a8c;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.hs-nl-x:hover{background:#1a1a3a1f}.hs-nl-btn{padding:6px 14px;border:none;border-radius:999px;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#9b4fd4);color:#fff;font-family:Nunito,sans-serif;font-weight:800;font-size:.8rem}.hs-nl-btn:hover{filter:brightness(1.06)}.acad{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow:hidden;background:#fce9cc}.cr-svg{flex:1;width:100%;height:100%;display:block}.cr-thing{cursor:pointer;outline:none}.cr-thing .cr-art{transition:filter .18s,transform .18s;transform-box:fill-box;transform-origin:center}.cr-thing:not(.locked):hover .cr-art,.cr-thing:not(.locked):focus-visible .cr-art{filter:drop-shadow(0 0 10px var(--glow)) drop-shadow(0 0 3px var(--glow));transform:scale(1.02)}.cr-thing:not(.locked):hover .cr-label rect:first-child{stroke-width:7}.cr-thing.locked{cursor:default}.cr-thing.locked .cr-art{filter:saturate(.55)}.cr-label{opacity:0;transition:opacity .15s}.cr-thing:hover .cr-label,.cr-thing:focus-visible .cr-label{opacity:1}.cr-cleffy{transform-box:fill-box;transform-origin:50% 100%;animation:cr-cleffy 3.2s ease-in-out infinite}@keyframes cr-cleffy{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-1.5deg)}50%{transform:translateY(-9px) rotate(0)}75%{transform:translateY(-6px) rotate(1.5deg)}}.cr-key{animation:cr-key 2.25s ease-in-out infinite}@keyframes cr-key{0%,30%,to{fill:#fff}8%,20%{fill:var(--c)}}@media (prefers-reduced-motion: reduce){.cr-cleffy,.cr-key{animation:none}}.cr-hit{opacity:0}.acad-m{display:none}@media (max-width: 700px),(orientation: landscape) and (max-height: 500px){.cr-svg{display:none}.acad-m{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 14px 20px;background-color:#fff6e6;background-image:linear-gradient(rgba(108,99,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(108,99,255,.05) 1px,transparent 1px);background-size:24px 24px}.acad-m-board{position:relative;flex:none;display:flex;align-items:center;justify-content:center;min-height:96px;padding:12px 74px;border-radius:12px;text-align:center;background:radial-gradient(120% 140% at 30% 20%,#3f7a5a,#2c5e45 55%,#24503a);border:8px solid #B9814A;box-shadow:0 6px 16px #3c281433}.acad-m-board>div{min-width:0}.acad-m-board h1{margin:0;font-family:Gochi Hand,Nunito,cursive;font-weight:400;font-size:2rem;color:#fff;line-height:1.05}.acad-m-board p{margin:2px 0 0;font-family:Gochi Hand,Nunito,cursive;font-size:1.1rem;color:#ffffffd9}.acad-m-board img{position:absolute;right:10px;top:50%;transform:translateY(-50%);height:84px;width:auto;object-fit:contain}.acad-m-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.acad-tile{--c: #6C63FF;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;height:176px;padding:10px 8px 12px;border:none;border-radius:18px;background:#fff;box-shadow:0 0 0 3px var(--c),0 6px 14px #1e1e501a;font-family:Nunito,sans-serif;cursor:pointer}.acad-tile svg{width:100%;flex:1;min-height:0}.acad-tile b{flex:none;font-size:.98rem;font-weight:900;color:#1a1a3a;text-align:center;line-height:1.15}.acad-tile:active{transform:scale(.97)}.acad-tile.locked{cursor:default;box-shadow:0 0 0 3px #1e1e501f,0 6px 14px #1e1e500f}.acad-tile.locked svg{filter:saturate(.5) opacity(.75)}.acad-tile-soon{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:9px;background:#6c63ff;color:#fff;font-size:.66rem;font-weight:800}}@media (orientation: landscape) and (max-height: 500px){.acad-m-grid{grid-template-columns:repeat(3,1fr)}.acad-tile{height:150px}}@media (hover: none){.cr-label{opacity:1}}.acad.acad-listmode,.acad:has(>.acad-list){background:transparent}.acad-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:18px;padding:2px 2px 14px;overflow:hidden;font-family:Nunito,sans-serif;color:#1a1a3a}.acad-head{flex:none;display:flex;align-items:center;gap:14px;padding:10px 16px;border-radius:18px;color:#fff;background:linear-gradient(120deg,#6c63ff,#8a55e0 55%,#c056c9);box-shadow:0 8px 24px #6c63ff40}.acad-head img{width:62px;height:auto;flex-shrink:0}.acad-head-col{flex:1;min-width:0;display:flex;align-items:baseline;gap:12px}.acad-head h1{margin:0;font-size:1.35rem;font-weight:900;flex-shrink:0}.acad-head p{margin:0;font-size:.82rem;font-weight:600;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.acad-panel{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px clamp(12px,1.4vw,20px) 18px;border-radius:18px;background:#ffffffe6;border:1px solid rgba(255,255,255,.9);box-shadow:0 6px 20px #3c1e8c12}.acad-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.acad-card{--c: #6C63FF;display:flex;flex-direction:column;border:none;padding:0;border-radius:18px;overflow:hidden;background:#fff;cursor:pointer;text-align:left;font-family:inherit;color:#1a1a3a;box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 35%,transparent),0 6px 18px #1e1e5014;transition:transform .14s,box-shadow .14s}.acad-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 0 0 3px var(--c),0 12px 26px #1e1e5024}.acad-card-art{position:relative;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 12%,white)}.acad-card-art svg{width:78%;height:88%}.acad-card-soon{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:9px;background:#6c63ff;color:#fff;font-size:.68rem;font-weight:800}.acad-card-body{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}.acad-card-body b{display:flex;align-items:center;gap:7px;font-weight:900;font-size:1rem}.acad-card-body b svg{color:var(--c);flex-shrink:0}.acad-card-body small{font-weight:600;font-size:.8rem;line-height:1.45;color:#1e1e509e}.acad-card.locked{cursor:default}.acad-card.locked .acad-card-art svg{filter:saturate(.5) opacity(.75)}.acad-switch{flex-shrink:0;display:inline-flex;gap:2px;padding:3px;border-radius:11px;background:#fff3}.acad-switch button{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:8px;padding:7px 12px;background:transparent;color:#fff;font:800 .82rem Nunito,sans-serif;cursor:pointer}.acad-switch button.on{background:#fff;color:#5b2a86}.acad-switch.floating{position:absolute;top:12px;right:12px;z-index:5;background:#ffffffeb;box-shadow:0 4px 16px #28145a2e}.acad-switch.floating button{color:#4a3f8a}.acad-switch.floating button.on{background:linear-gradient(135deg,#6c63ff,#9b4fd4);color:#fff}@media (max-width: 700px),(orientation: landscape) and (max-height: 500px){.acad-list{overflow-y:auto;padding:10px 10px 16px;gap:12px}.acad-panel{overflow:visible;flex:none;padding:10px}.acad-head img{width:46px}.acad-head p{display:none}.acad-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.acad-card-body small{display:none}}.acad-list{padding:clamp(14px,2.5vh,24px) clamp(14px,3vw,40px) 14px}.acad-head img{width:auto;height:58px;max-width:62px;object-fit:contain}.acad-card-art{aspect-ratio:auto;height:150px;overflow:hidden}.acad-card-art svg{width:auto;height:auto}.acad-card-art>svg{width:80%;height:86%}.acad-card-soon svg{width:12px;height:12px}@media (max-width: 700px),(orientation: landscape) and (max-height: 500px){.acad-list{padding:10px 10px 16px}.acad-card-art{height:110px}}.acad:has(.lsn-page){background:transparent}.acad>.lsn-page{padding:clamp(14px,2.5vh,24px) clamp(14px,3vw,40px) 0;box-sizing:border-box}.acad .lsn-head-title{display:flex;align-items:center;gap:12px}.acad .lsn-head-title>div:first-child{flex:1;min-width:0}.acad .lsn-head-title>.acad-switch{flex:none}.acad .lsn-head-title .acad-switch{margin-left:auto}.acad-card-tags{position:absolute;left:8px;bottom:8px;display:flex;flex-wrap:wrap;gap:4px;max-width:calc(100% - 16px)}@media (max-width: 700px),(orientation: landscape) and (max-height: 500px){.acad>.lsn-page{padding:8px 8px 0}}.wm-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9600;display:flex;align-items:center;justify-content:center;font-family:Nunito,Segoe UI,sans-serif;background:radial-gradient(ellipse at 18% 20%,rgba(155,79,212,.18) 0%,transparent 45%),radial-gradient(ellipse at 85% 85%,rgba(108,99,255,.18) 0%,transparent 45%),linear-gradient(145deg,#e9ecf8,#efe9fb 55%,#fbeef3);transition:opacity .26s ease,background-color .4s ease;overflow:hidden}.wm-root.wm-zoomed{background:transparent}.wm-root.wm-fade{opacity:0;pointer-events:none}.wm-monitor{width:min(78vw,calc((100vh - 200px)*1.6),1100px);display:flex;flex-direction:column;align-items:center;transform-origin:50% 50%;backface-visibility:hidden}.wm-monitor.wm-moving{will-change:transform}.wm-moving .wm-bezel,.wm-moving .wm-base{box-shadow:none}.wm-bezel{position:relative;width:100%;padding:12px;border-radius:22px;transition:padding .42s ease,border-radius .42s ease;background:linear-gradient(160deg,#2b2840,#17152a);box-shadow:0 30px 70px #28145a47,0 6px 18px #28145a2e,inset 0 1px #ffffff14}.wm-zoomed .wm-bezel{box-shadow:none}.wm-screen{contain:layout paint;position:relative;width:100%;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;transition:border-radius .42s ease;background:linear-gradient(145deg,#dde8ff,#e8e0ff,#ffdde8);display:flex;align-items:center;justify-content:center}.wm-neck{transition:opacity .3s ease,height .42s ease;width:12%;height:clamp(22px,4vh,44px);background:linear-gradient(180deg,#2b2840,#3a3656);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.wm-base{transition:opacity .3s ease,height .42s ease;width:30%;height:10px;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#3a3656,#24213a);box-shadow:0 10px 22px #28145a38}.wm-zoomed .wm-neck,.wm-zoomed .wm-base{opacity:0}.wm-tablet .wm-bezel{padding:18px;border-radius:38px}.wm-tablet .wm-screen{border-radius:20px}.wm-bezel:before{content:"";position:absolute;left:50%;top:6px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#4a4670,#12101f);opacity:0;transition:opacity .3s ease}.wm-tablet .wm-bezel:before{opacity:1}.wm-tablet .wm-neck,.wm-tablet .wm-base{opacity:0;height:0}.wm-langs{position:absolute;top:14px;right:14px;display:flex;gap:4px;z-index:2}.wm-langs button{border:1.5px solid rgba(155,79,212,.25);background:#ffffffbf;color:#4a3f8a;font:inherit;font-weight:800;font-size:12px;padding:4px 9px;border-radius:8px;cursor:pointer}.wm-langs button.on{background:#9b4fd4;border-color:#9b4fd4;color:#fff}.wm-boot{display:flex;flex-direction:column;align-items:center;gap:22px}.wm-boot img{width:clamp(190px,34%,380px);height:auto;animation:wmPop .6s ease-out both}.wm-bar{width:clamp(140px,22%,260px);height:6px;border-radius:99px;background:#6c63ff26;overflow:hidden}.wm-bar span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#6c63ff,#9b4fd4);animation:wmLoad 1s ease-in-out forwards}.wm-choose{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.2vh,22px);padding:20px;animation:wmPop .38s ease-out both;width:100%}.wm-logo{width:clamp(180px,32%,360px);height:auto}.wm-hello+.wm-logo{margin-top:calc(-1*clamp(4px,1.2vh,14px))}.wm-hello{font-weight:900;font-size:clamp(18px,2.4vw,30px);color:#2a1a5e;text-align:center}.wm-buttons{display:flex;gap:clamp(12px,2vw,26px);margin-top:6px}.wm-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:clamp(150px,19vw,240px);padding:clamp(18px,3vh,30px) 12px;border-radius:20px;border:none;cursor:pointer;font:inherit;font-weight:900;font-size:clamp(18px,1.9vw,26px);color:#fff;box-shadow:0 10px 26px #3c1e8c47;transition:transform .14s ease,box-shadow .14s ease}.wm-btn:hover{transform:translateY(-3px);box-shadow:0 16px 34px #3c1e8c57}.wm-btn:active{transform:translateY(0)}.wm-btn.teacher{background:linear-gradient(135deg,#6c63ff,#9b4fd4)}.wm-btn.student{background:linear-gradient(135deg,#ff8a1f,#ff4d6d)}.wm-col{display:flex;flex-direction:column;align-items:center;gap:8px}.wm-loginbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:clamp(150px,19vw,240px);padding:11px 12px;border-radius:14px;border:2px solid;background:#fff;cursor:pointer;font:inherit;font-weight:900;font-size:clamp(14px,1.2vw,17px);box-shadow:0 4px 14px #3c1e8c1f;transition:transform .14s ease,box-shadow .14s ease}.wm-loginbtn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3c1e8c2e}.wm-loginbtn.teacher{border-color:#6c63ff;color:#5a3fd0}.wm-loginbtn.student{border-color:#ff6b35;color:#e8461e}.wm-more{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.wm-small{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;border:1.5px solid rgba(108,99,255,.22);background:#fffc;color:#3b2f8f;font:inherit;font-weight:800;font-size:clamp(13px,1.1vw,15px);cursor:pointer;transition:transform .14s ease,background .14s ease}.wm-small:hover{background:#fff;transform:translateY(-2px)}.wm-scroller{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y}.wm-scroller::-webkit-scrollbar{display:none}.wm-floor{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;position:relative}.wm-intro{background:linear-gradient(145deg,#dde8ff,#e8e0ff,#ffdde8)}.wm-intro:has(iframe,video,.wm-intro-poster){background:#000}.wm-intro-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.wm-intro-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#dde8ffb8,#ffdde8a8);pointer-events:none}.wm-cleffy{position:relative;z-index:2}.wm-intro iframe,.wm-intro video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000;object-fit:contain}.wm-intro-ph{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;position:absolute;top:0;right:0;bottom:0;left:0;justify-content:center;background:#120f22;text-align:center;padding:20px}.wm-intro-ph b{font-size:clamp(16px,2vw,24px);font-weight:900}.wm-intro-ph small{font-weight:800;opacity:.5}.wm-skip{position:absolute;left:50%;bottom:clamp(10px,3%,22px);transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;gap:6px;padding:9px 16px 9px 18px;border-radius:999px;border:none;cursor:pointer;background:#ffffffeb;color:#3b2f8f;font:inherit;font-weight:900;font-size:clamp(13px,1.2vw,16px);box-shadow:0 6px 18px #00000040}.wm-skip svg{animation:wmBounce 1.4s ease-in-out infinite}.wm-cleffy{display:flex;flex-direction:column;align-items:center;gap:8px;border:none;background:none;cursor:pointer;padding:0;font:inherit;margin-bottom:clamp(56px,11%,96px)}.wm-cleffy .wm-cleffy-img{width:clamp(90px,15%,170px);height:auto;filter:drop-shadow(0 12px 22px rgba(30,10,70,.35));animation:wmFloat 3.2s ease-in-out infinite;transition:transform .15s ease}.wm-cleffy:hover .wm-cleffy-img{transform:scale(1.05)}.wm-intro-logo{width:clamp(170px,30%,340px);height:auto;margin-bottom:4px}.wm-bubble{position:relative;max-width:min(440px,84%);background:#fff;border:2px solid rgba(108,99,255,.18);color:#2a1a5e;border-radius:20px;padding:14px 22px;font-weight:900;font-size:clamp(17px,1.9vw,24px);line-height:1.3;box-shadow:0 8px 22px #1e0a4640}.wm-bubble:after{content:"";position:absolute;left:50%;bottom:-9px;width:18px;height:18px;margin-left:-9px;background:#fff;transform:rotate(45deg);border-radius:3px}@keyframes wmFloat{0%,to{translate:0 0}50%{translate:0 -8px}}.wm-introup{display:inline-flex;align-items:center;gap:5px;border:none;background:#fff9;color:#4a3f8a;padding:5px 12px;border-radius:999px;cursor:pointer;font:inherit;font-weight:800;font-size:12px}.wm-introup:hover{background:#fff}@keyframes wmBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes wmPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes wmLoad{to{width:100%}}@media (max-width: 700px),(orientation: landscape) and (max-height: 500px),(max-width: 1024px) and (orientation: portrait){.wm-monitor{width:100%;height:100%}.wm-bezel{flex:1;padding:0;border-radius:0;box-shadow:none;background:transparent;display:flex}.wm-screen{aspect-ratio:auto;border-radius:0;flex:1}.wm-neck,.wm-base{display:none}.wm-buttons{flex-direction:column;width:min(320px,86vw)}.wm-btn{width:100%;flex-direction:row;gap:14px}.wm-col,.wm-loginbtn{width:100%}.wm-more{flex-direction:column;width:min(320px,86vw)}.wm-small{justify-content:center}}@media (prefers-reduced-motion: reduce){.wm-monitor{transition:none!important}.wm-boot img,.wm-choose,.wm-bar span{animation-duration:1ms!important}.wm-skip svg,.wm-cleffy .wm-cleffy-img{animation:none}}.wm-logo-wrap{position:relative;display:flex;justify-content:center;width:clamp(180px,32%,360px)}.wm-logo-wrap .wm-logo{width:100%}.wm-hello+.wm-logo-wrap{margin-top:calc(-1*clamp(4px,1.2vh,14px))}.wm-logo-cleffy{position:absolute;left:calc(100% + clamp(6px,1.2vw,18px));top:32%;width:clamp(48px,7vw,96px);height:auto;transform:translateY(-50%);pointer-events:none;filter:drop-shadow(0 8px 16px rgba(30,10,70,.28));animation:wmCleffyBob 3.4s ease-in-out infinite}@keyframes wmCleffyBob{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 6px))}}@media (max-width: 700px){.wm-logo-cleffy{width:42px;left:calc(100% + 4px)}}@media (prefers-reduced-motion: reduce){.wm-logo-cleffy{animation:none}}.ais{position:relative;width:min(460px,calc(100% - 28px));height:min(560px,calc(100% - 28px));display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:28px;box-shadow:0 24px 60px #28145a4d;font-family:Nunito,sans-serif;animation:popIn .2s cubic-bezier(.34,1.56,.64,1)}.ais-head{position:relative;flex-shrink:0;height:210px;background:var(--app);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff}.ais-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.12));pointer-events:none}.ais-icon{position:relative;z-index:1;width:112px;height:112px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 6px 14px rgba(0,0,0,.18))}.ais-icon img{width:100%;height:100%;object-fit:contain}.ais-name{position:relative;z-index:1;font-weight:900;font-size:1.5rem;line-height:1.15;text-align:center;padding:0 56px;text-shadow:0 2px 10px rgba(0,0,0,.18)}.ais-fav{position:absolute;top:14px;left:14px;z-index:2;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:#ffffff38;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s}.ais-fav:hover{background:#ffffff5c}.ais-close{position:absolute!important;top:16px;right:16px;z-index:2}.ais-close:hover{filter:brightness(1.08)}.ais-fav.on{background:#fff;color:#f2a83b}.ais-body{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;padding:16px 24px 8px}.ais-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:12px}.ais-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#6c63ff17;color:#4a3f8a;font-weight:800;font-size:.76rem}.ais-tag.free{background:#10b98121;color:#0b8a5f}.ais-tag.lite{background:#f2a83b29;color:#a66200}.ais-tag.premium{background:#9b4fd421;color:#7a35b0}.ais-tag.teacher{background:#2d246617;color:#2d2466}.ais-desc{font-weight:600;font-size:.95rem;line-height:1.55;color:#1e1e50b3;text-align:center}.ais-foot{flex-shrink:0;padding:12px 24px 22px;display:flex;flex-direction:column;gap:8px}.ais-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 16px;border:none;border-radius:14px;cursor:pointer;background:var(--app);color:#fff;font:inherit;font-weight:900;font-size:1rem;box-shadow:0 6px 18px #28145a2e;transition:transform .12s,filter .12s}.ais-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.ais-btn:disabled{background:#00000014;color:#1e1e5059;box-shadow:none;cursor:default;transform:none;filter:none}.ais-btn.ghost{background:#fff;color:#4a3f8a;border:1.5px solid rgba(108,99,255,.3);box-shadow:none}.ais-btn.ghost:hover{background:#f7f5ff}.ais-note{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:800;font-size:.85rem;color:#7a35b0;text-align:center}.ais-desc.ais-lite{margin-top:10px;color:#8a5200}.ais-btn.tutorials{background:#fff;color:#4a3f8a;border:1.5px solid rgba(155,79,212,.3);box-shadow:none;justify-content:flex-start;padding:8px 14px;gap:12px;text-align:left}.ais-btn.tutorials:hover{background:#faf7ff}.ais-btn.tutorials img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.ais-btn.tutorials span{display:flex;flex-direction:column;line-height:1.2}.ais-btn.tutorials b{font-weight:900;font-size:.95rem;color:#5b2a86}.ais-btn.tutorials small{font-weight:700;font-size:.78rem;color:#1e1e508c}@media (max-width: 700px){.ais{height:min(560px,calc(100% - 100px));border-radius:24px}.ais-head{height:180px}.ais-icon{width:92px;height:92px}.ais-name{font-size:1.3rem}}