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:34px;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:26px;height:26px;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(26px)}.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;width:10%;height:100vh;padding:5px 10px;position:sticky;top:0;left:0;box-shadow:0 2px 5px #0003}.header-menu .menu-logo{width:100%;height:auto;margin:10px auto}.header-menu .header-menu-box{justify-content:center;align-items:center;display:flex}.header-menu .header-menu-box .header-menu-link{color:#000;border-right:1px solid #000;margin-right:10px;padding-right:10px;font-weight:500;text-decoration:none}.header-menu .header-menu-box .header-menu-link:last-child{border-right:none;margin-right:0}.header-menu .header-menu-box .auth-buttons{width:100%;margin-top:10px}.header-menu .header-menu-box .auth-buttons .user-email{text-align:center;background:#f0f0f0;border-radius:5px;width:100%;padding:10px 5px;font-size:1vw;display:block;transform:scale(1.15)}.header-menu .header-menu-box .auth-buttons .signout-button{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;width:100%;margin:10px auto;padding:8px 16px;font-size:1vw;font-weight:500;transition:all .2s}.header-menu .header-menu-box .auth-buttons .signout-button:hover{background:#c82333;transform:translateY(-1px)}.header-menu .header-menu-box .auth-buttons .signin-button{color:#fff;cursor:pointer;background:linear-gradient(95deg,#5468ff,#4a90e2);border:none;border-radius:8px;width:100%;padding:10px 20px;font-size:1vw;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #5468ff4d}.header-menu .header-menu-box .auth-buttons .signin-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5468ff66}.header-menu .header-menu-box .auth-buttons .signin-button:active{transform:translateY(0)}.header-menu .header-menu-box .loading-state{justify-content:center;align-items:center;padding:10px 20px;display:flex}.header-menu .header-menu-box .loading-state .loading-spinner{border:2px solid #f3f3f3;border-top-color:#5468ff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}