:root{--blue: #2B6CE6;--blue-light: #E7EEFD;--blue-dark: #1A4BB5;--navy: #1B2A4A;--amber: #F59E0B;--amber-bg: #FFF3E0;--amber-dark: #C2410C;--red: #DC2626;--red-bg: #FDE8E8;--green: #16A34A;--green-mid: #4FA262;--green-soft: #7FB08A;--green-bg: #E4F6EA;--green-light:#F1FAF4;--bg: #EEF3FA;--surface: #FFFFFF;--border: #EDF1F7;--border-mid: #E8EDF4;--text: #1B2A4A;--text-mid: #33415C;--text-muted: #94A3B8;--radius-sm: 14px;--radius: 18px;--radius-lg: 22px;--shadow: 0 6px 18px -12px rgba(30,58,95,.2);--shadow-md: 0 8px 24px -12px rgba(30,58,95,.18);--shadow-lg: 0 30px 60px -30px rgba(30,58,95,.35);--nav-h: 72px;--header-h: 76px;--safe-top: env(safe-area-inset-top, 0px);--safe-bot: env(safe-area-inset-bottom, 0px);--gold: #F59E0B;--navy-light: #2B6CE6;--orange: #F59E0B;--orange-bg: #FFF3E0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;overscroll-behavior:none}ul{list-style:none}button{cursor:pointer;border:none;background:none;font:inherit}code{font-family:ui-monospace,monospace;font-size:.875em;background:#edf2f7;padding:2px 6px;border-radius:4px}#app{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;position:relative}.app-header{background:var(--surface);padding-top:var(--safe-top);position:sticky;top:0;z-index:100;flex-shrink:0;border-bottom:1px solid var(--border)}.header-inner{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.header-brand{display:flex;align-items:center;gap:11px}.header-icon-wrap{width:34px;height:34px;background:var(--blue);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #2b6ce659}.header-icon-wrap svg{display:block}.header-text{display:flex;flex-direction:column;line-height:1.1}.header-title{font-size:18px;font-weight:900;color:var(--text);letter-spacing:-.3px}.header-sub{font-size:12px;font-weight:700;color:var(--text-muted)}.streak-badge{background:var(--amber-dark);color:#fff;font-weight:800;font-size:13px;padding:5px 12px;border-radius:20px}.app-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px calc(var(--nav-h) + var(--safe-bot) + 16px)}.effective-banner{display:flex;align-items:center;gap:8px;padding:9px 16px;background:#fff7e6;border-bottom:1px solid #FCE4B6;flex-shrink:0}.effective-banner-icon{font-size:14px;flex-shrink:0}.effective-banner-text{font-size:12px;line-height:1.4;color:#8a5a00;font-weight:600}.effective-banner-text strong{font-weight:800;color:#6b4500}.app-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--surface);border-top:1px solid var(--border);display:flex;padding-bottom:var(--safe-bot);z-index:100;flex-shrink:0;box-shadow:0 -1px 12px #0000000f}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:var(--nav-h);padding:0;color:var(--text-muted);transition:color .15s;-webkit-tap-highlight-color:transparent}.nav-tab.active{color:var(--blue)}.nav-tab[data-tab=streak].active{color:var(--orange)}.nav-tab.active .nav-label{font-weight:700}.nav-svg{width:22px;height:22px}.nav-label{font-size:11px;font-weight:500}.nav-icon-wrap{position:relative}.nav-dot{display:none;position:absolute;top:1px;right:1px;width:9px;height:9px;background:#dc2626;border-radius:50%;border:2px solid var(--bg)}.nav-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:#dc2626;opacity:.4;animation:beacon-pulse 1.8s ease-out infinite}@keyframes beacon-pulse{0%{transform:scale(1);opacity:.4}70%{transform:scale(2.2);opacity:0}to{transform:scale(2.2);opacity:0}}.review-callout{border-radius:var(--radius);margin-top:14px;animation:reveal-in .4s ease forwards;background:linear-gradient(135deg,#0f1b33,#1b2a4a);overflow:hidden;position:relative}.review-callout:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(43,108,230,.35) 0%,transparent 70%);pointer-events:none}.review-callout--hide{opacity:0;transform:translateY(8px);transition:all .25s ease}.review-callout-inner{padding:18px 16px 16px 18px}.review-callout-eyebrow{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--blue);margin-bottom:6px}.review-callout-title{font-size:16px;font-weight:900;color:#fff;letter-spacing:-.3px;line-height:1.3;margin-bottom:4px}.review-callout-sub{font-size:13px;font-weight:500;color:#ffffff80;line-height:1.4;margin-bottom:14px}.review-callout-actions{display:flex;align-items:center;gap:10px}.review-callout-cta{background:var(--blue);color:#fff;border:none;border-radius:11px;font-family:inherit;font-size:14px;font-weight:800;padding:11px 20px;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px #2b6ce680}.review-callout-close{background:none;border:none;color:#ffffff4d;font-size:13px;font-weight:600;cursor:pointer;padding:4px;line-height:1}.nav-tab .nav-icon-wrap{width:56px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:999px;transition:background .2s}.nav-tab.active .nav-icon-wrap{background:var(--blue-light)}.nav-tab[data-tab=streak].active .nav-icon-wrap{background:#fdecdd}.quiz-wrap{display:flex;flex-direction:column;gap:12px}.quiz-date-row{display:flex;align-items:center;justify-content:space-between}.quiz-date-label{font-size:13px;font-weight:600;color:var(--text)}.quiz-date-count{font-size:12px;color:var(--text-muted)}.quiz-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:22px;display:flex;flex-direction:column;gap:18px}.quiz-card-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.protocol-tag{background:var(--blue-light);color:var(--blue);font-size:12px;font-weight:800;padding:6px 12px;border-radius:999px}.category-tag{background:#fdecdd;color:#c2410c;font-size:12px;font-weight:800;padding:6px 12px;border-radius:999px}.quiz-scenario{background:var(--navy);color:#c7d2e8;border-radius:var(--radius-sm);padding:13px 15px;font-size:14px;line-height:1.6;font-style:italic;border-left:3px solid var(--orange)}.quiz-hint{text-align:center;font-size:13px;color:var(--text-muted);font-style:italic}.quiz-question{font-size:22px;line-height:1.3;color:var(--text);font-weight:800;letter-spacing:-.02em}.quiz-divider{height:1px;background:var(--border)}.answer-reveal{display:flex;flex-direction:column;gap:14px;opacity:0;transform:translateY(8px)}.answer-reveal--animate{animation:reveal-in .3s ease forwards}@keyframes reveal-in{to{opacity:1;transform:translateY(0)}}.answer-block{display:flex;flex-direction:column;gap:10px}.answer-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.answer-list{display:flex;flex-direction:column;gap:12px}.answer-list li{font-size:15px;font-weight:600;line-height:1.45;color:var(--text-mid);display:flex;align-items:flex-start;gap:12px;padding:0;list-style:none}.answer-list li:before{display:none}.answer-icon{flex-shrink:0;width:22px;height:22px;min-width:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}.answer-icon--ok{background:var(--blue-light)}.answer-icon--wrong{background:var(--red-bg)}.pearl-block{background:#fef6e7;border:1.5px solid #F6E2B8;border-radius:18px;padding:16px 18px;display:flex;gap:13px;align-items:flex-start}.pearl-icon{width:34px;height:34px;flex-shrink:0;border-radius:50%;background-color:#f59e0b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-4 10.5c.6.6 1 1.4 1 2.5h6c0-1.1.4-1.9 1-2.5A6 6 0 0 0 12 3z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:19px;font-size:0}.pearl-label{font-size:13px;font-weight:900;letter-spacing:.02em;color:#b45309;margin-bottom:5px;text-transform:uppercase}.pearl-text{font-size:14px;line-height:1.5;color:#7a5a1e;font-weight:600}.protocol-ref{font-size:12px;color:var(--text-muted);font-style:italic}.choice-list{display:flex;flex-direction:column;gap:12px}.choice-btn{width:100%;text-align:left;padding:12px 16px;border-radius:16px;background:var(--surface);border:2px solid var(--border-mid);font-size:16px;font-weight:600;line-height:1.4;color:var(--text);cursor:pointer;transition:border-color .12s,background .12s;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;gap:14px;min-height:60px}.choice-btn:before{content:attr(data-letter);flex-shrink:0;width:32px;height:32px;border-radius:10px;background:var(--bg);color:#64748b;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center}.choice-btn:active:not(:disabled){border-color:var(--blue);background:var(--blue-light)}.choice-btn--correct{background:var(--green-light);border-color:var(--green);color:var(--text);font-weight:800}.choice-btn--correct:before{background:var(--green);color:#fff}.choice-btn--wrong{background:var(--red-bg);border-color:var(--red);color:var(--red)}.choice-btn--wrong:before{background:var(--red);color:#fff}.choice-btn--dim{opacity:.35}.choice-btn:disabled{cursor:default}.choice-check{flex-shrink:0;background:var(--green);color:#fff;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;margin-top:1px}.difficulty-tag{font-size:12px;font-weight:800;padding:6px 12px;border-radius:999px;margin-left:auto}.difficulty-tag--core{background:#e4f6ea;color:#15803d}.difficulty-tag--advanced{background:#fdecdd;color:#c2410c}.quiz-actions,.response-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.response-actions{flex-direction:row;gap:10px}.btn{border-radius:var(--radius-sm);font-size:16px;font-weight:700;padding:14px 20px;text-align:center;transition:transform .1s,opacity .1s;-webkit-tap-highlight-color:transparent;min-height:50px}.btn:active{transform:scale(.97);opacity:.88}.btn--reveal{background:var(--navy);color:#fff;width:100%}.btn--got-it{background:var(--green);color:#fff;flex:1}.btn--review{background:#edf2f7;color:var(--text-muted);flex:1}.btn--primary{background:var(--navy);color:#fff;width:100%}.done-badge{display:flex;align-items:center;gap:8px;background:#f0fdf4;border:1px solid #86EFAC;border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;color:#166534;font-weight:600}.done-check{background:var(--green);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.quiz-card--done{opacity:.9}.completion-feedback{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--green-dark);padding:4px 0;opacity:0}.completion-feedback.feedback--animate{animation:reveal-in .3s ease forwards}.feedback-emoji{font-size:20px}.scenario-prompt{background:#ebf8ff;border:1px solid #BEE3F8;border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:10px;opacity:0}.scenario-prompt.feedback--animate{animation:reveal-in .3s ease forwards}.scenario-prompt-text{font-size:14px;font-weight:600;color:#2b6cb0;line-height:1.5}.scenario-prompt-actions{display:flex;gap:8px}.btn--scenario{background:var(--navy);color:#fff;border-radius:var(--radius-sm);font-size:14px;font-weight:700;padding:10px 18px;flex:1;text-align:center}.btn--scenario-skip{background:#edf2f7;color:var(--text-muted);border-radius:var(--radius-sm);font-size:14px;font-weight:600;padding:10px 18px}.scenario-mode{display:flex;flex-direction:column;gap:12px}.scenario-mode-header{display:flex;align-items:center}.scenario-mode-label{background:var(--navy);color:var(--gold);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:4px 12px;border-radius:20px}.scenario-vignette{background:#1b2a4a;color:#e2e8f0;border-left:3px solid var(--gold);border-radius:var(--radius-sm);padding:13px 15px;font-size:14px;line-height:1.6;font-style:italic}.scenario-mode-question{font-size:16px;font-weight:600;color:var(--text);line-height:1.5}.scenario-choices{display:flex;flex-direction:column;gap:8px}.scenario-result{border-radius:var(--radius-sm);padding:13px 15px;font-size:14px;line-height:1.55}.scenario-result--correct{background:#f0fdf4;border:1px solid #86EFAC;color:#166534}.scenario-result--wrong{background:#fff5f5;border:1px solid #FCA5A5;color:#991b1b}.email-banner{position:fixed;bottom:calc(var(--nav-h) + var(--safe-bot) + 8px);left:50%;transform:translate(-50%) translateY(120%);width:calc(100% - 32px);max-width:448px;background:var(--navy);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.email-banner--show{transform:translate(-50%) translateY(0)}.email-banner-inner{display:flex;align-items:center;gap:10px;padding:14px 16px}.email-banner-icon{font-size:22px;flex-shrink:0}.email-banner-text{flex:1;display:flex;flex-direction:column;gap:2px}.email-banner-text strong{font-size:14px;color:#fff}.email-banner-text span{font-size:12px;color:#ffffffa6}.email-banner-yes{background:var(--gold);color:var(--navy);border-radius:8px;font-size:13px;font-weight:800;padding:8px 14px;white-space:nowrap;flex-shrink:0}.email-banner-close{color:#ffffff80;font-size:16px;padding:4px 6px;flex-shrink:0}.email-subscribe-card{background:var(--blue-light);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:12px}.email-subscribe-header{display:flex;align-items:center;gap:10px}.email-subscribe-icon{width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--blue);display:flex;align-items:center;justify-content:center;font-size:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='M4 7l8 6 8-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:19px}.email-subscribe-title{font-size:15px;font-weight:900;color:var(--text);line-height:1.15}.email-subscribe-sub{font-size:12px;font-weight:700;color:#5a7099;margin-top:1px}.email-subscribe-form{display:flex;flex-direction:column;gap:10px}.email-input{width:100%;height:48px;padding:0 16px;border:2px solid #CBD9EF;border-radius:14px;font-size:15px;font-weight:600;color:var(--text);outline:none;background:var(--surface);font-family:inherit}.email-input:focus{border-color:var(--blue)}.btn--email-sub{background:var(--blue);color:#fff;border-radius:14px;font-size:16px;font-weight:800;height:50px;width:100%;-webkit-tap-highlight-color:transparent;box-shadow:0 8px 16px -6px #2b6ce68c;font-family:inherit}.btn--email-sub:active{opacity:.88}.btn--email-sub:disabled{opacity:.6}.email-error{font-size:13px;color:var(--red);font-weight:600}.email-subscribed-msg{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--green-dark);background:#f0fdf4;border:1px solid #86EFAC;border-radius:var(--radius-sm);padding:12px 14px}.app--locked .app-header,.app--locked .app-nav{display:none}.app--locked .app-main{padding:0;overflow:visible}.onboarding-screen{min-height:100dvh;background:var(--navy);display:flex;align-items:center;justify-content:center;padding:24px 20px}.onboarding-card{background:var(--surface);border-radius:var(--radius-lg);padding:36px 24px 28px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:var(--shadow-lg)}.onboarding-logo{font-size:48px;color:var(--gold);line-height:1}.onboarding-title{font-size:22px;font-weight:800;color:var(--navy);text-align:center;line-height:1.3}.onboarding-subtitle{font-size:14px;color:var(--text-muted);text-align:center;line-height:1.6}.onboarding-form{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:8px}.onboarding-label{font-size:13px;font-weight:600;color:var(--text)}.onboarding-input{width:100%;padding:15px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:17px;color:var(--text);outline:none;transition:border-color .2s;background:var(--surface)}.onboarding-input:focus{border-color:var(--navy)}.onboarding-error{font-size:13px;color:var(--red);font-weight:600}.btn--onboarding{background:var(--navy);color:#fff;width:100%;border-radius:var(--radius-sm);font-size:17px;font-weight:700;padding:16px 20px;text-align:center;-webkit-tap-highlight-color:transparent;transition:opacity .15s;min-height:54px;margin-top:4px}.btn--onboarding:active{opacity:.85}.onboarding-note{font-size:12px;color:var(--text-muted);text-align:center;line-height:1.5;margin-top:4px}.review-wrap{display:flex;flex-direction:column;gap:14px}.review-date{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.review-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.review-card-eyebrow{background:var(--navy);color:var(--gold);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:8px 20px}.review-card-protocol{font-size:22px;font-weight:800;color:var(--navy);padding:16px 20px 2px}.review-card-category{font-size:13px;color:var(--text-muted);font-weight:600;padding:0 20px 14px;border-bottom:1px solid var(--border)}.review-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.review-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted)}.review-question{font-size:15px;line-height:1.55;color:var(--text)}.review-answer-list{display:flex;flex-direction:column;gap:7px}.review-answer-list li{font-size:15px;line-height:1.5;padding-left:18px;position:relative}.review-answer-list li:before{content:"•";position:absolute;left:4px;color:var(--navy);font-weight:700}.review-pearl{background:#fffbeb;border-left:3px solid var(--gold);padding:10px 14px;font-size:14px;line-height:1.55;color:#78350f;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.review-ref{font-size:12px;color:var(--text-muted);font-style:italic}.streak-wrap{display:flex;flex-direction:column;gap:14px}.streak-hero{background:#fff3e0;border-radius:var(--radius-lg);padding:22px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 24px -14px #f59e0b80}.streak-fire-circle{width:62px;height:62px;background:#f59e0b;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px -4px #f59e0bb3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2.5c.7 3.2 3.2 4.5 3.2 7.6a3.2 3.2 0 0 1-6.4 0c0-.6.1-1.1.3-1.6C7.6 9.6 7 11.2 7 13a5 5 0 0 0 10 0c0-4.8-3.8-7-5-10.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:34px;font-size:0}.streak-hero-number{font-size:40px;font-weight:900;color:#c2410c;line-height:1}.streak-hero-label{font-size:15px;color:#b45309;font-weight:800;margin-top:2px}.streak-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.streak-stat{background:var(--surface);border-radius:18px;padding:16px 12px;text-align:center;box-shadow:0 6px 18px -12px #1e3a5f33;display:flex;flex-direction:column;align-items:center;gap:4px}.streak-stat-divider{display:none}.streak-stat-value{font-size:26px;font-weight:900;color:#f59e0b;line-height:1}.streak-stat:nth-child(2) .streak-stat-value{color:var(--blue)}.streak-stat:nth-child(3) .streak-stat-value{color:var(--green)}.streak-stat-label{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.streak-calendar{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px;display:flex;flex-direction:column;gap:14px}.calendar-label{font-size:15px;font-weight:800;color:var(--text)}.calendar-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.cal-cell{aspect-ratio:1;border-radius:7px;background:#e7ecf3}.cal-cell--done{background:var(--green)}.cal-cell--today{background:#fff3e0;border:2.5px solid #F59E0B}.cal-cell--done.cal-cell--today{background:var(--green);border:2.5px solid #F59E0B}.calendar-legend{display:flex;align-items:center;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-weight:700;font-size:12px;color:var(--text-muted)}.legend-dot{display:inline-block;width:12px;height:12px;border-radius:4px}.legend-dot--done{background:var(--green)}.legend-dot--miss{background:#e7ecf3}.legend-dot--today{background:transparent;border:2.5px solid #F59E0B}.streak-message,.streak-nudge{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;font-size:15px;color:var(--text);text-align:center;line-height:1.5}.streak-nudge{color:var(--text-muted)}.leaderboard-wrap{display:flex;flex-direction:column;gap:16px}.leaderboard-setup,.name-prompt{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.setup-icon{font-size:48px}.setup-title{font-size:20px;font-weight:800;color:var(--navy)}.setup-body{font-size:14px;color:var(--text-muted);line-height:1.6}.name-input{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:16px;color:var(--text);outline:none;transition:border-color .2s}.name-input:focus{border-color:var(--navy)}.board-header{font-size:22px;font-weight:800;color:var(--navy)}.board-subtitle{font-size:13px;color:var(--text-muted);margin-top:-10px}.board-list{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.board-row{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.board-row:last-child{border-bottom:none}.board-row--first{background:#fffbeb}.board-rank{font-size:18px;text-align:center}.board-name{font-size:15px;font-weight:600;color:var(--text)}.board-streak{font-size:14px;font-weight:700;color:var(--red)}.board-total{font-size:12px;color:var(--text-muted)}.empty-board{padding:24px;text-align:center;color:var(--text-muted);font-size:14px}.error-msg{text-align:center;color:var(--red);padding:24px;font-size:14px}.app-header{background:linear-gradient(180deg,#ffffff14,#fff0),var(--navy);border-bottom:1px solid rgba(245,197,24,.28);box-shadow:0 8px 22px #1b2a4a33}.header-inner{padding:0 max(18px,env(safe-area-inset-right,0px)) 0 max(18px,env(safe-area-inset-left,0px))}.header-logo{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#f5c51821;border:1px solid rgba(245,197,24,.28);border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff14}.header-title{font-size:18px;letter-spacing:0;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.header-sub{color:#ffffffb8}.header-inner{position:relative}.header-right{display:flex;align-items:center;gap:8px}.header-menu-btn{background:#ffffff24;border:none;color:#fff;width:34px;height:34px;border-radius:9px;font-size:20px;line-height:1;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.header-menu-btn:active{background:#ffffff47}.header-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 34px #0f193038;padding:6px;z-index:300;min-width:210px}.header-menu-item{display:block;padding:12px 14px;font-size:14px;font-weight:700;color:#1b2a4a;text-decoration:none;border-radius:8px}.header-menu-item:active{background:#eef3fa}.streak-badge{padding:7px 12px;border:1px solid rgba(255,255,255,.55);box-shadow:0 6px 16px #f5c5183d,inset 0 1px #ffffff6b;transform:translateZ(0)}.app-main{padding:18px max(16px,env(safe-area-inset-right,0px)) calc(var(--nav-h) + var(--safe-bot) + 14px) max(16px,env(safe-area-inset-left,0px))}.app-nav{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);border-top-color:#1b2a4a1a;box-shadow:0 -10px 26px #1b2a4a1a}.nav-tab{position:relative;transition:color .18s ease,transform .18s ease}.nav-tab:before{content:"";position:absolute;top:7px;width:24px;height:4px;border-radius:999px;background:var(--gold);opacity:0;transform:translateY(-4px) scaleX(.45);transition:opacity .2s ease,transform .2s ease}.nav-tab.active:before{opacity:1;transform:translateY(0) scaleX(1)}.nav-tab:active{transform:scale(.96)}.nav-tab.active .nav-icon{filter:drop-shadow(0 2px 5px rgba(245,197,24,.35))}.quiz-wrap{gap:16px}.quiz-card{border:1px solid rgba(27,42,74,.06);box-shadow:0 8px 30px #1b2a4a1a;gap:16px}.quiz-question{font-size:19px;line-height:1.5;font-weight:600}.choice-list{gap:10px}.choice-btn{min-height:54px;padding:15px 16px;border:1.5px solid #D8E0EA;border-bottom-width:3px;border-radius:12px;background:linear-gradient(180deg,#fff,#f5f7fa);box-shadow:0 2px #1b2a4a0a;font-size:15.5px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,opacity .18s ease,transform .12s ease}.choice-btn:hover:not(:disabled){border-color:#1b2a4a57;box-shadow:0 6px 18px #1b2a4a14}.choice-btn:active:not(:disabled),.choice-btn--selected{background:#eef3f9;transform:scale(.985);border-bottom-width:1.5px;box-shadow:inset 0 2px 8px #1b2a4a14}.choice-btn--correct{background:linear-gradient(180deg,#f0fdf4,#dcfce7);border-color:var(--green);box-shadow:0 8px 22px #22c55e29;animation:correct-choice-pop .42s cubic-bezier(.2,.8,.2,1)}.choice-btn--wrong{background:linear-gradient(180deg,#fff5f5,#fee2e2);border-color:var(--red)}.choice-check{box-shadow:0 3px 8px #22c55e47;animation:check-pop .34s cubic-bezier(.34,1.56,.64,1)}@keyframes correct-choice-pop{0%{transform:scale(.985)}55%{transform:scale(1.018)}to{transform:scale(1)}}@keyframes check-pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.answer-reveal{gap:16px;transform:translateY(12px)}.answer-reveal--animate{animation:reveal-in .42s cubic-bezier(.2,.8,.2,1) forwards}.answer-list,.review-answer-list{gap:10px}.answer-list li,.review-answer-list li{padding-left:24px}.answer-list li:before,.review-answer-list li:before{content:"";left:3px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px #f5c51833}.pearl-block{background:linear-gradient(135deg,#fff7d6,#fffbeb 58%,#fff);border:1px solid rgba(245,197,24,.45);border-left:6px solid var(--gold);border-radius:12px;padding:14px 15px 14px 13px;box-shadow:0 8px 18px #92400e14}.pearl-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:var(--gold);border-radius:50%;box-shadow:0 4px 10px #f5c51842;font-size:16px;line-height:1}.pearl-label{color:#78350f}.pearl-text{font-size:14.5px}.btn,.email-banner-yes,.btn--email-sub,.btn--onboarding{transition:transform .12s ease,opacity .12s ease,box-shadow .18s ease}.btn:active,.email-banner-yes:active,.btn--email-sub:active,.btn--onboarding:active{transform:scale(.97)}.done-badge{align-items:center;gap:14px;background:linear-gradient(135deg,#ecfdf5,#f7fee7);border:1px solid rgba(34,197,94,.35);border-left:6px solid var(--green);border-radius:var(--radius);padding:16px;box-shadow:0 10px 28px #16a34a1f}.done-check{width:42px;height:42px;font-size:22px;box-shadow:0 8px 18px #22c55e40;animation:done-check-in .55s cubic-bezier(.34,1.56,.64,1)}.done-copy{display:flex;flex-direction:column;gap:3px}.done-copy strong{color:#14532d;font-size:15px}.done-copy span{color:#166534;font-size:13px;line-height:1.4}@keyframes done-check-in{0%{opacity:0;transform:scale(.3) rotate(-20deg)}60%{opacity:1;transform:scale(1.12) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(0)}}.completion-feedback.feedback--animate{animation:reveal-in .36s ease forwards,completion-pulse .9s ease .12s}@keyframes completion-pulse{0%,to{transform:scale(1)}45%{transform:scale(1.025)}}.streak-stat,.streak-calendar,.streak-message,.streak-nudge{border:1px solid rgba(27,42,74,.06);box-shadow:0 8px 26px #1b2a4a17}.calendar-grid{gap:6px}.cal-cell{position:relative;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#e6ebf2;box-shadow:inset 0 0 0 1px #1b2a4a0a}.cal-cell--done{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);box-shadow:inset 0 1px #ffffff1f,0 4px 9px #1b2a4a29}.cal-cell--recent{animation:recent-complete-pulse 1.6s ease-out 1}.cal-cell--today{outline:none;box-shadow:0 0 0 2px var(--gold),0 0 0 5px #f5c51838}.cal-cell--today:after{content:"";position:absolute;top:31%;right:31%;bottom:31%;left:31%;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px #f5c51833}.cal-cell--done.cal-cell--today{background:linear-gradient(135deg,var(--navy) 0%,#24406F 100%)}.cal-cell--done.cal-cell--today:after{background:#fff;box-shadow:0 0 0 3px #f5c51859}.cal-num{font-size:9.5px;font-weight:800;line-height:1;letter-spacing:-.3px;color:#97a3b4}.cal-cell--done .cal-num{color:#ffffffeb}.cal-cell--today .cal-num{color:#b45309}.cal-cell--done.cal-cell--today .cal-num{color:#fffffff2}.cal-cell--today:after,.cal-cell--done.cal-cell--today:after{display:none}@keyframes recent-complete-pulse{0%{transform:scale(.92);box-shadow:0 0 #f5c5185c}70%{transform:scale(1.05);box-shadow:0 0 0 9px #f5c51800}to{transform:scale(1)}}.review-pearl{background:linear-gradient(135deg,#fff7d6,#fffbeb);border-left-width:6px;border-left-color:var(--gold)}.rv-shell{display:flex;flex-direction:column;height:100%;overflow:hidden}.rv-top{flex-shrink:0;background:var(--bg);padding:14px 16px 0;border-bottom:1px solid var(--border)}.rv-mode-row{display:flex;align-items:stretch;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:12px}.rv-mode{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:16px 16px 14px;text-align:left;transition:background .18s;position:relative}.rv-mode-divider{width:1px;background:var(--border);flex-shrink:0;align-self:stretch}.rv-mode-num{font-size:36px;font-weight:900;line-height:1;letter-spacing:-1.5px;color:#cbd5e1;margin-bottom:4px;transition:color .18s}.rv-mode-name{font-size:14px;font-weight:800;line-height:1.2;color:var(--text-muted);letter-spacing:-.2px;margin-bottom:4px;transition:color .18s}.rv-mode-sub{font-size:10px;font-weight:600;color:#cbd5e1;letter-spacing:.1px;transition:color .18s}.rv-mode--on .rv-mode-num,.rv-mode--on .rv-mode-name{color:var(--navy)}.rv-mode--on .rv-mode-sub{color:var(--blue)}.rv-mode--on:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--blue);border-radius:3px 3px 0 0}.rv-mode--alert.rv-mode--on .rv-mode-num,.rv-mode--alert.rv-mode--on .rv-mode-name{color:#dc2626}.rv-mode--alert.rv-mode--on .rv-mode-sub{color:#ef4444}.rv-mode--alert.rv-mode--on:after{background:#dc2626}.rv-filters{display:flex;gap:0;overflow-x:auto;padding-bottom:0;scrollbar-width:none;border-top:1px solid var(--border)}.rv-filters::-webkit-scrollbar{display:none}.rv-chip{flex-shrink:0;display:flex;align-items:baseline;gap:5px;padding:10px 14px;border:none;background:none;color:var(--text-muted);position:relative;transition:color .15s}.rv-chip-label{font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none}.rv-chip-count{font-size:11px;font-weight:800;color:#cbd5e1;transition:color .15s;pointer-events:none}.rv-chip--on,.rv-chip--on .rv-chip-count{color:var(--chip-color, var(--navy))}.rv-chip--on:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--chip-color, var(--navy));border-radius:2px 2px 0 0}.rv-cards{flex:1;overflow-y:auto;padding:12px 16px 32px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.rv-card{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.rv-cat-row{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.rv-card-title{font-size:18px;font-weight:900;color:var(--navy);line-height:1.25;letter-spacing:-.4px;margin-bottom:14px}.rv-card--change{border-left:3px solid var(--blue)}.rv-timeline{display:flex;gap:12px;margin-bottom:12px}.rv-tl-track{display:flex;flex-direction:column;align-items:center;padding-top:3px;flex-shrink:0}.rv-tl-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.rv-tl-dot--old{background:#fecdd3;border:2px solid #FB7185}.rv-tl-dot--new{background:#bbf7d0;border:2px solid #4ADE80}.rv-tl-line{flex:1;width:2px;background:var(--border);margin:3px 0;min-height:8px}.rv-tl-content{flex:1;display:flex;flex-direction:column;gap:4px}.rv-tl-block{border-radius:9px;padding:9px 11px}.rv-tl-block--old{background:#fff1f2}.rv-tl-block--new{background:#f0fdf4}.rv-tl-label{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}.rv-tl-block--old .rv-tl-label{color:#be123c}.rv-tl-block--new .rv-tl-label{color:#15803d}.rv-tl-block--old .rv-tl-text{font-size:13px;color:#9f1239;line-height:1.5}.rv-tl-block--new .rv-tl-text{font-size:13px;font-weight:700;color:#14532d;line-height:1.55}.rv-impact{background:var(--navy);border-radius:10px;padding:11px 13px;margin-bottom:10px}.rv-impact-text{font-size:13px;color:#ffffffd9;line-height:1.6;font-weight:500}.rv-card--pitfall{border-left:3px solid var(--pc, #374151)}.rv-pf-block{border-radius:9px;padding:10px 12px;margin-bottom:8px}.rv-pf-block--trap{background:#fffbf0}.rv-pf-block--fix{background:#f0fdf4}.rv-pf-label{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.rv-pf-block--trap .rv-pf-label{color:#c2410c}.rv-pf-block--fix .rv-pf-label{color:#15803d}.rv-pf-text{font-size:13px;color:var(--text-mid);line-height:1.6}.rv-pf-block--fix .rv-pf-text{font-weight:600;color:var(--navy)}.rv-ref{font-size:11px;font-weight:600;color:var(--text-muted);margin-top:4px}.suggest-wrap{padding:20px 16px 40px;display:flex;flex-direction:column;gap:18px}.suggest-hero{text-align:center;padding:8px 0 4px}.suggest-hero-icon{font-size:36px;margin-bottom:8px}.suggest-hero-title{font-size:20px;font-weight:800;color:var(--navy);margin-bottom:6px}.suggest-hero-sub{font-size:14px;color:var(--text-muted);line-height:1.55;font-weight:500}.suggest-card{background:#fff;border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 12px #1b2a4a14}.suggest-field{display:flex;flex-direction:column;gap:6px}.suggest-label{font-size:13px;font-weight:700;color:var(--navy)}.suggest-required{color:#e53e3e}.suggest-optional{font-weight:500;color:var(--text-muted);font-size:12px}.suggest-textarea,.suggest-input{width:100%;font-family:inherit;font-size:14px;font-weight:500;color:var(--navy);background:#f7f8fa;border:1.5px solid #E2E8F0;border-radius:10px;padding:11px 13px;outline:none;resize:vertical;transition:border-color .2s;line-height:1.5}.suggest-textarea:focus,.suggest-input:focus{border-color:var(--blue);background:#fff}.suggest-textarea::placeholder,.suggest-input::placeholder{color:#a0aec0}.suggest-error{font-size:13px;font-weight:600;color:#e53e3e}.btn--suggest{background:var(--navy);color:#fff;border-radius:var(--radius-sm);font-size:15px;font-weight:800;padding:14px;width:100%;text-align:center;cursor:pointer;border:none;font-family:inherit;transition:opacity .15s}.btn--suggest:hover{opacity:.88}.btn--suggest:disabled{opacity:.5;cursor:default}.suggest-success{background:#fff;border-radius:var(--radius);padding:32px 20px;text-align:center;display:none;flex-direction:column;align-items:center;gap:10px;box-shadow:0 2px 12px #1b2a4a14}.suggest-success:not([hidden]){display:flex}.suggest-success-icon{font-size:40px}.suggest-success-title{font-size:18px;font-weight:800;color:var(--navy)}.suggest-success-sub{font-size:14px;color:var(--text-muted);line-height:1.55;font-weight:500}.btn--suggest-another{background:#edf2f7;color:var(--navy);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:14px;font-weight:700;padding:11px 20px;cursor:pointer;margin-top:4px;transition:opacity .15s}.btn--suggest-another:hover{opacity:.8}.suggest-footer{font-size:12px;color:var(--text-muted);text-align:center;line-height:1.6}.calendar-hint{font-weight:600;color:var(--blue)}.calendar-review-hint{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:var(--blue-light);border-radius:10px;font-size:12.5px;font-weight:600;color:var(--blue-dark);line-height:1.4}.calendar-review-hint-icon{font-size:15px;flex-shrink:0}.cal-cell--tappable{cursor:pointer;transition:transform .1s}.cal-cell--tappable:active{transform:scale(.86)}.day-review-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f1b338c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s ease}.day-review-overlay--show{opacity:1}.day-review{width:100%;max-width:480px;max-height:85dvh;background:var(--bg);border-radius:22px 22px 0 0;display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px);transition:transform .24s cubic-bezier(.16,1,.3,1)}.day-review-overlay--show .day-review{transform:translateY(0)}.day-review-grabber{width:40px;height:4px;border-radius:999px;background:#cbd5e1;margin:8px auto 2px;flex-shrink:0}.day-review-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg)}.day-review-date{font-size:16px;font-weight:800;color:var(--navy);letter-spacing:-.2px}.day-review-close{width:38px;height:38px;flex-shrink:0;border-radius:50%;background:#edf2f7;border:none;color:var(--navy);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer}.day-review-close:active{background:#dce3ec}.day-review-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 18px calc(24px + var(--safe-bot));-webkit-overflow-scrolling:touch}.day-review-tags{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.dr-tag{font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px}.dr-tag--proto{background:var(--blue-light);color:var(--blue)}.dr-tag--cat{background:#fdecdd;color:#c2410c}.day-review-q{font-size:17px;font-weight:800;color:var(--navy);line-height:1.35;letter-spacing:-.2px;margin-bottom:14px}.day-review-choices{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.dr-choice{font-size:14px;font-weight:500;color:var(--text-mid);background:#fff;border:1px solid var(--border-mid);border-radius:10px;padding:11px 13px;line-height:1.4}.dr-choice--correct{background:var(--green-bg);border-color:#a7e3b8;color:#14532d;font-weight:700}.dr-section-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:8px}.dr-answer{font-size:14px;color:var(--text-mid);line-height:1.6;padding-left:18px;margin-bottom:14px}.dr-answer li{list-style:disc;margin-bottom:4px}.dr-pearl{background:linear-gradient(135deg,#fff7d6,#fffbeb);border-left:4px solid var(--gold);border-radius:0 10px 10px 0;padding:12px 14px;font-size:13.5px;color:#7a5b00;line-height:1.55;margin-bottom:12px}.dr-ref{font-size:11px;font-weight:600;color:var(--text-muted)}.dr-scenario{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.dr-scenario-label{font-size:12px;font-weight:800;color:#c2410c;letter-spacing:.3px;margin-bottom:10px}.dr-vignette{background:var(--navy);color:#ffffffe6;border-radius:12px;padding:12px 14px;font-size:14px;font-style:italic;line-height:1.5;margin-bottom:12px}.dr-scenario-q{font-size:15px;font-weight:700;color:var(--navy);line-height:1.4;margin-bottom:12px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}