:root{color-scheme:light dark;--bg: #0f1115;--fg: #f4f4f5;--muted: #a1a1aa;--card: #18181b;--accent: #22c55e;--accent-dim: #15803d;--danger: #f87171;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100%;background:var(--bg);color:var(--fg)}.screen{max-width:520px;margin:0 auto;padding:calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px) + 16px) 16px 32px;min-height:100dvh;animation:screenFadeIn .25s ease both}@keyframes screenFadeIn{0%{opacity:0}to{opacity:1}}.screen--skeleton{animation-duration:.15s}.title{font-size:1.35rem;font-weight:700;margin:0 0 8px}.muted{color:var(--muted);margin:0 0 16px}.small{font-size:.85rem}.error{color:var(--danger)}.goal-screen{padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}.goal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.goal-header-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;object-fit:cover}.goal-grid{display:grid;gap:10px}.goal-card{text-align:left;padding:14px 16px;border-radius:12px;border:1px solid #27272a;background:var(--card);color:var(--fg);font-size:1rem;cursor:pointer;transition:border-color .15s,box-shadow .15s}.goal-card:active{transform:scale(.99)}.goal-card--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.goal-card--locked{opacity:.45;cursor:default}.goal-card--completed:not(.goal-card--locked){cursor:default;opacity:.9}.goal-card:disabled{cursor:default}.goal-card:disabled:active{transform:none}.goal-card--in-progress{opacity:1;border-color:#166534;box-shadow:0 0 0 1px #22c55e59;background:linear-gradient(145deg,#18181b,#13281c)}.goal-card--in-progress.goal-card--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.goal-card-top{display:flex;align-items:flex-start;gap:10px}.goal-card-trailing{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-left:4px;padding-top:4px}.goal-card-lock{font-size:.95rem;line-height:1}.goal-card-textblock{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}.goal-card-level-num{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#27272a;font-weight:700;font-size:.95rem;line-height:1;color:var(--fg)}.goal-card--in-progress .goal-card-level-num{background:#22c55e33;color:#86efac}.goal-card-title{font-weight:600;line-height:1.3}.goal-card-count{font-size:.82rem;color:var(--muted);line-height:1.3}.goal-status-badge{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:20px;flex-shrink:0}.goal-status-badge--open{background:#14532d33;color:var(--accent)}.goal-status-badge--done{background:#27272a;color:var(--muted)}.goal-bottom-panel{position:fixed;bottom:0;left:0;right:0;z-index:10;background:linear-gradient(to top,var(--bg) 70%,transparent);padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 20px);animation:slideUp .2s ease both}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.goal-bottom-inner{max-width:520px;margin:0 auto}.goal-bottom-label{margin:0 0 10px;font-size:.9rem;color:var(--muted)}.goal-freq-segment{display:flex;gap:4px;padding:4px;margin:0 0 14px;border-radius:14px;background:#141418;border:1px solid #2a2a32;box-shadow:inset 0 1px 2px #00000040}.goal-freq-option{flex:1;min-width:0;margin:0;padding:11px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font-size:.88rem;font-weight:500;font-family:inherit;line-height:1.25;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.goal-freq-option:hover:not(.goal-freq-option--selected){color:var(--fg);background:#ffffff0a}.goal-freq-option--selected{background:#3f3f46;color:var(--fg);font-weight:600;box-shadow:0 1px 2px #0006;border-color:#52525b}.goal-freq-option:focus-visible{outline:2px solid #71717a;outline-offset:2px}.goal-actions-row{display:flex;gap:8px;align-items:stretch}.goal-actions-row .btn{flex:1;min-width:0}.cta-banner{background:linear-gradient(135deg,#14532d,#166534);border-radius:14px;padding:14px 16px;margin-bottom:18px;border:1px solid var(--accent-dim)}.cta-title{margin:0 0 4px;font-weight:700;font-size:1.05rem}.cta-lesson-title{margin:0 0 12px;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;padding:10px 14px;min-height:44px;border-radius:10px;border:1px solid #3f3f46;background:#27272a;color:var(--fg);text-decoration:none;font-size:.95rem;font-family:inherit;line-height:1.2;cursor:pointer;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);color:#052e16;border-color:var(--accent);font-weight:600}.btn.secondary{background:transparent}.btn.large{padding:14px 16px;font-size:1.05rem;min-height:48px}.btn.block{width:100%}.btn.large.block{margin-top:10px}.btn.small{padding:6px 10px;font-size:.85rem;min-height:36px}.slot-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:10px}.slot{border:1px solid #27272a;border-radius:12px;padding:12px;background:var(--card)}.slot-row{display:flex;gap:10px;align-items:flex-start}.slot-cover{width:68px;height:68px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#111827}.slot-content{min-width:0;flex:1}.slot-clickable{cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.slot-clickable:active{background:#27272a}.slot-ready{border-color:#166534;box-shadow:0 0 0 1px #166534}.slot-completed{opacity:.4}.slot-missed{border-color:#7f1d1d}.slot-head{display:flex;flex-direction:column;gap:4px}.badge{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.slot-title{font-weight:600}.slot-meta{font-size:.9rem;color:var(--muted);margin:6px 0 0}.slot-missed-actions{margin-top:10px;display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.slot-missed-reschedule-error{margin:6px 0 0}.lesson-start-plate{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:10px 14px;border-radius:12px;border:1px solid #27272a;background:var(--card)}.lesson-start-line{margin:0;flex:1;min-width:140px;font-size:.95rem;font-weight:400;line-height:1.4;color:var(--muted)}.lesson-start-actions{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.lesson-time-block{margin:10px 0 16px}.lesson-time-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lesson-time-label{font-size:.95rem;color:var(--muted)}.lesson-lesson-title{margin:0 0 8px;font-size:1.35rem;font-weight:700;color:var(--fg);line-height:1.25}.time-spinner{display:inline-block;width:16px;height:16px;border:2px solid #3f3f46;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.reschedule-datetime-split{--reschedule-h: 44px;display:inline-flex;flex-wrap:wrap;align-items:stretch;gap:8px}.reschedule-datetime-split input[type=date],.reschedule-datetime-split input[type=time]{box-sizing:border-box;height:var(--reschedule-h);min-height:var(--reschedule-h);max-height:var(--reschedule-h);margin:0;padding:0 10px;border-radius:10px;border:1px solid #3f3f46;background:#141418;color:var(--fg);font-size:16px;font-family:inherit;line-height:1.2;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none}.reschedule-datetime-split input[type=date]::-webkit-datetime-edit,.reschedule-datetime-split input[type=time]::-webkit-datetime-edit{padding:0;min-height:0}.reschedule-datetime-split input[type=date]::-webkit-datetime-edit-fields-wrapper,.reschedule-datetime-split input[type=time]::-webkit-datetime-edit-fields-wrapper{padding:0}.reschedule-action-btn{flex-shrink:0;box-sizing:border-box;height:var(--reschedule-h, 44px);min-height:var(--reschedule-h, 44px);max-height:var(--reschedule-h, 44px);padding:0 14px;font-size:.95rem;line-height:1.2}.lesson-reschedule-wrap{--reschedule-h: 44px}.reschedule-datetime-split.disabled{pointer-events:none;opacity:.55}.lesson-reschedule-split{justify-content:flex-end}.video-wrap{margin:16px 0;border-radius:12px;overflow:hidden;background:#000}.video-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;background:#1a1a2e;border-radius:12px;text-align:center;overflow:hidden;position:relative}.lesson-cover-img{width:100%;height:160px;object-fit:cover;border-radius:8px;opacity:.5;margin-bottom:4px}.video-locked-icon{font-size:40px;margin:0;line-height:1}.video-locked-text{font-size:15px;color:#b0b8d0;margin:0}.video{width:100%;max-height:56vh;display:block}.link-back{background:none;border:none;color:var(--muted);padding:0 0 12px;cursor:pointer;font-size:.9rem}.lesson .btn.primary.large.block{margin-top:20px}.calendar-progress-block{display:block;width:100%;margin:0 0 12px;padding:12px 14px;text-align:left;border-radius:12px;border:1px solid #27272a;background:var(--card);color:var(--fg);cursor:pointer;-webkit-tap-highlight-color:transparent}.calendar-progress-block:active{background:#27272a;border-color:var(--accent)}.calendar-progress-top{display:flex;align-items:center;gap:12px}.calendar-progress-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;object-fit:cover}.calendar-progress-info{min-width:0;flex:1}.calendar-progress-cue{flex-shrink:0;align-self:center;font-size:1.35rem;font-weight:300;line-height:1;color:var(--muted);opacity:.55;margin:0 -2px 0 4px}.calendar-progress-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:0 0 4px;font-size:1rem;font-weight:400;color:var(--fg);text-align:left}.calendar-progress-heading-text{min-width:0;flex:1}.calendar-progress-heading-cue{flex-shrink:0;margin:0 -2px 0 0;font-size:1.35rem;font-weight:300;line-height:1.15;color:var(--muted);opacity:.55}.calendar-progress-meta{font-size:.88rem;font-weight:500;color:var(--muted);margin-bottom:0;line-height:1.35;text-align:left}.calendar-progress-track{position:relative;margin-top:6px;height:26px;border-radius:999px;background:#27272a;overflow:hidden}.calendar-progress-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--accent);transition:width .35s ease;min-width:0;z-index:0}.calendar-progress-count{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 8px;line-height:1.25;font-size:.72rem;font-weight:400;color:var(--fg);text-shadow:0 0 3px var(--bg),0 1px 4px var(--bg);pointer-events:none}.mini-cal{background:var(--card);border:1px solid #27272a;border-radius:14px;padding:12px;margin-bottom:8px}.mini-cal-month{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:.95rem;margin-bottom:10px;color:var(--fg)}.mini-cal-nav{background:none;border:none;color:var(--fg);font-size:1.3rem;line-height:1;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-tap-highlight-color:transparent}.mini-cal-nav:active{background:#27272a}.mini-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.mini-cal-wd{text-align:center;font-size:.7rem;color:var(--muted);padding:4px 0 6px;font-weight:500}.mini-cal-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 2px;border-radius:8px;border:none;background:transparent;color:var(--fg);font-size:.85rem;cursor:default;min-height:40px}.mini-cal-empty{pointer-events:none}.mini-cal-has-lesson{cursor:pointer}.mini-cal-has-lesson:active{transform:scale(.93)}.mini-cal-num{width:26px;height:26px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:50%}.mini-cal-today .mini-cal-num{background:#27272a}.mini-cal-selected .mini-cal-num{background:var(--accent);color:#052e16;font-weight:700}.mini-cal-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.mini-cal-dot-green{background:var(--accent)}.mini-cal-dot-gray{background:var(--muted)}.mini-cal-dot-red{background:var(--danger)}.mini-cal-dot-empty{background:transparent}.mini-cal-reset{display:block;width:100%;margin-top:10px;padding:7px;border-radius:8px;border:1px solid #3f3f46;background:transparent;color:var(--muted);font-size:.8rem;cursor:pointer;text-align:center}.mini-cal-reset:active{background:#27272a}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.sk{background:linear-gradient(90deg,#1e1e22 25%,#2a2a30,#1e1e22 75%);background-size:800px 100%;animation:shimmer 2.8s ease-in-out infinite;border-radius:8px;flex-shrink:0}.sk-row{display:flex;gap:10px;align-items:flex-start}.sk-col{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.sk-card{border:1px solid #27272a;border-radius:12px;padding:12px;background:var(--card)}.sk-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}