html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}html,body{font-family:Inter,sans-serif}*{box-sizing:border-box}.flex{justify-content:center;width:100%;display:flex}.history-box{width:35%;margin-left:5%}.navigation-box{flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin-top:20px;display:flex}.navigation-box .navigation-icon{cursor:pointer;width:20px;height:20px;padding:10px;transition:all .3s ease-in-out}.navigation-box .navigation-icon:hover{transform:scale(1.1)}.navigation-icon{pointer-events:none;width:30px;height:auto}.switch{width:60px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(32px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.home-container{background:#e7edff;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.welcome-section{text-align:center;color:#fff;width:100%;max-width:1200px}.welcome-content{margin-bottom:60px}.welcome-title{letter-spacing:-.02em;text-align:left;color:#000;align-items:center;margin-bottom:16px;font-size:3rem;font-weight:700;display:flex}.welcome-title .coach-icon{background:#fff;border-radius:50%;width:100px;height:auto;margin-right:20px}.options-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:60px;width:100%;margin:0 auto;display:grid}.option-card-link{color:inherit;text-decoration:none;display:block}.option-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;cursor:pointer;background:#ffffffb3;border-radius:20px;justify-content:space-between;align-items:center;padding:20px 0 0 30px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.option-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);transition:opacity .3s;position:absolute;inset:0}.option-card:hover{border-color:#fff6;transform:translateY(-8px);box-shadow:0 20px 40px #0003}.option-card:hover:before{opacity:1}.option-card:hover .card-icon{color:gold;transform:scale(1.1)}.option-card.hovered{border-color:#fff6;transform:translateY(-8px);box-shadow:0 20px 40px #0003}.option-card.hovered:before{opacity:1}.option-card.hovered .card-icon{color:gold;transform:scale(1.1)}.card-icon{color:#fffc;background:#eef2ff;border-radius:50%;justify-content:flex-end;align-items:center;width:40%;padding:35px 70px 70px 35px;transition:all .3s;display:flex;position:relative;top:35px;left:35px}.card-icon img{width:90px;height:auto}.card-title{color:#0076d4;text-align:left;margin-bottom:16px;font-size:1.8rem;font-weight:600}.card-description{opacity:.9;color:#000;text-align:left;margin-bottom:24px;font-size:1rem;line-height:1.6}.card-features{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.feature-tag{color:#000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:1px solid #ffffff1a;border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .2s}.feature-tag:hover{background:#ffffff4d;transform:scale(1.05)}.go-to-desktop{display:none}@media (max-width:1024px){.welcome-title{font-size:2rem}.welcome-title .coach-icon{width:70px}.coaching-board-container .coaching-board-box{width:47%!important}.coaching-board-container .coaching-board-box .userInfoBox .userpieceContainer .userNameBox{font-size:11px}.coaching-board-container .coaching-board-box .userInfoBox .userpieceContainer .userpieceBox .userpieceIcon{width:15px}.coaching-board-container .coaching-board-box .userInfoBox .userpieceContainer .userpieceBox span{font-size:9px}.coaching-board-container .coaching-board-box .userInfoBox .userpieceContainer .material-advantage-box .material-advantage{font-size:10px}.coaching-board-container .coaching-board-info-box .coaching-tab-box{height:350px!important}.card-title{font-size:1.5rem}}@media (max-width:1000px){.home-container,.coaching-board-container,.homework-stats-container,.header-menu{display:none}.go-to-desktop{z-index:99;background:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.go-to-desktop .go-to-desktop-sub{width:60%;margin:-100px auto 0}.go-to-desktop .go-to-desktop-sub .go-to-desktop-icon{width:80%;height:auto;margin:0 auto;display:block}.go-to-desktop .go-to-desktop-sub p{color:#000;text-align:center;font-size:1.2rem;font-weight:500;line-height:1.5}}@media (max-width:768px){.welcome-title{font-size:2.5rem}.welcome-subtitle{font-size:1.25rem}.welcome-description{font-size:1rem}.options-grid{grid-template-columns:1fr;gap:20px}.option-card{padding:30px 20px}.card-title{font-size:1.5rem}}@media (max-width:480px){.go-to-desktop .go-to-desktop-sub{margin:-50px auto 0}.go-to-desktop .go-to-desktop-sub p{font-size:1rem}.home-container{padding:16px}.welcome-title{font-size:2rem}.welcome-content{margin-bottom:40px}.option-card{padding:24px 16px}}
.header-menu{float:left;z-index:9;background:#fff;flex-direction:column;gap:12px;width:10%;height:100vh;padding:14px 5px 12px;display:flex;position:sticky;top:0;left:0;box-shadow:2px 0 8px #00000014}.header-menu .header-menu-link{text-decoration:none;display:block}.header-menu .menu-logo{width:100%;height:auto;margin:4px auto 6px;display:block}.header-menu .menu-nav{flex-direction:column;flex:1;gap:8px;padding:4px 4px 0;display:flex}.header-menu .menu-item{color:#6b7280;border:1px solid #0000;border-radius:12px;align-items:center;gap:5px;padding:11px 6px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:flex;position:relative}.header-menu .menu-item:hover{color:#111827;background:#f3f4f6;transform:translateY(-1px)}.header-menu .menu-icon{width:30px;height:30px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-menu .menu-icon-wrap{position:relative}.header-menu .menu-text{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.header-menu .menu-item-active{color:#1976d2;background:linear-gradient(135deg,#d4e9ff 0%,#e3f2fd 100%);border-color:#1976d240;box-shadow:0 2px 8px #1976d21f}.header-menu .menu-chat-unread-badge--sidebar-icon{color:#fff;background:#f96f80;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-8px}.header-menu .menu-auth{flex-direction:column;gap:10px;width:100%;padding:0 6px;display:flex}.header-menu .menu-auth-loading{text-align:center;color:#6b7280;padding:10px 0;font-weight:600}.header-menu .user-email{text-align:center;color:#111827;text-overflow:ellipsis;white-space:nowrap;background:#f3f4f6;border-radius:10px;width:100%;padding:10px 8px;font-size:13px;font-weight:700;display:block;overflow:hidden}.header-menu .signout-button,.header-menu .signin-button{cursor:pointer;border:none;border-radius:10px;width:100%;padding:10px 12px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}.header-menu .signout-button{color:#fff;background:#dc3545}.header-menu .signout-button:hover{background:#c82333;transform:translateY(-1px)}.header-menu .signin-button{color:#fff;background:linear-gradient(95deg,#5468ff,#4a90e2);box-shadow:0 2px 10px #5468ff40}.header-menu .signin-button:hover{transform:translateY(-1px);box-shadow:0 4px 14px #5468ff59}@media (max-width:980px){.header-menu{width:88px;padding-left:6px;padding-right:6px}.header-menu .menu-text,.header-menu .user-email{display:none}.header-menu .menu-logo{max-width:62px}}