@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#172033;background:#f7f9fd;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #172033;--muted: #687187;--faint: #9aa2b4;--line: #dfe4ed;--surface: #ffffff;--blue: #2157d5;--blue-dark: #1846b3;--blue-soft: #edf3ff;--coral: #df684f;--coral-dark: #c8523c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:#f7f9fd}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid rgba(33,87,213,.24);outline-offset:3px}.app-shell{width:min(100%,460px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(22px,env(safe-area-inset-top)) 22px max(28px,env(safe-area-inset-bottom))}.app-shell--login{display:flex;flex-direction:column}.brand,.profile-identity{display:flex;align-items:center;gap:11px}.brand{font-family:Manrope,sans-serif;font-size:19px;font-weight:700}.brand-mark{width:40px;height:40px;color:var(--blue);flex:0 0 auto}.login-panel{display:flex;flex:1;flex-direction:column;justify-content:center;padding:48px 0 36px}.login-panel h1{max-width:330px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(39px,11vw,52px);line-height:1.02;letter-spacing:-.055em}.login-panel>div>p{max-width:310px;margin:18px 0 42px;color:var(--muted);font-size:17px;line-height:1.55}.login-panel form label{display:block;margin-bottom:9px;font-size:14px;font-weight:700}.name-field{display:flex;padding:5px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 8px 28px #1a2a4d12}.name-field:focus-within{border-color:#9bb4ef}.name-field input{min-width:0;flex:1;padding:13px 12px;border:0;outline:0;color:var(--ink);background:transparent;font-size:16px}.name-field input::placeholder{color:var(--faint)}.name-field button{min-height:48px;padding:0 18px;border:0;border-radius:11px;color:#fff;background:var(--blue);font-size:15px;font-weight:700;cursor:pointer}.name-field button:disabled{cursor:not-allowed;opacity:.48}.privacy-note,.profile-disclaimer{color:var(--faint);font-size:12px;line-height:1.55}.privacy-note{margin:20px 3px 0}.profile-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:34px}.profile-identity div{display:flex;min-width:0;flex-direction:column}.profile-identity span{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.profile-identity strong{overflow:hidden;max-width:190px;font-family:Manrope,sans-serif;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.text-button{padding:9px 0;border:0;color:var(--blue);background:none;font-size:13px;font-weight:700;cursor:pointer}.timer-panel{text-align:center}.status-line{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;font-weight:700}.status-dot{width:9px;height:9px;border-radius:50%;background:#aeb5c3}.status-dot--active{background:var(--blue);box-shadow:0 0 0 5px #2157d51c;animation:pulse 2.4s ease-in-out infinite}.timer-block{margin:23px 0 26px}.timer-label{margin:0 0 5px;color:var(--muted);font-size:13px}.timer-value{display:block;font-family:Manrope,sans-serif;font-size:clamp(49px,14vw,66px);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.06em;line-height:1.15}.today-total{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;padding:16px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}.today-total span{color:var(--muted);font-size:14px;font-weight:600}.today-total strong{font-family:Manrope,sans-serif;font-size:20px}.today-total small{grid-column:1 / -1;color:var(--faint);font-size:11px}.state-button{display:flex;width:100%;min-height:62px;align-items:center;justify-content:space-between;margin:24px 0 43px;padding:0 11px 0 23px;border:0;border-radius:18px;color:#fff;background:var(--blue);box-shadow:0 13px 28px #2157d53d;font-size:16px;font-weight:700;cursor:pointer;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.state-button:hover{background:var(--blue-dark)}.state-button:active{transform:translateY(1px)}.state-button--rest{background:var(--coral);box-shadow:0 13px 28px #df684f33}.state-button--rest:hover{background:var(--coral-dark)}.state-button:disabled{cursor:wait;opacity:.68}.state-button-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#ffffff29}.state-button-icon svg{width:23px;height:23px}.leaderboard{margin-bottom:42px}.leaderboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}.leaderboard h2{margin:0;font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.035em}.leaderboard-tabs{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:11px;background:#eef1f6}.leaderboard-tabs button{min-height:34px;padding:0 10px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:11px;font-weight:700;cursor:pointer}.leaderboard-tabs button.is-active{color:var(--blue);background:var(--surface);box-shadow:0 2px 8px #1a2a4d17}.leaderboard-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 8px 28px #1a2a4d0b;transition:opacity .15s ease}.leaderboard-card--loading{opacity:.66}.leaderboard-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:67px;padding:10px 15px;border-bottom:1px solid #edf0f5}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row--current{background:var(--blue-soft)}.leaderboard-rank{display:grid;width:31px;height:31px;place-items:center;border-radius:10px;color:var(--muted);background:#f2f4f8;font-family:Manrope,sans-serif;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.leaderboard-row:nth-of-type(1) .leaderboard-rank{color:#755515;background:#fff0bd}.leaderboard-row:nth-of-type(2) .leaderboard-rank{color:#566173;background:#e8edf4}.leaderboard-row:nth-of-type(3) .leaderboard-rank{color:#8a4e2d;background:#f6dfd2}.leaderboard-person{display:flex;min-width:0;flex-direction:column;gap:2px}.leaderboard-person strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.leaderboard-person>span{color:var(--faint);font-size:10px;font-weight:600}.leaderboard-active{display:flex;align-items:center;gap:5px;color:var(--blue)!important}.leaderboard-active i{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px #2157d51a}.leaderboard-time{font-family:Manrope,sans-serif;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.leaderboard-divider{display:flex;align-items:center;justify-content:center;gap:4px;height:24px;border-bottom:1px solid #edf0f5;background:#fafbfc}.leaderboard-divider span{width:3px;height:3px;border-radius:50%;background:var(--faint)}.leaderboard-message{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 15px;color:#8e3828;background:#fff4f1;font-size:12px}.leaderboard-message button{border:0;color:#8e3828;background:transparent;font-weight:700;cursor:pointer}.leaderboard-empty,.leaderboard-skeleton{display:grid;min-height:126px;place-content:center;justify-items:center}.leaderboard-empty{gap:4px;padding:24px;text-align:center}.leaderboard-empty strong{font-size:14px}.leaderboard-empty span,.leaderboard-nudge{color:var(--faint);font-size:11px}.leaderboard-skeleton{gap:10px}.leaderboard-skeleton span{width:190px;height:10px;border-radius:8px;background:#edf0f5}.leaderboard-skeleton span:nth-child(2){width:150px}.leaderboard-nudge{margin:0;padding:12px 15px;border-top:1px solid #edf0f5;text-align:center}.history{padding-top:1px}.history-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.section-label{margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.history h2{margin:0;font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.035em}.month-controls{display:flex;gap:7px}.icon-button{display:grid;width:41px;height:41px;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--surface);cursor:pointer}.icon-button svg{width:22px;height:22px}.calendar{transition:opacity .15s ease}.calendar--loading{opacity:.52}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{margin-bottom:7px}.calendar-weekdays span{color:var(--faint);font-size:10px;font-weight:700;text-align:center;text-transform:uppercase}.calendar-grid{gap:4px}.calendar-day,.calendar-spacer{min-width:0;aspect-ratio:.88}.calendar-day{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:2px;padding:2px;border:1px solid transparent;border-radius:11px;color:var(--muted);background:transparent;cursor:pointer}.calendar-date{font-size:13px;font-weight:600}.calendar-total{overflow:hidden;width:100%;min-height:12px;color:var(--blue);font-size:8px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.calendar-day--studied{background:var(--blue-soft)}.calendar-day--today{border-color:#afc3f3}.calendar-day--selected{border-color:var(--blue);color:#fff;background:var(--blue);box-shadow:0 5px 13px #2157d533}.calendar-day--selected .calendar-total{color:#ffffffc7}.day-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;padding:17px 1px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.day-summary p{margin:0 0 3px;font-size:13px;font-weight:700}.day-summary span{color:var(--muted);font-size:12px}.day-summary strong{font-family:Manrope,sans-serif;font-size:22px;white-space:nowrap}.profile-disclaimer{margin:21px auto 0;text-align:center}.error-message{margin:15px 3px 0;color:#a63f2d;font-size:13px}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-13px 0 24px;padding:11px 13px;border:1px solid #f0c4bb;border-radius:12px;color:#8e3828;background:#fff4f1;font-size:12px}.error-banner button{border:0;color:#8e3828;background:transparent;font-weight:700;cursor:pointer}.loading-state{display:grid;min-height:55vh;place-content:center;justify-items:center;color:var(--muted);font-size:14px}.loading-state span{width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 8px #2157d50a}}@media(min-width:600px){.app-shell{padding-top:38px;padding-bottom:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}