@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";:root{--purple:#2d1b69;--pink:#e85d9b;--white:#fff;--purple-tint:#f5f3ff;--text:#1a1a2e;--muted:#6b7280;--error:#ef4444;--success-bg:#f0fdf4;--success-fg:#166534;--border-soft:#e5e0f5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--white);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}button{font-family:inherit}a{color:var(--pink)}.page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;max-width:420px;min-height:100vh;margin:0 auto;padding:32px 24px;display:flex}.page--top{justify-content:flex-start;padding-top:64px}.auth-shell{background:var(--purple);flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:32px 16px;display:flex}.auth-card{background:var(--white);text-align:center;border-radius:24px;flex-direction:column;gap:24px;width:100%;max-width:420px;padding:32px;display:flex;box-shadow:0 12px 40px #0000002e}.charly-wordmark{background:var(--purple);color:var(--pink);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;border-radius:999px;padding:8px 24px;font-size:32px;font-weight:700;display:inline-block}.charly-wordmark--sm{padding:4px 14px;font-size:18px}.home-topbar{z-index:10;position:fixed;top:16px;left:24px}.auth-heading{color:var(--purple);font-size:24px;font-weight:700;line-height:1.2}.auth-heading--lg{font-size:28px}.auth-subtext{color:var(--muted);max-width:22rem;font-size:14px}.muted-text{color:var(--muted);font-size:14px}.auth-form{flex-direction:column;gap:16px;width:100%;display:flex}.auth-input{border:2px solid var(--border-soft);background:var(--purple-tint);width:100%;color:var(--text);border-radius:12px;outline:none;padding:14px 16px;font-family:Outfit,sans-serif;font-size:16px;transition:border-color .2s}.auth-input::placeholder{color:var(--muted)}.auth-input:focus{border-color:var(--purple)}.auth-button{background:var(--purple);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:12px;padding:16px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;transition:opacity .2s,transform .1s}.auth-button:hover:not(:disabled){opacity:.9}.auth-button:active:not(:disabled){transform:translateY(1px)}.auth-button:disabled{opacity:.6;cursor:progress}.auth-link{color:var(--pink);cursor:pointer;background:0 0;border:none;padding:0;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;text-decoration:underline}.auth-link-row{color:var(--muted);font-size:14px}.auth-link-row a{color:var(--pink);font-weight:500;text-decoration:underline}.auth-error{color:var(--error);margin-top:8px;font-size:14px}.auth-success{background:var(--success-bg);color:var(--success-fg);text-align:left;border-radius:8px;width:100%;padding:12px 16px;font-size:14px}.school-pill{background:var(--purple-tint);color:var(--purple);border-radius:8px;align-self:flex-start;padding:8px 12px;font-size:14px;font-weight:500}.back-link{color:var(--pink);text-align:left;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;text-decoration:underline}.call-page{gap:24px}.call-greeting{color:var(--purple);font-size:24px;font-weight:700}.call-button{background:var(--purple);width:120px;height:120px;color:var(--white);cursor:pointer;border:none;border-radius:50%;font-size:18px;font-weight:600;transition:opacity .2s,transform .1s,background .3s,box-shadow .3s;box-shadow:0 8px 32px #2d1b694d}.call-button:hover:not(:disabled){opacity:.92}.call-button:active:not(:disabled){transform:translateY(2px)}.call-button:disabled{cursor:progress}.call-button--connecting{background:var(--pink);animation:1.4s ease-in-out infinite call-pulse;box-shadow:0 8px 32px #e85d9b66}@keyframes call-pulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #e85d9b59}50%{transform:scale(1.05);box-shadow:0 14px 48px #e85d9b8c}}.call-status{color:var(--muted);font-size:16px}.call-error{color:var(--error);max-width:22rem;font-size:14px}.call-fallback{color:var(--muted);max-width:22rem;font-size:16px}.end-call-button{background:var(--error);width:100%;max-width:240px;color:var(--white);cursor:pointer;border:none;border-radius:999px;padding:14px 24px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;transition:opacity .2s,transform .1s;box-shadow:0 6px 18px #ef44444d}.end-call-button:hover{opacity:.9}.end-call-button:active{transform:translateY(1px)}.sound-wave{justify-content:center;align-items:center;gap:10px;height:120px;display:flex}.sound-wave .bar{background:var(--pink);transform-origin:50%;border-radius:999px;width:8px;height:64px;animation:1s ease-in-out infinite sound-wave-pulse;display:block}.sound-wave .bar:first-child{animation-delay:0s}.sound-wave .bar:nth-child(2){animation-delay:.15s}.sound-wave .bar:nth-child(3){animation-delay:.3s}.sound-wave .bar:nth-child(4){animation-delay:.45s}.sound-wave .bar:nth-child(5){animation-delay:.6s}@keyframes sound-wave-pulse{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.waiting-page{gap:16px}.waiting-page h1{color:var(--purple);font-size:28px;font-weight:700}.waiting-dot{background:var(--pink);border-radius:50%;width:14px;height:14px;margin-top:12px;animation:1.2s ease-in-out infinite waiting-pulse}@keyframes waiting-pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.bottom-nav{background:var(--white);border-top:1px solid var(--border-soft);z-index:100;justify-content:space-around;align-items:stretch;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__tab{color:#9ca3af;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-family:Outfit,sans-serif;font-size:11px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.bottom-nav__tab--active{color:var(--purple)}.bottom-nav__label{font-size:11px;line-height:1}.has-bottom-nav{padding-bottom:96px}.page-stack{text-align:left;flex-direction:column;align-items:stretch;gap:16px;max-width:420px;min-height:100vh;margin:0 auto;padding:32px 24px 96px;display:flex}.page-stack__heading{color:var(--purple);margin-bottom:8px;font-size:28px;font-weight:700}.stats-row{gap:8px;margin-bottom:24px;display:flex}.stat-card{background:var(--purple-tint);text-align:center;border-radius:12px;flex:1;padding:16px 8px}.stat-card__number{color:var(--purple);font-size:28px;font-weight:700;line-height:1.1;display:block}.stat-card__number--date{font-size:18px}.stat-card__label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px;display:block}.calls-card{background:var(--white);border:1px solid var(--border-soft);border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.calls-card__date{color:var(--text);font-size:16px;font-weight:500}.calls-card__duration{color:var(--muted);font-size:14px}.info-card{background:var(--purple-tint);border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.info-card__label{color:var(--muted);font-size:13px}.info-card__value{color:var(--text);font-size:16px;font-weight:500}.outlined-button{background:var(--white);width:100%;color:var(--pink);border:2px solid var(--pink);cursor:pointer;border-radius:12px;padding:14px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;transition:opacity .15s,transform .1s}.outlined-button:hover{opacity:.9}.outlined-button:active{transform:translateY(1px)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:60vh;display:flex}.empty-state__text{color:var(--muted);max-width:22rem;font-size:16px}