.account-loading #learning-shell,.account-loading .bottom-nav,.account-loading #desktop-website,.account-loading .preview-context,.account-loading #phone-preview-toolbar{display:none!important}
.account-gate{max-width:520px;margin:12vh auto;padding:30px 24px;color:#14233b;font-family:'Nunito Sans',Arial,sans-serif}
.account-gate h1{font-family:Georgia,serif;font-weight:400;font-size:36px}.account-gate p{font-size:16px;line-height:1.7}.account-gate .brand-name{font:bold 26px Georgia,serif}.account-gate a{display:inline-flex;margin:15px 12px 0 0}
.hosted-app #phone-preview-toolbar,.hosted-app .preview-context,.hosted-app #desktop-website,.hosted-app #reset{display:none!important}
.hosted-app .shell{margin:0 auto!important}.hosted-app .phone-local-note{display:none}.hosted-app .main-shell>footer{font-size:12px}
.account-sync{position:fixed;right:14px;top:4px;z-index:40;font:11px 'Nunito Sans',sans-serif;color:#536c7c;background:#faf8f2;padding:3px 8px;border-radius:12px;pointer-events:none}
.account-sync.is-error{color:#8b4b22;background:#fff5d9;pointer-events:auto;cursor:pointer;border:1px solid #ded9cd}
.roster-panel{margin:0 0 24px;padding:22px;border:1px solid #ded9cd;border-radius:16px;background:#faf8f2}.roster-panel h2{font-size:25px}.roster-panel form{margin-top:20px}.roster-panel select{width:100%}.roster-panel details{margin-top:20px}.roster-panel label{margin-top:14px}.roster-panel .helper{font-size:13px}.roster-panel button{margin-top:12px}
.account-chip{padding:12px 16px;background:#e4ecee;border-radius:12px;margin:0 0 16px;font-size:13px}.account-chip strong{display:block}.account-chip a{font-weight:700;text-decoration:underline}
.tutor-team-panel{margin:0 0 24px;padding:22px;background:#faf8f2;border:1px solid #ded9cd;border-radius:16px}
.tutor-team-panel>details>summary{font:25px Georgia,serif;line-height:1.35;cursor:pointer}.team-owner-badge{display:block;margin:6px 0 14px;font:700 12px 'Nunito Sans',sans-serif;letter-spacing:.02em;color:#536c7c}
.tutor-team-panel .helper,.tutor-team-panel p{font-size:13px;line-height:1.6}.team-owner{display:flex;flex-direction:column;gap:3px;padding:13px 0;border-bottom:1px solid #ded9cd;font-size:14px}.team-owner>span,.team-owner strong span{font-size:12px;color:#536c7c;font-weight:400}.team-owner>span{overflow-wrap:anywhere}
.team-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.team-list-heading h3,.team-sharing-note h3{font:700 14px 'Nunito Sans',sans-serif;margin:0}.team-list-heading .text-button{font-size:12px;min-height:44px;white-space:nowrap}
.team-list{list-style:none;padding:0;margin:0 0 18px}.team-list li{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #ded9cd}.team-person{min-width:0;display:flex;flex-direction:column;gap:3px;font-size:14px}.team-person>span{font-size:12px;overflow-wrap:anywhere}.team-status{margin-top:4px;font-size:11px;font-weight:700;color:#536c7c}.team-status.is-revoked{color:#7c5c47}.team-list button{flex-shrink:0;max-width:90px;font-size:12px;min-height:44px;line-height:1.4;text-align:right}
.team-empty{padding:12px 0;color:#536c7c}.tutor-team-panel input{width:100%}.tutor-team-panel label{margin-top:14px}.tutor-team-panel form .btn{margin-top:15px;width:100%}.tutor-team-panel #tutor-team-add>summary{font-weight:700;font-size:14px;cursor:pointer;padding:8px 0}.team-sharing-note{margin-top:20px;padding:16px;background:#e4ecee;border-radius:12px}.team-sharing-note p{margin-bottom:0}.tutor-team-panel button:disabled{opacity:.6;cursor:wait}
#team-error:empty,#team-notice:empty{display:none}#team-error{color:#8b4b22}#team-notice{padding:12px;background:#eaf0e8;border-radius:9px}#team-error:focus,#team-notice:focus{outline:2px solid #536c7c;outline-offset:4px}
@media(max-width:359px){.tutor-team-panel{padding:17px}.team-list li{gap:8px}.team-list button{max-width:74px}.team-list-heading{gap:8px}}
.hosted-app .bottom-nav{max-width:540px;left:50%;transform:translateX(-50%);width:100%}
.vector-tutor-app .mobile-header{border-bottom:3px solid #e9c96e}
.vector-tutor-app .mobile-calendar{background:#e4ecee;border-color:#bbd0cf}
.vector-tutor-app .bottom-nav a.active{background:#14233b}
@media(min-width:768px){.hosted-app .shell{max-width:540px!important;width:540px!important;box-shadow:0 12px 48px #14233b0d}.hosted-app{padding:0!important}.hosted-app .main-shell{width:100%!important;margin-left:0!important}.hosted-app main{padding-top:24px!important}}
