:root{--tosm-orange:#ff8400;--tosm-cream:#ffe28a;--tosm-blue:#3636d9;--tosm-text:#2f2f2f;--tosm-muted:#747474;--tosm-border:#f6c661;--tosm-panel:#fff9e8}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--tosm-text);background:var(--tosm-orange);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:18px;background:var(--tosm-orange)}.shell{width:min(980px,100%);margin:0 auto}.mobile-shell{width:min(360px,100%)}.topbar{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;margin-bottom:0;background:transparent;position:-webkit-sticky;position:sticky;top:0;z-index:100}.brand{display:none}.nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}@media (max-width:600px){.topbar{padding:10px 12px}.nav,.topbar{justify-content:flex-start}.nav{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;gap:6px;width:100%}.nav::-webkit-scrollbar{display:none}.nav a,.nav button{flex-shrink:0;padding:6px 14px;font-size:12px;min-height:32px}}.button,.nav a,.nav button{min-height:36px;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:7px 18px;background:rgba(15,23,42,.82);color:rgba(255,255,255,.8);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nav a:hover,.nav button:hover{background:rgba(30,58,95,.9);color:#fff}.button.primary,.nav a.active{background:linear-gradient(135deg,#1e3a5f,#f97316);border-color:transparent;color:#fff;font-weight:700}.button.muted{background:#d8d8d8;color:#222}.button.danger{color:#fff;background:#e43131}.hero,.panel{border:3px solid #fff;border-radius:8px;background:var(--tosm-panel);padding:20px;box-shadow:0 3px 0 rgba(0,0,0,.12)}.hero h1{margin:0 0 10px;font-size:clamp(32px,6vw,54px);line-height:1}.hero p,.panel p{color:#555;line-height:1.5}.menu-tagline{margin:8px auto 16px;font-size:12px;font-weight:700}.front-title,.menu-tagline{color:#fff;text-align:center}.front-title{margin:8px auto}.front-title h1{margin:0;font-size:34px;line-height:1}.front-title p{margin:6px 0 2px;color:#fff;font-size:14px}.front-title strong{display:block;font-size:13px;font-weight:800}.tosm-menu-card{display:grid;grid-gap:12px;gap:12px;width:min(260px,100%);margin:0 auto;border:3px solid #fff;border-radius:8px;padding:14px;background:#ffe28a;box-shadow:0 3px 0 rgba(0,0,0,.14)}.menu-main-button{display:grid;place-items:center;width:100%;min-height:40px;border:0;border-radius:2px;padding:10px 12px;background:var(--tosm-orange);color:#fff;text-transform:uppercase;font-weight:800;cursor:pointer}.menu-main-button.selected{outline:3px solid rgba(255,255,255,.9)}.menu-main-button:disabled{cursor:not-allowed;opacity:.45}.menu-select{display:grid;grid-gap:8px;gap:8px;text-align:center}.menu-level-list span,.menu-select span{color:var(--tosm-orange);text-transform:uppercase;font-weight:800}.menu-select select{min-height:42px;border:0;border-radius:2px;padding:10px 12px;background:#ff6f4a;color:#fff;text-align:center;text-transform:uppercase;font-weight:800}.menu-level-list,.menu-mode-list{display:grid;grid-gap:8px;gap:8px}.menu-level-list{text-align:center}.menu-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin:18px auto}.menu-actions a{display:grid;place-items:center;min-height:40px;border-radius:6px;padding:8px;background:#fff6de;color:var(--tosm-text);font-size:12px;text-align:center;text-transform:uppercase;box-shadow:0 2px 0 rgba(0,0,0,.2)}.menu-panel{margin-top:12px}.operation-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-top:14px}.operation-button{display:grid;place-items:center;min-height:48px;border-radius:4px;padding:10px;background:var(--tosm-orange);color:#fff;font-weight:800;text-align:center}.operation-button.locked{opacity:.6}.bottom-icons{position:-webkit-sticky;position:sticky;bottom:10px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;margin:22px auto 0}.bottom-icons a{display:grid;place-items:center;width:56px;height:48px;margin:0 auto;border-radius:999px;background:var(--tosm-orange);color:#fff;font-size:10px;font-weight:800;box-shadow:0 4px 7px rgba(0,0,0,.28)}.trial-note{margin-top:12px;border-radius:8px;padding:10px;background:#000;color:#fff;text-align:center;font-weight:700}.validation-page{background:#fff8e7}.validation-shell{width:min(1120px,100%)}.validation-page .brand{color:var(--tosm-orange)}.validation-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr);align-items:center;grid-gap:28px;gap:28px;min-height:calc(100vh - 120px);padding:28px 0 20px}.validation-copy{display:grid;grid-gap:16px;gap:16px}.validation-kicker{width:-moz-fit-content;width:fit-content;margin:0;border-radius:999px;padding:6px 10px;background:#fff0ce;color:#995300;font-size:12px;font-weight:800;text-transform:uppercase}.validation-copy h1{max-width:720px;margin:0;color:#222;font-size:clamp(42px,8vw,78px);line-height:.98}.advanced-section p,.start-modal p,.teacher-section p,.validation-copy p{max-width:620px;margin:0;color:#575757;font-size:18px;line-height:1.55}.validation-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.validation-actions span{color:#6e6e6e;font-weight:700}.validation-primary{color:#fff;background:var(--tosm-orange);font-weight:800}.teacher-link{width:-moz-fit-content;width:fit-content;color:#6d4200;font-weight:800;text-decoration:underline;text-underline-offset:4px}.phone-mockup{display:grid;grid-gap:14px;gap:14px;width:min(310px,100%);margin:0 auto;border:10px solid #222;border-radius:32px;padding:18px;background:var(--tosm-orange);box-shadow:0 22px 50px rgba(32,25,10,.25)}.mock-timer{width:-moz-fit-content;width:fit-content;margin:0 auto;border-radius:0 0 18px 18px;padding:8px 30px;background:#ffe28a;color:#5f4a00;font-weight:800}.mock-question{display:grid;grid-template-columns:1fr 96px;grid-gap:12px;gap:12px;border:3px solid #fff;border-radius:8px;padding:18px;background:#ffe28a;color:var(--tosm-orange);font-size:64px;font-weight:900;line-height:.9}.mock-question span{grid-column:1}.mock-question strong{display:grid;grid-row:1/span 2;grid-column:2;place-items:center;border-radius:8px;background:#fff;color:var(--tosm-blue);font-size:34px}.mock-keypad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.mock-keypad span{display:grid;place-items:center;min-height:42px;border:2px solid #d89520;border-radius:8px;background:#fff;font-weight:800;box-shadow:0 2px 0 rgba(0,0,0,.2)}.mock-keypad span:last-child{grid-column:2}.advanced-section,.benefit-grid,.teacher-section{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.benefit-grid{grid-template-columns:repeat(3,1fr)}.advanced-section,.benefit-grid article,.sample-card,.start-modal,.teacher-section{border:2px solid #fff;border-radius:14px;padding:18px;background:#fff;box-shadow:0 12px 30px rgba(64,48,12,.08)}.benefit-grid strong,.sample-card span{display:block;margin-bottom:8px;color:#202020;font-size:18px}.benefit-grid p{margin:0;color:#666;line-height:1.5}.teacher-section{grid-template-columns:minmax(0,1fr) minmax(230px,.45fr);align-items:center;margin-top:28px}.advanced-section h2,.teacher-section h2{margin:0;font-size:clamp(28px,5vw,44px);line-height:1}.sample-card strong{display:block;margin:8px 0;color:var(--tosm-orange);font-size:54px;line-height:1}.advanced-links{display:flex;flex-wrap:wrap;gap:10px}.advanced-links a{border-radius:999px;padding:10px 14px;background:#fff0ce;color:#724300;font-weight:800}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.42)}.smooth-backdrop{background:rgba(30,20,8,.46);animation:fade-in .18s ease-out}.start-modal{display:grid;grid-gap:14px;gap:14px;width:min(440px,100%)}.start-modal-smooth{gap:0;width:min(360px,calc(100vw - 28px));overflow:hidden;border:1px solid #eee3d8;border-radius:28px;background:#fffdf8;box-shadow:0 18px 40px rgba(24,17,7,.24);animation:card-enter .22s ease-out}.start-modal-smooth header{display:flex;align-items:center;justify-content:space-between;min-height:31px;padding:0 18px;background:#ff7415;color:#fff;font-size:11px;font-weight:900}.start-modal-smooth header strong{text-transform:uppercase}.start-modal-body{display:grid;grid-gap:14px;gap:14px;padding:26px 24px 24px}.start-modal h2{margin:0;color:#070707;font-size:30px;line-height:1.08}.start-modal-body p{margin:0;color:#666;line-height:1.45}.start-modal-body .field input{min-height:48px;border-color:#ffd8c2;background:#fff}.smooth-check{border:1px solid #ffd8c2;border-radius:11px;padding:12px;background:#fffdfb}.checkbox-line{display:flex;align-items:center;gap:10px;font-weight:800}.checkbox-line input{width:20px;height:20px}.modal-actions{display:flex;flex-wrap:wrap;gap:10px}.start-modal-smooth .modal-actions{display:grid;grid-template-columns:1fr 1fr 1fr}.start-modal-smooth .modal-actions .button,.start-modal-smooth .modal-actions .challenge-start-button{width:100%;min-height:38px;justify-content:center;text-align:center}.preparing-card{text-align:center}.preparing-card .start-modal-body{place-items:center;min-height:280px;align-content:center}.prep-orbit{width:78px;height:78px;border:8px solid #fff0e8;border-top-color:#ff7415;border-radius:999px;animation:spin .85s linear infinite}.admin-access-grid{display:grid;grid-gap:6px;gap:6px;min-width:150px}.admin-access-grid label{display:flex;align-items:center;gap:6px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.dashboard-page{background:#f5f7fb}.dashboard-page .shell{display:grid;grid-template-columns:216px minmax(0,1fr);align-items:start;grid-gap:24px;gap:24px;width:min(1440px,100%)}.dashboard-page .topbar{position:-webkit-sticky;position:sticky;top:18px;display:grid;grid-gap:24px;gap:24px;min-height:calc(100vh - 36px);margin-bottom:0;border-right:3px solid #e4e9f2;padding:18px 16px 18px 0;background:#fff}.dashboard-page .brand{color:var(--tosm-text)}.dashboard-page .nav{display:grid;grid-gap:10px;gap:10px}.dashboard-page .nav a,.dashboard-page .nav button{display:flex;justify-content:flex-start;width:100%;box-shadow:none;background:transparent;color:#566273;text-align:left}.dashboard-page .nav a.active{color:var(--tosm-orange);background:#fff7e9;font-weight:800}.dashboard-page .nav a:hover,.dashboard-page .nav button:hover{background:#f4f6fb}.dashboard-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.dashboard-heading h1{margin:0;font-size:clamp(30px,5vw,44px)}.dashboard-heading p{margin-bottom:0}.partner-toolbar{display:flex;align-items:flex-end;gap:12px;margin-bottom:14px}.partner-login-panel{width:min(420px,100%);margin:14px auto 0}.partner-dashboard{margin-top:14px}.admin-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px;margin-top:18px}.admin-summary-grid article{display:grid;grid-gap:6px;gap:6px;border-radius:8px;padding:14px;background:#fff}.admin-summary-grid span{color:var(--tosm-muted);font-size:12px;font-weight:800;text-transform:uppercase}.admin-summary-grid strong{font-size:18px;line-height:1.25}.privacy-page{display:grid;grid-gap:0;gap:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:32px 28px;max-width:760px;margin:20px auto 0}.privacy-page .badge{display:inline-block;background:rgba(249,115,22,.2);color:#fb923c;font-size:12px;font-weight:700;letter-spacing:.06em;padding:4px 12px;border-radius:20px;margin-bottom:16px}.privacy-page h1{margin:0 0 28px;font-size:clamp(28px,5vw,44px);font-weight:900;color:#fff;letter-spacing:-.5px}.privacy-page section{padding:20px 0;border-top:1px solid rgba(255,255,255,.08)}.privacy-page section:first-of-type{border-top:none;padding-top:0}.privacy-page h2{margin:0 0 10px;font-size:18px;font-weight:800;color:#fff}.privacy-page li,.privacy-page p{color:rgba(255,255,255,.75);line-height:1.7;font-size:15px;margin:0}.privacy-page ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.privacy-actions{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start}.privacy-actions .button:not(.primary){background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.8);box-shadow:none}.light-dashboard{display:grid;grid-gap:18px;gap:18px}.dashboard-score-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-gap:16px;gap:16px;border-radius:8px;padding:18px;background:#fff;color:#222}.dashboard-score-card.black{background:#000;color:#fff}.dashboard-score-card.red{background:#ff1010;color:#fff}.dashboard-score-card.yellow{background:#ffff00}.dashboard-score-card.green{background:#00ff00}.dashboard-score-card.blue{background:#4d88e6;color:#fff}.dashboard-score-card.purple{background:#3c2178;color:#fff}.dashboard-score-card.white{border:2px solid #e5e5e5}.dashboard-score-card span{display:block;margin-bottom:8px;font-size:12px;font-weight:800;text-transform:uppercase}.dashboard-score-card strong{display:block;font-size:clamp(44px,11vw,72px);line-height:1}.dashboard-score-card p{margin:4px 0 0}.dashboard-next-actions{display:grid;grid-gap:10px;gap:10px;border-radius:8px;padding:16px;background:#fff7e9}.dashboard-next-actions h2{margin:0}.mode-card{position:relative;display:grid;grid-gap:10px;gap:10px;min-height:160px;border-radius:8px;padding:16px}.mode-card.locked{opacity:.65}.badge{display:inline-flex;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:4px 8px;background:#fff2bd;color:#7d4b00;font-size:12px;font-weight:700}.form{display:grid;grid-gap:12px;gap:12px}.field{display:grid;grid-gap:6px;gap:6px}.field span{font-weight:700}.field input,.field select{min-height:42px;border:2px solid #e4c678;border-radius:8px;padding:9px 11px;background:#fff}.profile-form{max-width:560px}.profile-line{gap:4px}.profile-fieldset legend,.profile-line span{color:#777;font-size:13px;font-weight:800}.profile-line input,.profile-line select{border:0;border-bottom:2px solid #999;border-radius:0;padding-inline:0;background:transparent;text-transform:uppercase;font-size:20px}.profile-line em{color:#777;font-size:12px;line-height:1.35}.helper-text{margin:0;color:#777;font-size:12px}.profile-fieldset{display:grid;grid-gap:8px;gap:8px;min-width:0;border:0;margin:0;padding:0}.profile-date-grid{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));grid-gap:8px;gap:8px}.profile-date-grid select{min-height:42px;border:0;border-radius:4px;padding:8px;background:#f0f0f0;text-align:center}.segmented{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));width:min(380px,100%);border:2px solid #ff6f4a;border-radius:4px;overflow:hidden}.segmented label{display:grid;cursor:pointer}.segmented input{position:absolute;opacity:0}.segmented span{padding:10px 12px;background:#fff;color:#ff6f4a;text-align:center;text-transform:uppercase;font-size:13px;font-weight:800}.segmented input:checked+span{background:#ff6f4a;color:#fff}.full-width{width:100%;text-align:center;text-transform:uppercase;font-weight:800}.error{color:#b00020;font-weight:700}.success{color:#167a2f;font-weight:700}.challenge-card{display:grid;grid-gap:16px;gap:16px;margin:32px auto 0;border:3px solid #fff;border-radius:16px;padding:22px;background:var(--tosm-panel);box-shadow:0 12px 28px rgba(32,25,10,.18)}.challenge-card h1{margin:0;color:var(--tosm-orange);font-size:44px;line-height:1}.challenge-card p{margin:0;color:#555;line-height:1.5}.challenge-kicker{color:#7d4b00;font-size:12px;font-weight:800;text-transform:uppercase}.tutorial-list{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.tutorial-list li{border-radius:10px;padding:12px;background:#fff;color:#333;font-weight:800}.validation-test-shell{width:min(360px,calc(100vw - 28px));min-height:100vh;margin:0 auto;padding:6px 0 24px}.challenge-card-redesign{gap:0;min-height:calc(100vh - 16px);overflow:hidden;border:1px solid #eee3d8;border-radius:28px;padding:0;background:#fffdf8;box-shadow:0 18px 40px rgba(76,60,31,.12)}.challenge-card-header{display:flex;align-items:center;justify-content:space-between;min-height:31px;padding:0 22px;background:#ff7415;color:#fff;font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}.challenge-card-header strong{font-size:13px}.challenge-card-body{display:grid;grid-gap:18px;gap:18px;padding:28px 24px 22px}.challenge-step{margin:0;color:#ff7415;font-size:11px;font-weight:900;letter-spacing:4px;line-height:1.4;text-transform:uppercase}.challenge-card-redesign h1{margin:-8px 0 6px;color:#070707;font-size:30px;line-height:1.12}.tutorial-list-redesign{gap:12px}.tutorial-list-redesign article{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;grid-gap:14px;gap:14px;min-height:62px;border:1px solid #ffd8c2;border-radius:11px;padding:10px 14px;background:#fffdfb}.tutorial-list-redesign span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff0e8;color:#ff7415;font-size:18px}.tutorial-list-redesign strong{color:#080808;font-size:14px;line-height:1.3}.challenge-note{margin:16px 0 2px;color:#777;font-size:13px;line-height:1.6;text-align:center}.challenge-start-button{min-height:37px;border:1px solid #bdb7af;border-radius:7px;background:#fff;color:#060606;font-size:14px;font-weight:900;cursor:pointer}.challenge-dots{display:flex;justify-content:center;gap:4px;margin-top:-4px}.challenge-dots span{width:6px;height:6px;border-radius:999px;background:#d9d2ca}.challenge-dots .active{width:17px;background:#ff7415}.countdown-screen{background:#ff7118;color:#fff}.completion-screen,.countdown-screen{display:grid;grid-template-rows:auto 1fr;min-height:calc(100vh - 16px);overflow:hidden;border-radius:24px;text-align:center}.completion-screen{background:#fffdf8;color:#1a1a1a;box-shadow:0 18px 40px rgba(76,60,31,.12)}.completion-body{display:grid;place-items:center;align-content:center;grid-gap:14px;gap:14px;padding:28px}.completion-mark{display:grid;place-items:center;width:88px;height:88px;border:8px solid #fff0e8;border-radius:999px;background:#ff7415;color:#fff;font-size:44px;font-weight:900;animation:card-enter .22s ease-out}.completion-body h1,.completion-body p{margin:0}.completion-body h1{font-size:28px;line-height:1.1}.completion-body p{color:#555;font-size:13px;line-height:1.5}.countdown-header{display:flex;align-items:center;justify-content:space-between;min-height:31px;padding:0 16px;background:rgba(225,82,4,.42);font-size:10px;font-weight:900}.countdown-header strong{text-transform:uppercase}.countdown-body{display:grid;place-items:center;align-content:center;grid-gap:22px;gap:22px;padding:24px}.countdown-body h1,.countdown-body p{margin:0}.countdown-body>p:first-child{font-size:12px;font-weight:900;text-transform:uppercase}.countdown-body h1{font-size:18px;line-height:1.2}.countdown-pulse{display:grid;place-items:center;width:91px;height:91px;margin:26px 0 48px;border:6px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.22)}.countdown-pulse strong{display:grid;place-items:center;width:75px;height:75px;border-radius:999px;background:#fff;color:#ff7118;font-size:16px;font-weight:900;line-height:1}.countdown-meta{border-radius:999px;padding:8px 14px;background:rgba(255,255,255,.24);font-size:11px;font-weight:900}.countdown-note{font-size:10px;font-weight:800}.test-layout{display:grid;justify-items:center;grid-gap:14px;gap:14px}.test-phone-page{background:#f5f2ec}.test-phone-shell{display:grid;place-items:center;min-height:100vh;padding:16px}.test-phone-frame{position:relative;align-content:start;gap:12px;width:min(322px,calc(100vw - 28px));min-height:min(650px,calc(100vh - 28px));overflow:hidden;border:7px solid #1a1a1a;border-radius:31px;padding:28px 12px 24px;background:#fffdf8;box-shadow:0 16px 42px rgba(0,0,0,.15)}.test-phone-notch{position:absolute;top:0;left:50%;width:86px;height:17px;border-radius:0 0 14px 14px;background:#1a1a1a;transform:translateX(-50%);z-index:2}.test-phone-header{position:absolute;top:20px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 14px;background:#ff7118;color:#fff;font-size:11px;font-weight:900}.test-phone-header .timer{min-width:55px;border-radius:999px;padding:5px 9px;background:#fff8f3;color:#f05f13;font-size:10px;line-height:1}.test-phone-title{margin:41px 0 2px;color:#ff7118;font-size:9px;font-weight:900;letter-spacing:3px;text-transform:uppercase}.timer{min-width:112px;border-radius:0 0 18px 18px;padding:12px 20px;background:#ffe08a;text-align:center;font-weight:800}.question-board{display:grid;grid-template-columns:1fr 110px;align-items:center;width:min(360px,100%);min-height:190px;border:3px solid #fff;border-radius:8px;padding:22px 18px;background:var(--tosm-cream)}.question-board-phone{grid-template-columns:minmax(0,1fr) 75px;width:100%;min-height:116px;border:1px solid #ffb47d;border-radius:11px;padding:13px 14px;background:#fffdf8}.numbers{display:grid;grid-gap:8px;gap:8px;justify-items:center;color:var(--tosm-orange);font-size:68px;font-weight:800;line-height:.9;text-align:center}.question-board-phone .numbers{gap:2px;color:#1a1a1a;font-size:42px;line-height:.9}.question-board-phone .numbers:after{content:"";width:38px;height:2px;margin-top:5px;border-radius:999px;background:#ffc58d}.operation-sign{color:#7d4b00;font-size:34px;line-height:1}.answer-box{display:grid;place-items:center;min-height:116px;border-radius:8px;background:#fff;color:var(--tosm-blue);font-size:42px;font-weight:800}.question-board-phone .answer-box{min-height:75px;border:1px solid #ff7118;border-radius:9px;background:#fffdf8;color:#1a1a1a;font-size:34px}.question-board-phone .answer-box span{min-height:36px}.question-board-phone .answer-box span:empty:after{content:"";display:block;width:2px;height:32px;border-radius:999px;background:#ff9a63}.question-board-phone .answer-box small{align-self:end;color:#b2a29a;font-size:7px;font-weight:700}.keypad{display:grid;grid-template-columns:repeat(3,72px);grid-gap:6px;gap:6px;justify-content:center}.keypad button{min-height:42px;border:2px solid #d89520;border-radius:8px;background:#fff;cursor:pointer;box-shadow:0 2px 0 rgba(0,0,0,.2)}.keypad-phone{grid-template-columns:repeat(3,58px);gap:7px}.keypad-phone button{min-height:38px;border:1px solid #eadfd7;border-radius:8px;color:#050505;font-size:18px;box-shadow:none}.keypad-phone button.active{border-color:#ff7118;background:#fff7f0;color:#ff7118}.keypad .zero{grid-column:2}.test-phone-note{align-self:end;margin:6px 0 0;color:#ff7118;font-size:9px;font-style:italic;font-weight:700;line-height:1.35;text-align:center}.test-phone-home{align-self:end;width:60px;height:3px;margin-top:6px;border-radius:999px;background:#c9c0b8}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));grid-gap:8px;gap:8px;width:min(360px,100%)}.choice-grid button{display:flex;align-items:center;justify-content:space-between;min-height:54px;border:2px solid #d89520;border-radius:8px;padding:10px 14px;background:#fff;color:var(--tosm-text);font-size:24px;font-weight:800;cursor:pointer;box-shadow:0 2px 0 rgba(0,0,0,.2)}.choice-grid span{color:var(--tosm-orange);font-size:18px}.validation-result-card{display:grid;grid-gap:10px;gap:10px;width:min(320px,calc(100vw - 28px));margin:18px auto;border:1px solid #efe5da;border-radius:18px;padding:12px;background:#fffdf8;box-shadow:0 16px 36px rgba(70,54,24,.12)}.validation-result-card.black{background:#181818;color:#fff}.validation-result-card.red{background:#fffafa}.validation-result-card.yellow{background:#fffdf8}.validation-result-card.green{background:#fbfffb}.validation-result-card.blue{background:#fbfdff}.validation-result-card.purple{background:#fdfbff}.result-card-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:12px 12px 0 0;padding:8px 10px;background:#ff9857;color:#fff;font-size:8px;font-weight:900;text-transform:uppercase}.result-card-topbar strong{border-radius:999px;padding:3px 6px;background:rgba(255,255,255,.28);font-size:7px;white-space:nowrap}.validation-result-card h1,.validation-result-card h2,.validation-result-card h3,.validation-result-card p{margin:0}.validation-result-card h1{color:#222;font-size:26px;line-height:1}.validation-result-card h2{color:var(--tosm-orange);font-size:24px}.validation-result-card p{color:#555;font-size:10px;line-height:1.35}.validation-result-card.black h1,.validation-result-card.black h2,.validation-result-card.black>p{color:#fff}.validation-result-card.black .answer-insights details,.validation-result-card.black .confusion-reasons button,.validation-result-card.black .feedback-actions button,.validation-result-card.black .recommendation,.validation-result-card.black .result-metrics article{background:#fffdf8;color:#1a1a1a}.validation-result-card.black .feedback-box h3,.validation-result-card.black .result-metrics span{color:#6f6f6f}.validation-result-card.black .answer-insights details>p,.validation-result-card.black .answer-insights summary,.validation-result-card.black .recommendation p,.validation-result-card.black .recommendation strong,.validation-result-card.black .result-metrics strong{color:#1a1a1a}.validation-result-card.black .recommendation p{font-weight:700}.result-category-note{display:grid;grid-gap:4px;gap:4px;border-radius:12px;padding:12px 14px;background:rgba(255,255,255,.72)}.validation-result-card.black .result-category-note{background:rgba(255,255,255,.14)}.result-category-note span{color:#777;font-size:12px;font-weight:800;text-transform:uppercase}.result-category-note strong{color:var(--tosm-orange);font-size:24px;line-height:1.2}.validation-result-score{display:grid;justify-items:center;grid-gap:4px;gap:4px;border-radius:10px;padding:17px 12px 12px;background:var(--tosm-blue);color:#fff}.validation-result-score.black{background:#000}.validation-result-score.red{background:#f01818}.validation-result-score.yellow{background:#ffff00;color:#222}.validation-result-score.green{background:#00ed14;color:#111}.validation-result-score.blue{background:#4f88e8}.validation-result-score.purple{background:#3d2379}.validation-result-score strong{font-size:42px;line-height:.95}.validation-result-score span{font-size:9px;font-weight:800;text-transform:uppercase}.validation-result-score em{border-radius:7px;padding:7px 9px;background:rgba(255,255,255,.92);color:#ff7415;font-size:9px;font-style:normal;font-weight:900;line-height:1.25;text-align:center}.result-metrics{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:6px;gap:6px}.result-metrics article{display:grid;grid-gap:4px;gap:4px;border-radius:8px;padding:9px 10px;background:#faf8f4;text-align:left}.result-metrics span{color:var(--tosm-muted);font-size:8px;font-weight:800;text-transform:uppercase}.result-metrics strong{font-size:16px}.validation-badge{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:3px 7px;gap:3px 7px;border:1px solid #ffd48f;border-radius:8px;padding:8px 10px;background:#fff5d9;color:#6f4a00}.validation-badge span{grid-row:span 2}.validation-badge strong{font-size:9px;line-height:1.2}.validation-badge small{color:#996900;font-size:8px;font-weight:700}.recommendation{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:8px;gap:8px;border:1px solid #ffbf8e;border-radius:8px;padding:9px;background:#fffdf8}.recommendation span{color:#ff7415}.recommendation strong{color:#222;font-size:9px}.answer-insights{display:grid;grid-gap:7px;gap:7px}.answer-insights details{border:1px solid #eee5dc;border-radius:8px;background:#fffdf8}.answer-insights summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;color:#1a1a1a;cursor:pointer;font-size:10px;font-weight:900;list-style:none}.answer-insights summary::-webkit-details-marker{display:none}.answer-insights summary:after{content:"+";color:#ff7415;font-size:14px;line-height:1}.answer-insights details[open] summary:after{content:"-"}.answer-insights summary strong{margin-left:auto;border-radius:999px;padding:3px 7px;background:#fff0e8;color:#ff7415}.answer-insights details>p{border-top:1px solid #f1e7de;padding:9px 10px 10px;color:#333;font-size:9px;line-height:1.4}.feedback-box{display:grid;grid-gap:8px;gap:8px;border-top:1px solid #eee5dc;padding-top:9px}.feedback-box h3{color:#777;font-size:8px;text-transform:uppercase}.confusion-reasons,.feedback-actions{display:flex;flex-wrap:wrap;gap:8px}.confusion-reasons button,.feedback-actions button{display:grid;justify-items:center;grid-gap:4px;gap:4px;min-width:76px;border:1px solid #eee5dc;border-radius:8px;padding:8px 6px;background:#fffdf8;color:#333;font-size:8px;cursor:pointer;font-weight:800}.feedback-actions button.selected{color:#fff;background:var(--tosm-orange)}.result-actions{display:grid;grid-gap:8px;gap:8px}.result-actions .button{min-height:34px;justify-content:center;border-radius:7px;font-size:11px}.score-card{background:var(--tosm-blue);color:#fff;text-align:center;padding:22px 14px}.score-card .score{font-size:60px;font-weight:800}.legend{display:grid;grid-template-columns:repeat(8,1fr);overflow:hidden;border:2px solid var(--tosm-border);border-radius:8px;background:#fff}.legend div{min-height:52px;display:grid;place-items:center;padding:4px;text-align:center;font-size:11px}.black{background:#000;color:#fff}.red{background:#f01818;color:#fff}.yellow{background:#ffff00}.green{background:#00ed14}.blue{background:#4f88e8;color:#fff}.purple{background:#3d2379;color:#fff}.white{background:#fff}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}td,th{border-bottom:1px solid #eee;padding:10px;text-align:left;white-space:nowrap}@media (max-width:620px){.teacher-section,.validation-hero{grid-template-columns:1fr;min-height:0}.validation-copy h1{font-size:42px}.advanced-section p,.start-modal p,.teacher-section p,.validation-copy p{font-size:16px}.benefit-grid{grid-template-columns:1fr}.phone-mockup{width:min(280px,100%)}.result-metrics{grid-template-columns:repeat(2,1fr)}.validation-result-score strong{font-size:58px}.modal-actions,.validation-actions{align-items:stretch;flex-direction:column}.modal-actions .button,.validation-actions .button{width:100%;text-align:center}.dashboard-page .shell{display:block}.dashboard-page .topbar{position:static;display:flex;min-height:0;margin-bottom:18px;border-right:0;padding:0;background:transparent}.dashboard-page .nav{display:flex;flex-wrap:wrap}.dashboard-page .nav a,.dashboard-page .nav button{width:auto;background:#fff;box-shadow:0 2px 0 rgba(0,0,0,.18)}.dashboard-score-card{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.legend{grid-template-columns:repeat(4,1fr)}.question-board{grid-template-columns:1fr 96px}.numbers{font-size:60px}}.streak-bar{display:flex;align-items:center;gap:14px;margin-top:14px;border-radius:10px;padding:14px 16px;background:#fff7e6;border:2px solid var(--tosm-border)}.streak-flame{font-size:32px;line-height:1;flex-shrink:0}.streak-count{display:block;font-size:18px;font-weight:800;color:var(--tosm-text)}.streak-note{margin:2px 0 0;font-size:13px;color:var(--tosm-muted);line-height:1.4}.history-charts{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:20px}.history-chart-card{border-radius:10px;padding:14px 16px;background:#fff7e6;border:2px solid var(--tosm-border)}.history-chart-label{margin:0 0 6px;font-size:12px;font-weight:800;text-transform:uppercase;color:var(--tosm-muted);letter-spacing:.05em}.history-chart-svg{display:block;width:100%;height:60px}.history-chart-range{margin:6px 0 0;font-size:12px;color:var(--tosm-muted)}@media (max-width:480px){.history-charts{grid-template-columns:1fr}}.rekreasi-shell{width:min(400px,100%);margin:0 auto;display:grid;grid-gap:16px;gap:16px}.rekreasi-brand{border:3px solid #fff;border-radius:12px;padding:20px;background:var(--tosm-orange);color:#fff;text-align:center}.rekreasi-title{margin:0 0 2px;font-size:36px;font-weight:900;letter-spacing:-1px}.rekreasi-subtitle{margin:0 0 8px;font-size:13px;opacity:.85}.rekreasi-tagline{display:inline-block;border-radius:999px;padding:4px 12px;background:rgba(255,255,255,.2);font-size:12px;font-weight:700}.rekreasi-body{border:3px solid #fff;border-radius:12px;padding:20px;background:var(--tosm-panel)}.rekreasi-coming{margin:0;color:var(--tosm-muted);text-align:center;font-size:14px}.rekreasi-section-label{margin:0 0 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--tosm-muted)}.level-list{gap:8px}.level-item,.level-list{display:flex;flex-direction:column}.level-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:2px solid var(--tosm-border);border-radius:10px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.level-row.active,.level-row:hover{border-color:var(--tosm-orange)}.level-row.active{background:#fff7ee;border-bottom-left-radius:0;border-bottom-right-radius:0}.level-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--tosm-orange);color:#fff;font-size:13px;font-weight:900;letter-spacing:-.5px}.level-name{flex:1 1;font-size:15px;font-weight:700;color:var(--tosm-dark)}.level-chevron{flex-shrink:0;font-size:10px;color:var(--tosm-muted)}.operation-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;border:2px solid var(--tosm-orange);border-top:none;border-radius:0 0 10px 10px;overflow:hidden;background:var(--tosm-border)}.operation-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff7ee;gap:8px;transition:background .12s}.operation-row:not(.locked):hover{background:#ffedd5;cursor:pointer}.operation-name{font-size:14px;font-weight:700;color:var(--tosm-dark)}.operation-status{flex-shrink:0;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px}.operation-status.open{background:#dcfce7;color:#16a34a}.operation-status.locked{background:#f1f5f9;color:var(--tosm-muted)}.operation-row.locked{cursor:default;opacity:.75}.operation-row.locked:hover{background:#fff7ee}.operation-locked-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.operation-lock-reason{font-size:10px;color:var(--tosm-muted);text-align:right;line-height:1.2}.operation-row.selected{background:#fff3e0}.operation-status.open.chosen{background:#ff8400;color:#fff}.mode-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:12px}.mode-card{padding:14px 8px;border:2px solid var(--tosm-border);border-radius:10px;background:#fff;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.mode-card.selected,.mode-card:hover:not(.unavailable){border-color:var(--tosm-orange)}.mode-card.selected{background:#fff7ee}.mode-card.unavailable{opacity:.45;cursor:default}.mode-label{display:block;font-size:13px;font-weight:700;color:var(--tosm-dark)}.mode-desc{display:block;font-size:11px;font-weight:400;color:#777;line-height:1.4;margin-top:4px}.mode-grey-msg{margin:0 0 12px;font-size:12px;color:var(--tosm-muted);text-align:center}.rekreasi-mulai{display:block;width:100%;padding:14px;border:none;border-radius:10px;font-size:16px;font-weight:800;cursor:not-allowed;background:#e2e8f0;color:#94a3b8;margin-top:4px;transition:background .15s,color .15s}.rekreasi-mulai.active{background:var(--tosm-orange);color:#fff;cursor:pointer}.rekreasi-mulai.active:hover{background:#e67600}.guest-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:16px}@media (min-width:480px){.guest-popup-overlay{align-items:center}}.guest-popup{width:min(400px,100%);background:#fff;border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;gap:12px}.guest-popup-title{margin:0;font-size:18px;font-weight:900;color:var(--tosm-dark)}.guest-popup-desc{margin:0;font-size:14px;color:var(--tosm-muted);line-height:1.5}.page-home{background:linear-gradient(160deg,#0f172a,#1e3a5f 55%,#7c2d12);min-height:100vh}.subscribe-hero{display:flex;flex-direction:column;gap:24px;padding:20px 0 32px}@media (min-width:680px){.subscribe-hero{flex-direction:row;align-items:flex-start;gap:40px;padding:32px 0 40px}.subscribe-brand{flex:1 1}.subscribe-card{flex:0 0 360px}}.subscribe-logos{display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.subscribe-logo{display:block;max-width:100%;height:auto}.subscribe-logo-tosm{height:36px;width:auto;filter:brightness(0) invert(1);opacity:.95}.subscribe-logo-kgh{height:40px;width:auto;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.4)}.subscribe-title{margin:0 0 6px;font-size:clamp(32px,6vw,52px);font-weight:900;color:#fff;line-height:1.1;letter-spacing:-1px}.subscribe-tagline{margin:0 0 16px;font-size:clamp(14px,2vw,17px);color:rgba(255,255,255,.7);font-style:italic}.subscribe-desc{margin:0 0 16px;font-size:clamp(15px,2vw,17px);color:rgba(255,255,255,.88);line-height:1.65;max-width:520px}.subscribe-wa{margin:0;font-size:15px;color:rgba(255,255,255,.75)}.subscribe-wa a{color:#fb923c;font-weight:700;text-decoration:none}.subscribe-wa a:hover{text-decoration:underline}.subscribe-card{background:#fff;border-radius:18px;padding:28px 24px;box-shadow:0 8px 40px rgba(0,0,0,.35)}.subscribe-form{display:flex;flex-direction:column;gap:14px}.subscribe-form-title{margin:0 0 6px;font-size:20px;font-weight:900;color:#111;letter-spacing:-.3px}.subscribe-success{display:flex;flex-direction:column;gap:10px}.subscribe-success-title{margin:0;font-size:20px;font-weight:900;color:#111}.subscribe-error{margin:0;font-size:13px;color:#d00}.subscribe-already{margin:10px 0 0;font-size:13px;color:#888;text-align:center}.subscribe-already a{color:#f97316;font-weight:700;text-decoration:none}.subscribe-already a:hover{text-decoration:underline}.admin-login-hint{text-align:center;font-size:13px;margin-top:12px}.admin-login-hint,.admin-login-hint a{color:rgba(255,255,255,.5)}.admin-login-hint a:hover{color:rgba(255,255,255,.8)}.subscribe-footer{flex-direction:column;padding:28px 16px 20px;margin-top:12px;border-top:1px solid rgba(255,255,255,.1)}.subscribe-footer,.subscribe-footer-supported{display:flex;align-items:center;gap:10px}.subscribe-footer-supported span{font-size:12px;font-weight:600;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.08em}.subscribe-logo-kgh-footer{height:32px;width:auto;border-radius:6px;opacity:.85}.subscribe-footer-credit{margin:0;font-size:11px;color:rgba(255,255,255,.35);letter-spacing:.06em;text-transform:uppercase}@keyframes ta-scale-fade{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes ta-dot-pop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.tosm-app{--ta-orange:#f97316;--ta-orange-dark:#ea580c;--ta-blue-dark:#1e3a5f;--ta-navy:#0f172a;--ta-blue-mid:#1e40af;--ta-cream:#fffdf9;--ta-cream-2:#fff7ed;--ta-cream-3:#f8f4ef;--ta-green:#22c55e;--ta-red:#ef4444;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:var(--ta-cream-3);padding:0}.tosm-app--with-header{flex-direction:column;align-items:stretch}.ta-app-header-wrap{width:100%;flex-shrink:0}.tosm-app--with-header .ta-frame{align-self:center;margin:0 auto}@media (min-width:500px){.tosm-app--with-header{align-items:stretch}}.ta-frame{position:relative;width:100%;max-width:390px;min-height:100vh;overflow:hidden;display:flex;flex-direction:column}@media (min-width:500px){.tosm-app{padding:32px 0;align-items:flex-start}.ta-frame{min-height:0;border-radius:40px;border:8px solid #0f172a;box-shadow:0 28px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.04)}}.ta-engine{flex:1 1;display:flex;flex-direction:column;background:#0a0f1e}.ta-topbar-brand-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px}.ta-brand-logo{height:22px;width:auto;opacity:.95}.ta-level-chip{font-size:10px;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.06em}.ta-topbar{background:linear-gradient(135deg,#0f172a,#1e3a5f);padding:12px 16px 10px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.ta-progress{height:2px;background:rgba(255,255,255,.12);border-radius:1px;overflow:hidden}.ta-progress-fill{height:100%;background:linear-gradient(90deg,#1e40af,#f97316);border-radius:1px;transition:width .4s linear}.ta-topbar-inner{display:flex;align-items:center;gap:10px}.ta-level-label{flex:1 1;font-size:11px;font-weight:700;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.06em}.ta-streak-dots{display:flex;align-items:center;gap:5px}.ta-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.18);transition:background .2s,box-shadow .2s;display:block}.ta-dot.active{background:var(--ta-orange);box-shadow:0 0 8px rgba(249,115,22,.75);animation:ta-dot-pop .25s ease}.ta-timer-wrap{position:relative;width:36px;height:36px;flex-shrink:0}.ta-timer-svg{display:block}.ta-timer-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;line-height:1}.ta-timer-text.danger{color:var(--ta-red)}.ta-elapsed{font-size:13px;font-weight:800;color:rgba(255,255,255,.8);letter-spacing:.03em;flex-shrink:0}.ta-body{flex:1 1;display:flex;flex-direction:column;gap:14px;padding:18px 16px 28px;overflow-y:auto}.ta-question-card{background:#111827;border:2px solid #1e293b;border-radius:16px;padding:18px 20px;display:flex;justify-content:center;align-items:center;gap:28px;transition:border-color .12s,background .12s;min-height:120px}.ta-question-card.feedback-correct{border-color:var(--ta-green);background:rgba(34,197,94,.08)}.ta-question-card.feedback-wrong{border-color:var(--ta-red);background:rgba(239,68,68,.08)}.ta-numbers{display:flex;flex-direction:column;gap:0;min-width:64px}.ta-numbers span{color:#fff;font-size:50px;font-weight:800;line-height:1.1;letter-spacing:-1.5px}.ta-op-sign{color:rgba(255,255,255,.45);font-size:28px;font-weight:700;letter-spacing:0;line-height:1}.ta-answer-box{flex-shrink:0;width:96px;height:96px;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.13);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:border-color .12s,background .12s}.ta-question-card.feedback-correct .ta-answer-box{border-color:var(--ta-green);background:rgba(34,197,94,.15)}.ta-question-card.feedback-wrong .ta-answer-box{border-color:var(--ta-red);background:rgba(239,68,68,.15)}.ta-answer-val{font-size:36px;font-weight:800;color:#fff;line-height:1}.ta-answer-val.small{font-size:24px}.ta-answer-val.tiny{font-size:18px}.ta-answer-hint{font-size:9px;font-weight:700;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.07em}.ta-keypad{display:flex;flex-direction:column;gap:8px}.ta-keypad-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.ta-key{height:56px;min-height:48px;background:#1e293b;border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#fff;font-size:22px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .08s,border-color .08s,transform .05s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ta-key:active{background:linear-gradient(135deg,#1e40af,#f97316);border-color:#f97316;transform:scale(.95)}.ta-key-hidden{visibility:hidden;pointer-events:none;height:56px;min-height:48px}.ta-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.ta-choice-btn{min-height:60px;padding:12px 8px;background:#1e293b;border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:background .08s,border-color .08s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ta-choice-btn span{font-size:9px;font-weight:700;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.05em}.ta-choice-btn:active{background:linear-gradient(135deg,#1e40af,#f97316);border-color:#f97316}.ta-timeout-warning{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.5);border-radius:10px;padding:10px 12px;color:#fca5a5;font-size:12px;line-height:1.5;text-align:center}.ta-tutorial{flex:1 1;display:flex;flex-direction:column;background:#faf6f2}.ta-tutorial-topbar{background:linear-gradient(135deg,#1e3a5f,#1e40af);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ta-tutorial-topbar span{font-size:11px;font-weight:700;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.06em}.ta-tutorial-body{flex:1 1;display:flex;flex-direction:column;gap:20px;padding:24px 18px 28px}.ta-progress-dots{display:flex;align-items:center;gap:6px}.ta-progress-dot{width:8px;height:8px;border-radius:50%;background:#ddd}.ta-progress-dot.active{background:var(--ta-orange);width:20px;border-radius:4px}.ta-tutorial-heading{margin:0;font-size:32px;font-weight:900;color:#1a1a1a;line-height:1.15;letter-spacing:-.5px}.ta-rules{display:flex;flex-direction:column;gap:10px}.ta-rule-card{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#fff;border:1px solid #ece6df;border-radius:12px}.ta-rule-icon-box{flex-shrink:0;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#1e40af,#1e3a5f);color:#fff;display:flex;align-items:center;justify-content:center}.ta-rule-text{margin:0;font-size:13px;font-weight:700;color:#2a2a2a;line-height:1.5;padding-top:5px}.ta-countdown{flex:1 1;align-items:center;justify-content:center;gap:28px;background:linear-gradient(160deg,#0f172a,#1e3a5f,#7c2d12);padding:32px 20px}.ta-countdown,.ta-countdown-info{display:flex;flex-direction:column}.ta-countdown-info{text-align:center;gap:4px}.ta-countdown-info span{font-size:12px;font-weight:700;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.07em}.ta-countdown-info strong{font-size:14px;font-weight:800;color:rgba(255,255,255,.9)}.ta-countdown-ring-wrap{position:relative;width:140px;height:140px}.ta-countdown-ring-svg{display:block}.ta-countdown-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}@keyframes ta-count-pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.ta-countdown-num{font-size:52px;font-weight:900;color:#fff;line-height:1;letter-spacing:-2px;animation:ta-count-pop .2s ease forwards}.ta-countdown-motivational{font-size:12px;font-weight:700;color:rgba(255,255,255,.7);letter-spacing:.04em;text-align:center;min-height:18px}.ta-question-counter{text-align:center;color:rgba(255,255,255,.3);font-size:11px;font-weight:600;margin:0;letter-spacing:.04em}.ta-rekreasi{flex:1 1;display:flex;flex-direction:column;min-height:0;background:#faf6f2}.ta-rekreasi-hero{position:relative;background:linear-gradient(160deg,#1e3a5f,#0f172a,#7c2d12);padding:28px 20px 24px;overflow:hidden}.ta-rekreasi-glow{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:260px;height:200px;background:radial-gradient(ellipse at center top,rgba(249,115,22,.35) 0,transparent 70%);pointer-events:none}.ta-rh-logo{display:block;height:44px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}.ta-rekreasi-body{flex:1 1;overflow-y:auto;padding:16px 14px 8px;gap:14px}.ta-rekreasi-body,.ta-section{display:flex;flex-direction:column}.ta-section{gap:8px}.ta-section-label{margin:0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#888}.ta-level-list{gap:6px}.ta-level-item,.ta-level-list{display:flex;flex-direction:column}.ta-level-card{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:#ffe4cc;border:2px solid transparent;border-radius:12px;cursor:pointer;text-align:left;transition:border-color .15s}.ta-level-card.active{border-color:var(--ta-orange);border-bottom-left-radius:0;border-bottom-right-radius:0}.ta-level-badge-box{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(135deg,#1e3a5f,#f97316);color:#fff;font-size:13px;font-weight:900;letter-spacing:-.5px}.ta-level-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.ta-level-info strong{font-size:14px;font-weight:800;color:#1a1a1a;line-height:1.2}.ta-level-info span{font-size:11px;color:#666}.ta-badge-open{background:#dcfce7;color:#15803d}.ta-badge-locked,.ta-badge-open{flex-shrink:0;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:800}.ta-badge-locked{background:#f1f5f9;color:#94a3b8}.ta-chevron-icon{flex-shrink:0;font-size:10px;color:#aaa}.ta-ops-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;border:2px solid var(--ta-orange);border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:hidden;background:#ffd9b5}.ta-op-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:11px 12px;background:#fff7ee;cursor:pointer;transition:background .12s}.ta-op-row:not(.locked):hover{background:#ffedd5}.ta-op-row.locked{cursor:default;opacity:.6}.ta-op-row.selected{background:#fff0e0}.ta-op-name{font-size:13px;font-weight:700;color:#1a1a1a}.ta-op-status{flex-shrink:0;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;background:#dcfce7;color:#15803d}.ta-op-status.chosen{background:var(--ta-orange);color:#fff}.ta-op-status.locked{background:#f1f5f9;color:#94a3b8}.ta-op-locked-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.ta-op-reason{font-size:9px;color:#aaa;text-align:right;line-height:1.2}.ta-mode-list{display:flex;flex-direction:column;gap:6px}.ta-mode-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:#fff;border:2px solid #eee;border-radius:12px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.ta-mode-row:hover:not(.unavailable){border-color:#f97316;background:#fffaf6}.ta-mode-row.selected{border-color:var(--ta-orange);background:#fff7ee}.ta-mode-row.unavailable{opacity:.45;cursor:default}.ta-mode-icon-box{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#1e40af,#1e3a5f);color:#fff;display:flex;align-items:center;justify-content:center}.ta-mode-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.ta-mode-info strong{font-size:14px;font-weight:800;color:#1a1a1a;line-height:1.2}.ta-mode-info span{font-size:11px;color:#666}.ta-grey-msg{margin:0;font-size:12px;color:#888;text-align:center}.ta-gate{background:#fff;border-radius:14px;padding:20px 16px;border:1px solid #f0ebe4}.ta-mulai-btn{display:block;width:100%;padding:15px;border:none;border-radius:12px;background:linear-gradient(135deg,#1e3a5f,#f97316);color:#fff;font-size:16px;font-weight:800;cursor:pointer;letter-spacing:.02em;transition:opacity .15s,transform .1s;margin-top:4px;-webkit-tap-highlight-color:transparent}.ta-mulai-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.ta-mulai-btn:disabled{opacity:.5;cursor:not-allowed}.ta-footer-nav{flex-shrink:0;display:flex;align-items:stretch;border-top:1px solid #e8e0d8;background:#fff}.ta-footer-tab{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 4px 12px;background:transparent;border:none;cursor:default;color:#bbb;font-size:10px;font-weight:700;text-decoration:none}.ta-footer-tab:not([disabled]){cursor:pointer;color:#555}.ta-footer-tab:not([disabled]):hover{color:#f97316}.ta-footer-tab span{line-height:1}.ta-footer-tab.active{color:#f97316}.ta-catatan,.ta-profil-view{display:flex;flex-direction:column;flex:1 1;min-height:0}.ta-catatan-topbar{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;border-bottom:1px solid #ede8e1}.ta-catatan-back{background:none;border:none;font-size:13px;font-weight:700;color:#f97316;cursor:pointer;padding:0;flex-shrink:0}.ta-catatan-title{font-size:14px;font-weight:800;color:#1a1a1a;letter-spacing:-.2px}.ta-catatan-filters{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #ede8e1;flex-wrap:nowrap;overflow-x:auto}.ta-catatan-chip{flex-shrink:0;padding:5px 16px;border-radius:20px;border:1.5px solid #d8d0c8;background:#fff;font-size:13px;font-weight:700;color:#555;cursor:pointer;transition:background .12s,color .12s}.ta-catatan-chip.active{background:#1e3a5f;border-color:#1e3a5f;color:#fff}.ta-catatan-list{flex:1 1;overflow-y:auto;padding:8px 16px 16px;display:flex;flex-direction:column;gap:8px}.ta-catatan-empty{padding:32px 16px;text-align:center;color:#999;font-size:13px}.ta-catatan-load-more{display:block;width:100%;margin-top:12px;padding:10px 16px;background:transparent;border:1.5px solid rgba(249,115,22,.5);border-radius:10px;color:#f97316;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.ta-catatan-load-more:hover{background:rgba(249,115,22,.08);border-color:#f97316}.ta-catatan-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #ede8e1;border-left:4px solid #1e3a5f;border-radius:10px;padding:10px 14px 10px 10px}.ta-catatan-item-op{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:#1e3a5f;color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center}.ta-catatan-item-body{display:flex;flex-direction:column;gap:2px;min-width:0}.ta-catatan-item-date{font-size:11px;color:#888;font-weight:600}.ta-catatan-item-score{font-size:13px;font-weight:700;color:#1a1a1a}.ta-profil-card{margin:12px 16px 0;background:#fff;border:1px solid #ede8e1;border-radius:12px;overflow:hidden}.ta-profil-email{padding:12px 16px;font-size:13px;font-weight:700;color:#f97316;background:#faf6f2;border-bottom:1px solid #ede8e1}.ta-profil-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #f3ede6;gap:8px}.ta-profil-row:last-child{border-bottom:none}.ta-profil-row span{font-size:12px;color:#888;flex-shrink:0}.ta-profil-row strong{font-size:13px;color:#1a1a1a;text-align:right}.ta-profil-view .ta-mulai-btn{margin:16px}.ta-result{flex:1 1;display:flex;flex-direction:column;gap:12px;background:#faf6f2;overflow-y:auto;padding-bottom:24px}.ta-result-header{background:linear-gradient(135deg,#0f172a,#1e3a5f);padding:16px 18px 14px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ta-result-header span{font-size:11px;font-weight:700;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.06em}.ta-result-header strong{font-size:12px;font-weight:800;color:#fff}.ta-opm-card{position:relative;margin:4px 14px 0;background:linear-gradient(135deg,#1e3a5f,#7c2d12);border-radius:16px;padding:22px 20px 20px;overflow:hidden;text-align:center}.ta-opm-glow{position:absolute;top:-30px;right:-30px;width:160px;height:160px;background:radial-gradient(circle,rgba(249,115,22,.42) 0,transparent 70%);pointer-events:none}.ta-opm-label{margin:0 0 4px;font-size:10px;font-weight:800;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.1em}.ta-opm-value{display:block;font-size:64px;font-weight:900;color:#fff;line-height:1;letter-spacing:-2px;margin-bottom:4px}.ta-opm-unit{margin:0 0 12px;font-size:12px;color:rgba(255,255,255,.6);font-weight:600}.ta-opm-zone{display:inline-block;padding:5px 14px;border-radius:999px;background:rgba(255,255,255,.14);font-size:12px;font-weight:800;color:#fff;margin:0}.ta-stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:0 14px}.ta-stat-item{background:#fff;border:1px solid #ece6df;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}.ta-stat-label{font-size:9px;font-weight:800;color:#aaa;text-transform:uppercase;letter-spacing:.07em}.ta-stat-val{font-size:22px;font-weight:900;color:#1a1a1a;line-height:1.1}.ta-insight-box{margin:0 14px;display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1.5px solid var(--ta-orange);border-radius:12px;background:#fffaf5}.ta-insight-icon{color:var(--ta-orange);flex-shrink:0;margin-top:1px}.ta-insight-box p{margin:0;font-size:13px;color:#444;line-height:1.55}.ta-feedback-section{padding:0 14px}.ta-feedback-label{margin:0 0 8px;font-size:10px;font-weight:800;color:#999;text-transform:uppercase;letter-spacing:.07em}.ta-emoji-grid{display:flex;gap:8px}.ta-emoji-btn{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;background:#fff;border:2px solid #ece6df;border-radius:12px;cursor:pointer;font-size:11px;font-weight:700;color:#666;transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent}.ta-emoji-btn span{font-size:22px;line-height:1}.ta-emoji-btn.selected{border-color:var(--ta-orange);background:#fff7ee;color:var(--ta-orange-dark)}.ta-result-actions{padding:0 14px;display:flex;flex-direction:column;gap:8px}.ta-btn-secondary{display:block;width:100%;padding:13px;border:2px solid #cdc5bb;border-radius:12px;background:transparent;color:#555;font-size:14px;font-weight:700;text-align:center;cursor:pointer;transition:border-color .15s;line-height:1.2}.ta-btn-secondary:hover{border-color:#a89d93}.ta-answer-details{margin:0 14px;display:flex;flex-direction:column;gap:6px}.ta-answer-details details{border:1px solid #ede7e0;border-radius:10px;background:#fff}.ta-answer-details summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;color:#333;cursor:pointer;font-size:12px;font-weight:800;list-style:none}.ta-answer-details summary::-webkit-details-marker{display:none}.ta-answer-details summary:after{content:"+";color:var(--ta-orange);font-size:16px;line-height:1}.ta-answer-details details[open] summary:after{content:"−"}.ta-answer-details summary strong{margin-left:auto;padding:2px 8px;border-radius:999px;background:#fff0e8;color:var(--ta-orange);font-size:11px}.ta-answer-details details>p{border-top:1px solid #f0ebe4;padding:8px 12px 10px;margin:0;color:#555;font-size:12px;line-height:1.5}.ta-auth-wrap{display:flex;justify-content:center;align-items:flex-start;padding:32px 16px 48px}.ta-auth-card{width:100%;max-width:360px;background:#fff;border-radius:18px;padding:28px 24px;box-shadow:0 8px 40px rgba(0,0,0,.35)}.ta-auth-title{margin:0 0 20px;font-size:24px;font-weight:900;color:#1a1a1a;letter-spacing:-.3px}.ta-auth-form{gap:14px}.ta-auth-field,.ta-auth-form{display:flex;flex-direction:column}.ta-auth-field{gap:6px}.ta-auth-field span{font-size:13px;font-weight:700;color:#444}.ta-auth-field input{padding:11px 14px;border:1.5px solid #e2d9cf;border-radius:10px;font-size:15px;background:#fff;color:#1a1a1a;outline:none;transition:border-color .15s}.ta-auth-field input:focus{border-color:#f97316}.ta-auth-quote{margin:0;font-size:12px;color:#888;line-height:1.5;text-align:center}.ta-auth-quote strong{color:#555}.ta-auth-error{color:#ef4444;background:rgba(239,68,68,.08)}.ta-auth-error,.ta-auth-success{margin:0 0 12px;font-size:13px;border-radius:8px;padding:8px 12px}.ta-auth-success{color:#16a34a;background:rgba(22,163,74,.08)}.ta-auth-switch{margin-top:16px;background:none;border:none;color:#f97316;font-size:13px;font-weight:600;cursor:pointer;padding:0;text-align:center}.ta-auth-switch:hover{text-decoration:underline}