:root{--ink: #193b3f;--ink-deep: #102d31;--teal: #1f7778;--teal-soft: #d8ece8;--coral: #ed7058;--coral-deep: #d95d47;--sun: #f2bd4d;--cream: #f8f4ea;--paper: #fffdf8;--white: #ffffff;--muted: #667a7b;--line: #d8dfda;--shadow: 0 22px 60px rgba(25, 59, 63, .11);--font-display: "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;--font-body: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.skip-link{position:fixed;top:10px;left:10px;z-index:100;padding:10px 16px;color:var(--white);background:var(--ink);border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.section-shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:84px;padding:14px max(24px,calc((100vw - 1160px)/2));background:var(--paper);border-bottom:1px solid rgba(25,59,63,.09)}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-family:var(--font-display);font-size:1.4rem;font-weight:800;letter-spacing:-.04em;text-decoration:none}.brand-mark{display:grid;width:35px;height:35px;color:var(--white);background:var(--coral);border-radius:50% 50% 43% 57%;place-items:center;transform:rotate(-7deg)}.profile-switcher,.profile-list{display:flex;align-items:center}.profile-switcher{gap:10px}.profile-label{margin-right:5px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.profile-list{gap:7px}.profile-chip{display:flex;align-items:center;gap:7px;padding:5px 9px 5px 5px;background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:.16s ease}.profile-chip>span,.profile-avatar{display:grid;width:31px;height:31px;color:var(--ink-deep);border-radius:50%;font-size:.72rem;font-weight:900;place-items:center}.profile-chip b{display:none;max-width:90px;overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.profile-chip.active{background:var(--white);border-color:var(--line);box-shadow:0 5px 18px #193b3f14}.profile-chip.active b{display:block}.profile-coral>span,.profile-avatar.profile-coral{background:#ffd7cd}.profile-sun>span,.profile-avatar.profile-sun{background:#ffe9ae}.profile-sky>span,.profile-avatar.profile-sky{background:#d5eaff}.profile-mint>span,.profile-avatar.profile-mint{background:#cfeadf}.icon-button{display:grid;width:36px;height:36px;padding:9px;background:transparent;border:1px solid var(--line);border-radius:50%;cursor:pointer;place-items:center}.icon-button:disabled{opacity:.42;background:var(--cream);cursor:not-allowed}.icon-button svg{width:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.hero{display:grid;grid-template-columns:1fr .9fr;min-height:520px;align-items:center;gap:80px;padding-block:70px 88px}.eyebrow,.card-kicker{margin:0 0 12px;color:var(--coral-deep);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.045em}h1{max-width:620px;margin-bottom:22px;font-size:clamp(3.4rem,6.2vw,5.6rem);line-height:.96}h1 em{position:relative;color:var(--coral);font-style:normal;white-space:nowrap}h1 em:after{position:absolute;right:0;bottom:-8px;width:92%;height:8px;background:url("data:image/svg+xml,%3Csvg width='260' height='12' viewBox='0 0 260 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8c60-8 150-5 254-3' fill='none' stroke='%23F2BD4D' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;content:""}.hero-intro{max-width:560px;margin-bottom:30px;color:var(--muted);font-size:1.08rem;line-height:1.7}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:12px;padding:0 21px;border:0;border-radius:12px;font-weight:850;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.button:hover:not(:disabled){transform:translateY(-2px)}.button:focus-visible,button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(31,119,120,.32);outline-offset:3px}.button-primary{color:var(--white);background:var(--coral);box-shadow:0 10px 24px #ed70583d}.button-primary:hover:not(:disabled){background:var(--coral-deep);box-shadow:0 14px 27px #ed70584d}.button-dark{color:var(--white);background:var(--ink);box-shadow:0 10px 24px #193b3f2e}.button-dark:hover:not(:disabled){background:var(--ink-deep)}.button:disabled{opacity:.6;cursor:wait}.button-full{width:100%}.hero-visual{position:relative;min-height:390px}.hero-visual:before{position:absolute;inset:12px 18px 0 36px;background:var(--teal-soft);border-radius:48% 52% 42% 58%/46% 44% 56% 54%;content:"";transform:rotate(-4deg)}.fact-card{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow)}.fact-card-back{top:45px;right:23px;width:190px;height:215px;color:#193b3fc2;background:var(--sun);border-radius:22px;font-family:var(--font-display);font-size:1.5rem;font-weight:800;transform:rotate(9deg)}.fact-card-back strong{font-size:3.4rem}.fact-card-front{bottom:15px;left:45px;width:255px;height:285px;background:var(--white);border:1px solid rgba(25,59,63,.08);border-radius:25px;transform:rotate(-5deg)}.fact-kicker{margin-bottom:24px;color:var(--teal);font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.fact-equation{font-family:var(--font-display);font-size:2rem;font-weight:800}.fact-card-front strong{margin-top:2px;color:var(--coral);font-family:var(--font-display);font-size:5.8rem;letter-spacing:-.08em;line-height:1}.fact-check{position:absolute;right:-18px;bottom:30px;display:grid;width:57px;height:57px;color:var(--white);background:var(--teal);border:5px solid var(--paper);border-radius:50%;font-size:1.7rem;font-weight:900;place-items:center}.doodle{position:absolute;z-index:3;font-family:var(--font-display);font-weight:900}.doodle-star{top:12px;left:35px;color:var(--coral);font-size:2.4rem;transform:rotate(-15deg)}.doodle-plus{right:15px;bottom:50px;color:var(--teal);font-size:2.6rem;transform:rotate(15deg)}.doodle-wave{left:0;bottom:15px;color:var(--sun);font-size:3.2rem;transform:rotate(-18deg)}.studio{background:var(--cream);box-shadow:0 0 0 100vmax var(--cream);clip-path:inset(0 -100vmax);padding-block:74px 92px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-heading h2{margin-bottom:0;font-size:clamp(2rem,4vw,3rem)}.selection-summary{margin:0 0 5px;padding:7px 13px;color:var(--teal);background:var(--teal-soft);border-radius:999px;font-size:.78rem;font-weight:850}.selection-summary.warning{color:#9a3e2d;background:#ffe1d9}.table-picker-card,.card,.mastery-card,.recent-card{background:var(--white);border:1px solid rgba(25,59,63,.09);border-radius:20px;box-shadow:0 10px 35px #193b3f0f}.table-picker-card{padding:24px}.picker-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.picker-topline p{margin:0;color:var(--muted);font-size:.9rem}.text-actions{display:flex;align-items:center;gap:8px;color:#a8b3b0}.text-actions button{padding:0;color:var(--teal);background:none;border:0;font-size:.78rem;font-weight:850;cursor:pointer}.table-picker{display:grid;grid-template-columns:repeat(13,minmax(58px,1fr));gap:8px}.table-button{min-height:74px;padding:9px 5px 7px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:13px;cursor:pointer;transition:.15s ease}.table-button span{display:block;font-family:var(--font-display);font-size:1.45rem;font-weight:900}.table-button small{display:block;margin-top:1px;color:var(--muted);font-size:.62rem;font-weight:750;text-transform:uppercase}.table-button:hover{border-color:var(--teal);transform:translateY(-2px)}.table-button.selected{color:var(--white);background:var(--teal);border-color:var(--teal);box-shadow:0 7px 17px #1f77782e}.table-button.selected small{color:#ffffffbf}.field-error{min-height:18px;margin:8px 0 -8px;color:#b44734;font-size:.8rem;font-weight:700}.work-area{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:24px}.card{min-height:510px;padding:28px}.card-title-row{display:flex;align-items:center;gap:13px;margin-bottom:30px}.card-title-row h3{margin:0;font-size:1.45rem}.card-kicker{margin-bottom:4px;color:var(--muted);font-size:.62rem}.feature-icon{display:grid;width:45px;height:45px;flex:0 0 auto;border-radius:14px;font-size:1.18rem;place-items:center}.feature-icon-coral{color:#9e3f2c;background:#ffe0d8}.feature-icon-teal{color:var(--teal);background:var(--teal-soft)}.question-count-badge{margin-left:auto;padding:7px 10px;color:var(--teal);background:var(--teal-soft);border-radius:8px;font-size:.7rem;font-weight:850}.practice-idle{display:flex;min-height:370px;flex-direction:column;justify-content:center}.practice-idle p{max-width:480px;margin:20px auto 25px;color:var(--muted);font-size:.92rem;line-height:1.65;text-align:center}.mini-preview{display:flex;align-items:center;justify-content:center;gap:16px;font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-.06em}.mini-answer{display:grid;width:86px;height:86px;color:var(--coral);background:#fff0eb;border-radius:18px;place-items:center}.practice-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 0;background:var(--cream);border-radius:12px}.practice-stats div{display:flex;flex-direction:column;gap:3px;text-align:center}.practice-stats div+div{border-left:1px solid var(--line)}.practice-stats span{color:var(--muted);font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.practice-stats strong{font-family:var(--font-display);font-size:1.05rem}.progress-track{height:5px;margin:16px 0 42px;overflow:hidden;background:#e9ece8;border-radius:999px}.progress-track span{display:block;width:0;height:100%;background:var(--coral);border-radius:inherit;transition:width .24s ease}.question-line{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--ink);font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3.7rem);font-weight:900;letter-spacing:-.06em}.question-line input{width:120px;height:88px;color:var(--ink);background:var(--paper);border:2px solid var(--line);border-radius:17px;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:center;transition:.16s ease}.question-line input:focus{background:var(--white);border-color:var(--teal)}.question-line input.correct{color:#187052;background:#e6f5ee;border-color:#5dbb91}.question-line input.incorrect{color:#a64231;background:#fff0eb;border-color:#ed8b77}.answer-feedback{min-height:21px;margin:18px 0 24px;color:var(--muted);font-size:.86rem;font-weight:700;text-align:center}.correct-text{color:#187052}.incorrect-text{color:#a64231}.practice-complete{padding-top:12px;text-align:center}.score-ring{--score: 0deg;position:relative;display:grid;width:155px;height:155px;margin:0 auto 22px;background:conic-gradient(var(--coral) var(--score),#efece4 0);border-radius:50%;place-content:center}.score-ring:before{position:absolute;inset:12px;background:var(--white);border-radius:50%;content:""}.score-ring strong,.score-ring span{position:relative;z-index:1}.score-ring strong{font-family:var(--font-display);font-size:2.1rem}.score-ring span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.practice-complete h4{margin-bottom:8px;font-size:1.7rem}.practice-complete p{margin-bottom:28px;color:var(--muted);line-height:1.6}.form-group{margin:0 0 22px;padding:0;border:0}.form-group label,.form-group legend{display:block;margin-bottom:9px;color:var(--ink);font-size:.76rem;font-weight:850}.text-input,.profile-field input{width:100%;height:48px;padding:0 14px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;background:var(--cream);border-radius:12px}.segmented-control button{height:39px;background:transparent;border:0;border-radius:8px;font-weight:850;cursor:pointer}.segmented-control button.active{color:var(--teal);background:var(--white);box-shadow:0 4px 12px #193b3f14}.checkbox-row{display:flex;align-items:center;gap:12px;margin:5px 0 27px;cursor:pointer}.checkbox-row input{position:absolute;opacity:0}.custom-checkbox{display:grid;width:22px;height:22px;flex:0 0 auto;color:transparent;background:var(--white);border:1px solid var(--line);border-radius:6px;font-size:.8rem;font-weight:900;place-items:center}.checkbox-row input:checked+.custom-checkbox{color:var(--white);background:var(--teal);border-color:var(--teal)}.checkbox-row input:focus-visible+.custom-checkbox{outline:3px solid rgba(31,119,120,.32);outline-offset:3px}.checkbox-row strong,.checkbox-row small{display:block}.checkbox-row strong{font-size:.83rem}.checkbox-row small{margin-top:3px;color:var(--muted);font-size:.72rem}.pdf-status{min-height:20px;margin:11px 0 0;color:var(--teal);font-size:.75rem;font-weight:750;text-align:center}.progress-section{padding-block:92px 105px}.progress-heading>p{margin-bottom:7px;color:var(--muted);font-size:.8rem}.progress-heading,.progress-heading>div,.progress-heading h2,#progress-name{min-width:0;max-width:100%;overflow-wrap:anywhere}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat-card{min-height:145px;padding:22px;background:var(--cream);border:1px solid transparent;border-radius:17px}.stat-card span,.stat-card small,.stat-card strong{display:block}.stat-card span{color:var(--muted);font-size:.7rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.stat-card strong{margin:10px 0 4px;color:var(--ink);font-family:var(--font-display);font-size:2rem;letter-spacing:-.05em}.stat-card small{color:var(--muted);font-size:.7rem}.stat-card-highlight{color:var(--white);background:var(--teal)}.stat-card-highlight span,.stat-card-highlight small,.stat-card-highlight strong{color:inherit}.stat-card-highlight span,.stat-card-highlight small{opacity:.76}.progress-detail-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:22px}.mastery-card,.recent-card{min-height:340px;padding:26px}.detail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.detail-heading h3{margin:0;font-size:1.35rem}.legend{color:var(--muted);font-size:.7rem}.legend i{display:inline-block;width:8px;height:8px;margin-right:5px;background:var(--coral);border-radius:50%}.mastery-list{display:grid;grid-template-columns:1fr 1fr;gap:13px 22px}.mastery-row{display:grid;grid-template-columns:32px 1fr 38px;align-items:center;gap:9px}.mastery-row>strong{font-family:var(--font-display);font-size:.9rem}.mastery-row>b{font-size:.72rem;text-align:right}.mastery-row>small{grid-column:2 / -1;margin-top:-6px;color:var(--muted);font-size:.62rem}.mastery-track{height:8px;overflow:hidden;background:#eceeea;border-radius:999px}.mastery-track span{display:block;height:100%;background:var(--coral);border-radius:inherit}.recent-rounds{display:grid;gap:4px}.recent-row{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #edf0ec}.recent-row:last-child{border-bottom:0}.recent-score{display:grid;width:42px;height:42px;color:var(--teal);background:var(--teal-soft);border-radius:11px;font-size:.74rem;font-weight:900;place-items:center}.recent-row strong,.recent-row small{display:block}.recent-row strong{font-size:.76rem}.recent-row small{margin-top:3px;color:var(--muted);font-size:.66rem}.recent-row>b{font-size:.78rem}.empty-state{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.empty-state span{display:grid;width:48px;height:48px;margin-bottom:13px;color:var(--teal);background:var(--teal-soft);border-radius:50%;font-size:1.4rem;font-weight:900;place-items:center}.empty-state p{max-width:260px;margin:0;font-size:.8rem;line-height:1.5}footer{color:#ffffffc7;background:var(--ink)}.footer-inner{display:flex;min-height:120px;align-items:center;justify-content:space-between;gap:20px}.brand-footer{color:var(--white)}.footer-inner p{margin:0;font-size:.8rem}.profile-dialog{width:min(520px,calc(100% - 30px));padding:0;background:var(--paper);border:0;border-radius:22px;box-shadow:0 35px 100px #102d3147}.profile-dialog::backdrop{background:#102d31a3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-dialog form{padding:30px}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.dialog-heading h2{margin-bottom:0;font-size:1.85rem}.dialog-heading .icon-button{padding:0;font-size:1.5rem}.dialog-intro{margin:13px 0 24px;color:var(--muted);font-size:.82rem;line-height:1.55}.profile-fields{display:grid;gap:10px;margin-bottom:23px}.profile-field{display:flex;align-items:center;gap:12px;padding:10px;background:var(--white);border:1px solid var(--line);border-radius:13px}.profile-field>span:last-child{flex:1}.profile-field small{display:block;margin-bottom:4px;color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase}.profile-field input{height:31px;padding:0;background:transparent;border:0;border-radius:0;font-weight:800}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:980px){.profile-label{display:none}.hero{gap:30px}.table-picker{grid-template-columns:repeat(7,1fr)}.work-area{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.progress-detail-grid{grid-template-columns:1fr}}@media(max-width:760px){.section-shell{width:min(100% - 30px,620px)}.site-header{min-height:74px;padding-inline:15px}.brand{font-size:1.15rem}.brand-mark{width:31px;height:31px}.profile-list{gap:2px}.profile-chip{padding:3px}.profile-chip>span{width:29px;height:29px}.profile-chip.active b{display:none}.profile-switcher{gap:5px}.icon-button{width:32px;height:32px}.hero{grid-template-columns:1fr;gap:15px;padding-block:56px 55px}h1{font-size:clamp(2.25rem,11vw,4.6rem)}.hero-intro{font-size:1rem}.hero-visual{min-height:330px;margin-top:15px}.hero-visual:before{inset-inline:20px}.fact-card-front{left:16%;width:220px;height:245px}.fact-card-back{right:8%;width:155px;height:180px}.studio{padding-block:60px 75px}.section-heading{align-items:start;flex-direction:column;gap:12px}.selection-summary{margin:0}.picker-topline{align-items:start;flex-direction:column;gap:10px}.table-picker-card{padding:17px}.table-picker{grid-template-columns:repeat(4,1fr)}.table-button{min-height:65px}.work-area{grid-template-columns:1fr}.card{min-height:auto;padding:22px}.practice-idle{min-height:330px}.question-line{font-size:2.4rem}.question-line input{width:98px;height:76px}.progress-section{padding-block:70px 78px}.stat-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:130px;padding:18px}.mastery-card,.recent-card{padding:21px}.mastery-list{grid-template-columns:1fr}.footer-inner{align-items:start;flex-direction:column;justify-content:center}}@media(max-width:390px){.site-header .brand>span:last-child{display:none}.table-picker{grid-template-columns:repeat(4,1fr);gap:6px}.table-button span{font-size:1.25rem}.stat-grid{grid-template-columns:1fr}.fact-card-front{left:8%}.fact-card-back{right:2%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}