@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap";.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:.75rem 0;background:#f4f9fff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:100%;max-width:100vw;box-sizing:border-box;color:#131413;border-bottom:1px solid rgba(19,20,19,.1)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;padding:0 5rem;position:relative}.navbar img{height:40px}.right-section{display:flex;align-items:center;gap:2rem}.nav-items{display:flex;gap:2rem;list-style:none;margin:0;padding:0;font-weight:400;font-size:.95rem;align-items:center;color:#131413;position:absolute;left:50%;transform:translate(-50%)}.nav-button{background:#131413;color:#fff;border:none;padding:.6rem 1.25rem;border-radius:9999px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none}.nav-button .arrow-icon{font-size:1rem;line-height:1;color:#fff;display:inline-flex;align-items:center}.nav-button:hover{background:#131413}@media (max-width: 768px){.navbar{padding:1rem 0;position:relative}.navbar-inner{padding:0 2rem;max-width:100%}.nav-items{gap:1.5rem;font-size:1rem;white-space:nowrap;left:50%;transform:translate(-50%)}.nav-button{padding:.7rem 1.3rem;font-size:.95rem}.navbar img{height:40px!important}}@media (max-width: 480px){.navbar{padding:1rem 0;position:relative}.navbar-inner{padding:0 1.5rem;max-width:100%}.right-section{gap:1rem}.nav-items{gap:1rem;font-size:.95rem;white-space:nowrap;left:50%;transform:translate(-50%)}.nav-button{padding:.75rem 1.4rem;font-size:1rem;border-radius:12px}.navbar img{height:42px!important}}@media (max-width: 580px){.nav-items{display:none}.right-section{margin-left:auto}}@media (max-width: 360px){.nav-items{display:none}.right-section{margin-left:auto}}.footer{display:flex;flex-direction:column;gap:1rem;padding:3rem 0;background:#131413;color:#f4f9ff;width:100%;max-width:100vw;box-sizing:border-box}.footer-inner{width:100%;margin:0;padding:0 5rem;box-sizing:border-box}.footer-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.footer-top .footer-tagline{text-align:center}.footer-left{display:flex;align-items:center}.footer-logo{height:30px;width:auto}.footer-tagline{margin:0;opacity:.8;font-size:.9rem}.footer-links{display:flex;align-items:center;gap:.75rem}.footer-links a{color:#f4f9ff;opacity:.9;text-decoration:none;font-size:.9rem}.footer-links a:hover{opacity:1}.link-sep{opacity:.3}.footer-right{display:flex;align-items:center;gap:.5rem;justify-self:end}.social{color:#f4f9ff;opacity:.85;display:inline-flex;align-items:center;justify-content:center;height:32px;width:32px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.social:hover{background:#ffffff1a;opacity:1}.social svg{height:18px;width:18px;display:block}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.12);margin-top:.75rem;padding-top:.75rem}.footer-bottom p{margin:0;font-size:.85rem;color:#fff;opacity:.8}@media (max-width: 768px){.footer{padding:2rem 0}.footer-inner{padding:0 1.5rem}.footer-top{grid-template-columns:auto 1fr auto;gap:.5rem}.footer-logo{height:28px}.footer-links{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.footer-logo{height:26px}.footer-bottom p{font-size:.8rem}}.hero{display:flex;justify-content:center;align-items:center;padding:4rem 0 6rem;margin-top:80px;background:#f4f9ff;width:100%;max-width:100vw;box-sizing:border-box;min-height:70vh}.hero-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;padding:0 5rem;box-sizing:border-box;gap:1.5rem}.hero-row{width:100%;text-align:center}.start-learning{font-size:1.2rem;font-style:italic;font-family:Georgia,Times New Roman,Times,serif;color:#131413;opacity:.7}.start-learning{display:inline-flex;align-items:center}.square-bullet{display:inline-block;width:1.05rem;height:1.05rem;background:#131413;border-radius:3px;margin-right:.6rem;vertical-align:middle}.hero-title{font-size:3.5rem;font-weight:300;margin:0;color:#131413;line-height:1.2}.hero-description{font-size:1rem;color:#131413;opacity:.7;line-height:1.6;max-width:85%;margin:0 auto}.action-button{background:#008ec2;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:9999px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:inline-flex;align-items:center;gap:.4rem;margin:0 auto;width:auto;white-space:nowrap;text-decoration:none}.action-button:hover{background:#131414}.action-button .arrow{font-size:1rem;line-height:1;display:inline-flex;align-items:center}.chinese-scroll-section{background:#131413;padding:2rem 0;overflow:hidden;width:100%}.chinese-scroll-container{display:flex;gap:4rem;width:-moz-fit-content;width:fit-content;animation:scroll 90s linear infinite}.chinese-scroll-content{display:flex;gap:4rem;align-items:center}.chinese-scroll-content span{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,Source Han Sans SC,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;color:#fff;white-space:nowrap;opacity:.8;font-weight:500}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.hero{padding:2.5rem 0 4rem;margin-top:30px;min-height:60vh}.hero-container{padding:0 2rem;gap:2rem}.hero-title{font-size:2.6rem}.hero-description{font-size:1rem;max-width:95%}.start-learning{font-size:.85rem}.action-button{padding:.9rem 1.3rem;font-size:.95rem}.chinese-scroll-section{padding:3rem 0}.chinese-scroll-content span{font-size:2rem;font-weight:500}.chinese-scroll-content,.chinese-scroll-container{gap:3rem}}@media (max-width: 480px){.hero{padding:2.2rem 0 3.2rem;margin-top:24px;min-height:52vh}.hero-container{padding:0 1.5rem;gap:1.25rem}.hero-title{font-size:2.2rem;line-height:1.1}.hero-description{font-size:.95rem;max-width:98%}.start-learning{font-size:.9rem}.action-button{padding:1rem 1.5rem;font-size:.95rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.chinese-scroll-section{padding:2rem 0}.chinese-scroll-content span{font-size:1.6rem;font-weight:500}.chinese-scroll-content,.chinese-scroll-container{gap:2rem}}.what-we-offer{background:#fff;padding:8rem 0;width:100%;position:relative;z-index:1;overflow:hidden}.full-page-white{min-height:85vh;background:#fff;padding:7rem 0 6rem;box-sizing:border-box}.what-we-offer:before{display:none}.divider{border-top:1px solid rgba(19,20,19,.15);width:100%;max-width:1200px;margin:0 auto 4rem;position:relative;z-index:1}.offer-container{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:0 5rem;box-sizing:border-box;position:relative;z-index:1}.offer-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.square-bullet{display:inline-block;width:.5rem;height:.5rem;background:#131413;border-radius:.5px;margin-right:.6rem;vertical-align:middle}.offer-content{display:flex;flex-direction:column;gap:1.5rem}.offer-title{font-size:3.75rem;font-weight:300;color:#131413;margin:0;line-height:1.2}.offer-description{font-size:1.1rem;line-height:1.6;color:#131413;opacity:.8;margin:0;max-width:800px}.alm-sections{display:flex;flex-direction:column;gap:4rem;margin-top:3rem}.alm-item{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem}.alm-sections .alm-item:nth-child(2){flex-direction:row-reverse}.alm-info{flex:0 0 60%}.alm-title{font-size:2.25rem;font-weight:300;color:#131413;margin:0 0 .75rem}.alm-description{font-size:1rem;line-height:1.6;color:#131413;opacity:.8;margin:0}.alm-placeholder{width:280px;height:280px;border-radius:20px;border:0!important;box-shadow:none;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;position:relative;background:#131413;overflow:hidden;--blueOpacity: 0}.alm-placeholder:after{content:"";position:absolute;inset:0;background:#008ec2;opacity:var(--blueOpacity, 0);transition:opacity 80ms linear;pointer-events:none;z-index:0}.alm-placeholder svg{width:120px;height:120px}.alm-box-glyph{margin:0;font-size:4rem;font-weight:300;line-height:1;text-align:center;position:relative;color:#ffffffef;z-index:1}.alm-placeholder.purple,.alm-placeholder.blue,.alm-placeholder.teal{background:#131413}@media (max-width: 768px){.what-we-offer{padding:4rem 0}.full-page-white{padding:5rem 0 4rem}.offer-container{padding:0 5rem}.offer-header{margin-bottom:1.5rem}.offer-title{font-size:2.8rem}.offer-description{font-size:1.05rem}.alm-item{flex-direction:column;gap:1.5rem;align-items:center;padding:2rem 0;margin-top:0}.alm-sections .alm-item:nth-child(2){flex-direction:column}.alm-placeholder{width:100%;max-width:240px;margin:0 auto;aspect-ratio:1 / 1;height:auto;border-radius:12px;border:none;box-shadow:none;overflow:hidden;padding:1.25rem;display:flex;align-items:center;justify-content:center;background:#131413}.alm-info{order:0}.alm-placeholder{order:1}.alm-box-glyph{font-size:2.4rem}.alm-placeholder:after{display:none}.alm-title{font-size:2.2rem}.alm-description{font-size:1rem}}@media (max-width: 480px){.what-we-offer{padding:3rem 0}.offer-container{padding:0 4rem;display:flex;flex-direction:column;align-items:center;text-align:center}.full-page-white{padding:4rem 0 3rem;min-height:100vh}.offer-title{font-size:2rem}.offer-description{font-size:1rem}.alm-sections{gap:2rem}.alm-title{font-size:1.9rem}.alm-info{text-align:center}.alm-description{font-size:.95rem}.alm-item{gap:.75rem;padding:1.25rem 0;margin-top:0;padding-top:0}.alm-placeholder{width:100%;max-width:200px;margin:2.5rem auto 0;aspect-ratio:1 / 1;height:auto;border-radius:10px;border:none;box-shadow:none;padding:1rem;display:flex;align-items:center;justify-content:center;background:#131413}.alm-sections .alm-item:first-child{margin-top:0}.alm-description{margin-bottom:1.25rem}.alm-placeholder:after{display:none}.alm-box-glyph{font-size:2.8rem;line-height:1}}.early-access{background:#f6f6f6;padding:6rem 0;width:100%;border:1px solid rgba(19,20,19,.1)}.early-access-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 5rem;box-sizing:border-box}.early-access-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.square-bullet{display:inline-block;width:.3rem;height:.3rem;background:#131413;border-radius:.5px;margin-right:.6rem;vertical-align:middle}.header-label{font-size:1rem;font-style:italic;font-family:Georgia,Times New Roman,Times,serif;color:#131413;opacity:.7}.early-access-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;margin-bottom:3rem;max-width:700px}.early-access-title{font-size:3rem;font-weight:300;color:#131413;margin:0;line-height:1.2}.early-access-description{font-size:1.1rem;line-height:1.6;color:#131413;opacity:.8;margin:0}.early-access-form{display:flex;gap:1rem;width:100%;max-width:500px;align-items:center}.email-input{flex:1;padding:.875rem 1.5rem;border:2px solid #131414;border-radius:8px;font-size:1rem;color:#131413;background:#fff;outline:none;transition:border-color .3s ease}.email-input::-moz-placeholder{color:#131413;opacity:.5}.email-input::placeholder{color:#131413;opacity:.5}.email-input:focus{border-color:#131414}.submit-button{background:#131414;color:#fff;border:2px solid #131414;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.submit-button:hover{background:#131414;border-color:#fff;transform:translateY(-2px)}.arrow-icon{font-size:1rem;line-height:1;display:inline-flex;align-items:center}@media (max-width: 768px){.early-access{padding:4rem 0}.early-access-container{padding:0 2rem}.early-access-content{margin-bottom:2rem}.early-access-title{font-size:2rem}.early-access-description{font-size:1rem}.early-access-form{flex-direction:column;gap:1rem;width:100%;max-width:280px;margin:0 auto}.email-input{width:100%}.submit-button{width:100%;align-self:stretch;justify-content:center;padding:.8rem 1rem;font-size:1rem;min-width:120px}}@media (max-width: 480px){.early-access{padding:3rem 0}.early-access-container{padding:0 1.5rem}.early-access-title{font-size:1.5rem}.early-access-description{font-size:.95rem}.early-access-form{max-width:280px;width:100%;margin:0 auto;gap:1rem;flex-direction:column}.email-input,.submit-button{width:100%;align-self:stretch}.submit-button{padding:.7rem 1.5rem;font-size:.9rem}}.meet-developer{background:#fff;padding:8rem 0 10rem;width:100%}.meet-developer-container{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:1200px;margin:0 auto;padding:0 5rem;box-sizing:border-box}.meet-developer h2{font-size:2.5rem;font-weight:300;color:#131413;margin-bottom:2rem}.button-group{display:flex;gap:1.5rem;align-items:center}.btn-filled,.btn-outlined{padding:.8rem 1rem;border-radius:8px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer;border:2px solid #131413;min-width:120px;text-align:center}.btn-filled{background:#131413;color:#fff}.btn-filled:hover{background:#131413;border-color:#131413;transform:translateY(-2px)}.btn-outlined{background:transparent;color:#131413}.btn-outlined:hover{background:#131413;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.meet-developer{padding:6rem 0}.meet-developer-container{padding:0 2rem}.meet-developer h2{font-size:2rem;margin-bottom:1.5rem}.button-group{flex-direction:column;gap:1rem;width:100%}.btn-filled,.btn-outlined{width:100%;max-width:280px}}@media (max-width: 480px){.meet-developer{padding:5rem 0}.meet-developer-container{padding:0 1.5rem}.meet-developer h2{font-size:1.8rem}.btn-filled,.btn-outlined{padding:.7rem 1.5rem;font-size:.9rem}}.learning-hub-page{--hub-width: 60%;--hub-max-width: 1100px;--hub-min-width: 320px;--hub-pad: 24px;background:#fff;padding:0;width:100%;min-height:100vh;height:100vh;overflow:hidden;position:relative;font-weight:400}.learning-hub-page *{font-weight:400!important}@media (max-width: 768px){.learning-hub-page{--hub-pad: 48px}}@media (max-width: 480px){.learning-hub-page{--hub-pad: 72px}}.learning-hub-shell{display:flex;width:100%;min-height:100vh;height:100vh}.learning-hub-sidebar{width:84px;background:#131414;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1rem .5rem;box-sizing:border-box;position:sticky;top:0;height:100vh}.learning-hub-sidebar-top{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:.25rem}.learning-hub-sidebar-logo{height:28px;width:28px}.learning-hub-sidebar-brand{font-size:.75rem;color:#ffffffe6;text-align:center}.learning-hub-profile-button{width:100%;background:#0f1010;border:1px solid rgba(255,255,255,.18);color:#fff;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem 0;border-radius:10px;cursor:pointer}.learning-hub-profile-button:hover,.learning-hub-profile-button.active{background:#1d1e1d}.learning-hub-sidebar-nav{display:flex;flex-direction:column;gap:.5rem;width:100%;align-items:center}.learning-hub-nav-item{width:100%;background:transparent;border:none;color:#fff;opacity:.8;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem 0;border-radius:10px;cursor:pointer}.learning-hub-nav-item:hover,.learning-hub-nav-item.active{background:#1d1e1d;opacity:1}.learning-hub-nav-icon{line-height:1;display:inline-flex;align-items:center;justify-content:center}.learning-hub-nav-icon svg{width:20px;height:20px;color:currentColor}.learning-hub-nav-label{font-size:.72rem;line-height:1}.learning-hub-sidebar-utils{width:100%;display:flex;flex-direction:column;gap:.5rem;align-items:center;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.12)}.learning-hub-logout-mini{width:34px;height:34px;background:transparent;border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.learning-hub-logout-mini:hover{background:#ffffff14}.learning-hub-content{flex:1;box-sizing:border-box;background:#f4f9ff;height:100vh;overflow-y:auto;overscroll-behavior:contain}.section-title{margin:0 0 1rem;font-size:1.75rem;font-weight:300;color:#131413}.learning-hub-dashboard{width:100%;display:flex;justify-content:center;padding:2rem 0 3rem}.dashboard-main{width:var(--hub-width, 60%);max-width:var(--hub-max-width, 1100px);min-width:var(--hub-min-width, 320px);display:flex;flex-direction:column;gap:1.25rem;overflow-x:auto}.dashboard-rings{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.ring-card{background:#fff;border:1px solid rgba(19,20,19,.08);border-radius:6px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;align-items:center;box-shadow:0 6px 20px #00000008}.ring-visual{width:96px;height:96px;border-radius:50%;border:10px solid #d8ecf7;border-top-color:#008ec2;border-right-color:#008ec2;transform:rotate(-35deg);box-sizing:border-box}.ring-label{font-size:.95rem;color:#131413;text-align:center}.dashboard-card{background:#fff;border:1px solid rgba(19,20,19,.08);border-radius:6px;padding:1rem 1.25rem;box-shadow:0 6px 20px #00000008}.card-title{font-weight:600;color:#131413;margin:0 0 .5rem}.card-body{color:#131413}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.mode-pill{border:1px solid rgba(19,20,19,.08);background:#f8fbff;color:#131413;border-radius:6px;padding:.65rem .75rem;font-weight:500;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.mode-pill:hover{background:#fff;box-shadow:0 8px 24px #0000000d;transform:translateY(-1px)}.activity-list{margin:0;padding-left:1rem;color:#131413;line-height:1.7}.activity-list.detailed{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.activity-row{display:grid;grid-template-columns:1fr 1.2fr auto;gap:.5rem;padding:.4rem 0;border-bottom:1px solid rgba(19,20,19,.06)}.activity-row:last-child{border-bottom:none}.dashboard-grid{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.dash-hero{background:#fff;border:1px solid rgba(19,20,19,.1);border-radius:25px;padding:1.25rem 1.5rem;box-shadow:0 8px 24px #0000000d;display:flex;flex-direction:column;gap:.5rem}.dash-hero-top{display:flex;align-items:center;justify-content:space-between}.dash-hello{font-size:1.35rem;font-weight:700;color:#131413}.dash-favicon{width:28px;height:28px}.dash-subline{color:#131413b8;font-weight:500}.dash-hero-stats{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-weight:600;color:#131413;width:100%}.dash-streak-group{display:flex;align-items:center;gap:.6rem}.streak-icon{width:18px;height:18px;display:inline-block;flex-shrink:0;vertical-align:middle;color:currentColor}.dash-stat.dash-streak{display:inline-flex;align-items:center;gap:.35rem;color:inherit}.dash-today{margin-left:.5rem}.dash-divider{width:1px;height:18px;background:#1314131a;display:inline-block}.dash-highlight{background:#131313;border:none;padding:1rem 1.25rem;background:#fff;border:1px solid rgba(19,20,19,.1);border-radius:25px;padding:1.25rem 1.5rem;box-shadow:0 8px 24px #0000000d;color:#131413}.dash-highlight-title{margin-bottom:.2rem;font-weight:700;color:#131413}.dash-highlight-body{font-size:1.05rem;font-weight:500;color:#131413b8}.dash-row{display:grid;grid-template-columns:1fr 360px;gap:1rem;align-items:stretch}@media (max-width: 900px){.dash-row{grid-template-columns:1fr}.dash-box-reco{padding-top:1rem}}.dash-box{background:#fff;border:1px solid rgba(19,20,19,.1);border-radius:25px;padding:1.1rem 1.25rem;box-shadow:0 8px 22px #0000000a}.dash-box-title{margin:0 0 .75rem;font-weight:700;color:#131413}.dash-weekly-list{display:flex;flex-direction:column;gap:.6rem}.dash-weekly-row{display:grid;grid-template-columns:46px 1fr 64px;gap:.6rem;align-items:center}.dash-weekly-day{font-weight:600;color:#3b4045}.dash-weekly-bar{width:100%;height:10px;background:#93939324;border-radius:999px;overflow:hidden}.dash-weekly-fill{height:100%;background:linear-gradient(90deg,#008ec2,#008ec2);border-radius:inherit}.dash-weekly-min{text-align:right;color:#3b4045;font-weight:500}.dash-box-reco{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.dash-reco-body{color:#3b4045;line-height:1.5}.dash-reco-button{width:100%;height:100%;background:#131313;color:#fff;border:none;border-radius:20px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;cursor:pointer;box-shadow:0 12px 28px #0212191f;transition:transform .16s ease,box-shadow .16s ease;box-sizing:border-box}.dash-reco-button:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0212192e}.reco-icon svg{width:64px;height:64px;display:block;color:currentColor}.reco-label{font-size:1.125rem;font-weight:600!important}.reco-desc{font-size:.95rem;opacity:.95;color:#c5c5c5;max-width:260px}.dash-reco-button,.dash-reco-button *{text-align:center}.dash-box-reco{padding:0}.activity-time{color:#131413b3}.activity-mode{font-weight:600;color:#131413}.activity-dur{color:#131413b3;text-align:right}.chart-placeholder,.alm-placeholder,.donut-placeholder{background:#f8fbff;border:1px dashed rgba(19,20,19,.15);color:#131413a6;padding:1.5rem;border-radius:10px;text-align:center;font-size:.95rem}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.today-time{display:flex;align-items:center;gap:1rem}.time-ring{width:96px;height:96px;border-radius:50%;border:10px solid #dfe9f5;border-top-color:#008ec2;border-right-color:#008ec2;transform:rotate(-35deg)}.time-number{font-weight:600;color:#131413}.time-text{color:#131413b3}.weekly-list{display:flex;flex-direction:column;gap:.35rem}.weekly-row{display:grid;grid-template-columns:36px 1fr 60px;align-items:center;gap:.5rem}.weekly-day{font-weight:600;color:#131413}.weekly-bar{width:100%;height:8px;background:#eef2f8;border-radius:999px;overflow:hidden}.weekly-bar-fill{height:100%;background:#008ec2;border-radius:999px}.weekly-min{color:#131413b3;font-size:.9rem;text-align:right}.mode-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.donut-placeholder{min-height:160px;display:flex;align-items:center;justify-content:center}.mode-legend{display:flex;flex-direction:column;gap:.35rem}.legend-item{display:grid;grid-template-columns:auto 1fr auto;gap:.35rem;align-items:center}.legend-dot{width:10px;height:10px;border-radius:50%;background:#008ec2;display:inline-block}.legend-label{font-weight:600;color:#131413}.legend-value{color:#131413b3;text-align:right}.stacked-card{box-shadow:0 10px 40px #0000000a}.hero-title-line{display:flex;gap:.75rem;align-items:center}.hero-emoji{font-size:1.4rem}.hero-stat{display:inline-flex;align-items:baseline;gap:.35rem;font-size:.97rem}.hero-stat-label{color:#131413b3;font-weight:500}.hero-stat-value{color:#131413;font-weight:700}.progress-track{position:relative;margin-top:.75rem;height:12px;background:#eef2f8;border-radius:999px;overflow:hidden}.progress-fill{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,#008ec2,#34b3d6)}.progress-text{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.85rem;color:#131413;font-weight:700}.highlight{background:#fefcf7;border-color:#ffaa334d}.dashboard-header-card{background:#fff;border:1px solid rgba(19,20,19,.08);border-radius:6px;padding:1.2rem 1.4rem;display:flex;flex-direction:column;align-items:stretch;gap:.75rem;box-shadow:0 8px 30px #0000000a}.header-title-line{display:inline-flex;width:100%;justify-content:space-between;gap:.6rem;align-items:center;flex-wrap:wrap}.header-title{font-size:1.5rem;font-weight:700;color:#131413;display:inline-flex;gap:.5rem;align-items:center}.header-sub{color:#131413b3;font-size:.98rem}.header-stats{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.stats-divider{color:#13141333;font-weight:700}.streak-chip{background:#ff6e301a;border:1px solid rgba(255,110,48,.2);padding:.45rem .7rem;border-radius:6px;font-weight:600;color:#c44b1c}.goal-block{display:flex;flex-direction:column;gap:.35rem;min-width:200px}.goal-row{display:flex;gap:.35rem;align-items:baseline;font-weight:600;color:#131413}.goal-label{color:#131413b3;font-weight:500}.goal-track{position:relative;height:10px;background:#eef2f8;overflow:hidden;border-radius:4px}.goal-fill{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,#008ec2,#34b3d6);border-radius:4px}.header-favicon{width:32px;height:32px}.dashboard-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hub-mode-width{width:var(--hub-width, 60%);max-width:var(--hub-max-width, 1100px);min-width:var(--hub-min-width, 320px);margin:0 auto;padding:0 var(--hub-pad, 24px);box-sizing:border-box}.placeholder-box{margin-top:1.5rem;padding:1rem 1.25rem;background:#fff;border:1px dashed rgba(19,20,19,.12);border-radius:6px;color:#131413bf}.hub-mode-container{position:relative;min-height:100vh;padding-top:136px}.chat-mode-layout{display:grid;grid-template-columns:260px 1fr;gap:1rem;margin-top:1.5rem}.chat-mode-left{display:flex;flex-direction:column;gap:1rem}.chat-section{background:#fff;border:1px solid rgba(19,20,19,.08);border-radius:25px;padding:1rem;box-shadow:0 4px 12px #00000008}.chat-section-title{font-weight:700;color:#131413;margin-bottom:.75rem}.option-stack{display:flex;flex-direction:column;gap:.5rem}.option-pill{border:1px solid rgba(19,20,19,.12);background:#f8fbff;color:#131413;border-radius:10px;padding:.65rem .75rem;font-weight:600;text-align:left;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.option-pill.active{background:#e8f5ff;border-color:#008ec2}.option-pill:hover{background:#fff}.chat-mode-right{min-height:70vh}.chat-window{background:#fff;border:1px solid rgba(19,20,19,.08);border-radius:25px;display:flex;flex-direction:column;height:100%;box-shadow:0 4px 12px #00000008}.chat-window-meta{display:flex;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgba(19,20,19,.08);border-radius:25px 25px 0 0;background:#f7fafc;color:#131413bf;font-size:.95rem}.chat-window-body{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.chat-bubble{max-width:80%;padding:.85rem 1rem;border-radius:10px;font-size:.98rem;line-height:1.5}.chat-assistant{background:#eef5ff;color:#131413;align-self:flex-start}.chat-user{background:#008ec2;color:#fff;align-self:flex-end}.reading-block{white-space:pre-wrap}.reading-standalone{background:#fff;border:1px solid rgba(19,20,19,.12);border-radius:25px;padding:1.25rem 1.5rem;margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 6px 20px #0000000a}.reading-body{font-size:1.26rem;line-height:1.82;font-weight:400;color:#131413;white-space:pre-wrap}.reading-highlight{background:#dcebff;border-radius:4px;padding:1px 2px}.reading-title{font-size:1rem;font-weight:600;color:#3b4045;margin-bottom:.75rem}.recall-layout{display:grid;grid-template-columns:260px 1fr;gap:1rem;margin-top:1.5rem}.recall-card{background:#fff;border:1px solid rgba(19,20,19,.12);border-radius:25px;box-shadow:0 6px 20px #0000000a;padding:2rem 2.5rem;text-align:center;display:flex;flex-direction:column;gap:1rem;width:100%;min-height:100%}.recall-hanzi{font-size:4rem;font-weight:700;color:#131413}.recall-detail{color:#131413bf;font-size:1.05rem}.recall-actions{display:flex;justify-content:center;gap:.75rem;margin-top:.5rem}.recall-btn{border:1px solid rgba(19,20,19,.12);border-radius:10px;padding:.65rem 1.1rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,box-shadow .12s ease,border-color .12s ease}.recall-btn-known{background:#e7f7ed;border-color:#27ae60;color:#1b8a4c}.recall-btn-unknown{background:#fff5f5;border-color:#e67a7a;color:#c0392b}.recall-btn:hover{box-shadow:0 8px 20px #0000000f;transform:translateY(-1px)}.char-wrapper{position:relative;display:inline-block}.char-box{border-radius:0;display:inline-block}.char-tooltip{position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#111827;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease}.char-wrapper:hover .char-tooltip{opacity:1}.char-space{display:inline-block;width:6px}.chat-window-input{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid rgba(19,20,19,.08)}.chat-input{flex:1;border:1px solid rgba(19,20,19,.2);border-radius:6px;padding:.65rem .75rem;font-size:.95rem}.chat-send-btn{background:#131413;color:#fff;border:none;border-radius:6px;padding:.65rem .9rem;cursor:pointer}.chatbox{background:#fff;border:1px solid #ececf0;border-radius:12px;max-width:900px}.chat-messages{padding:1rem;display:flex;flex-direction:column;gap:.5rem;max-height:50vh;overflow:auto}.chat-message{background:#f3f5f8;color:#131413;padding:.75rem 1rem;border-radius:10px;max-width:80%}.chat-message.user{align-self:flex-end;background:#008ec2;color:#fff}.chat-message.bot{align-self:flex-start}.chat-input-row{display:flex;gap:.5rem;border-top:1px solid #ececf0;padding:.75rem}.chat-input{flex:1;border:1px solid #dfe3ea;border-radius:8px;padding:.75rem .9rem;font-size:.95rem}.chat-send{background:#131414;color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer}.chat-send:hover{background:#008ec2}-title{font-size:2.5rem;font-weight:300;color:#131413;margin:0 0 1.5rem;text-align:left}.hub-summary{width:100%;min-height:160px;position:relative;background:#008ec2;border-radius:16px;border:none;color:#fff;padding:1.5rem}.hub-summary h2{color:#fff;font-weight:300;margin:0 0 .5rem}.hub-summary p{color:#fff;opacity:.95;margin:0}.stats{display:flex;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.stat{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.75rem 1rem;min-width:140px}.stat-number{display:block;color:#fff;font-size:1.5rem;font-weight:300;line-height:1.2}.stat-label{display:block;color:#fff;opacity:.85;font-size:.9rem}.dashboard-icon{height:28px;width:28px;margin-right:.5rem;vertical-align:middle}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.25rem}.hub-card{background:#fff;border:1px solid #ececf0;border-radius:16px;padding:1.25rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.hub-card h3{font-size:1.1rem;font-weight:300;color:#131413;margin:0 0 .5rem}.hub-card p{font-size:.95rem;color:#131413;opacity:.75;line-height:1.5;margin:0}.hub-card:hover{background:#008ec2;border-color:#008ec2}.hub-card:hover h3,.hub-card:hover p{color:#fff;opacity:1}@media (max-width: 1024px){.hub-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-page{padding:4rem 0 5rem}.dashboard-container{padding:0 2rem}.dashboard-title{font-size:2rem}.hub-summary{min-height:140px}.hub-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.dashboard-container{padding:0 1.5rem}.dashboard-title{font-size:1.8rem}}.hub-header-band{width:100%}.hub-header-inner{margin:0 auto;padding:12px var(--hub-pad, 24px);box-sizing:border-box;width:var(--hub-width, 60%);max-width:var(--hub-max-width, 1100px);min-width:var(--hub-min-width, 320px);display:flex;flex-direction:column;gap:4px;justify-content:center}.hub-header-title{margin:0;font-size:1.5rem;font-weight:600;color:#0f172a;letter-spacing:-.01em}.hub-header-sub{margin:0;font-size:.95rem;color:#475569}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.absolute{position:absolute}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--primary: 197 100% 38%;--primary-foreground: 0 0% 100%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 197 100% 38%;--radius: .5rem}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--primary: 210 40% 96.1%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 85.7% 97.3%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%}html,body{height:100%;margin:0;padding:0;background:#f4f9ff;font-family:Roboto,system-ui,sans-serif;color:#131413;overflow-x:hidden}#root{height:100%;width:100%;display:flex;flex-direction:column;margin:0;padding:0}main{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%}::-moz-selection{background:#008ec2;color:#fff}::selection{background:#008ec2;color:#fff}@media (max-width: 768px){html,body{font-size:16px}}@media (max-width: 480px){html,body{font-size:17px}}