.theory{--cta:#2563eb;--cta-d:#1d4fc4;--mark:#2563eb;--ink:#333;--ink2:#666;--ink3:#8a8a8a;--line1:#e0e0e0;--page:#f2f3f6;--g100:#f5f5f5;--g200:#e0e0e0;--ok1:#2e7d32;--ok2:#4caf50;--bad1:#c62828;--bad2:#f44336;--prog:#10b981;--ring:#3b82f6;--g-teori:linear-gradient(145deg,#3b82f6,#1d4ed8);--g-frag:linear-gradient(145deg,#06b6d4,#0891b2);--g-risk:linear-gradient(115deg,#10b981,#047857);--g-streak:linear-gradient(135deg,#ffc96d,#fda43d);--g-lock:linear-gradient(180deg,#c0c6d1,#a8afba);--shadow:0 2px 10px #1018280f;background:var(--page);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
.theory{font-size:16px;line-height:1.5}.theory :where(h1,h2,h3,p){margin:0}.th-pg{max-width:1120px;margin:0 auto;padding:12px 16px 28px}@media (min-width:768px){.th-pg{padding:28px 28px 56px}}.th-title{text-align:center;color:var(--ink);background:#f5f5f5;padding:18px 16px 8px;font-size:28px;font-weight:700}.th-hem-top{justify-content:space-between;align-items:center;padding:18px 20px 6px;display:flex}.th-mark{letter-spacing:1px;color:var(--mark);font-size:32px;font-weight:700}.th-streak{background:var(--g-streak);color:#fff;font-variant-numeric:tabular-nums;border-radius:20px;justify-content:center;align-items:center;gap:4px;min-width:60px;height:30px;padding:0 10px;font-size:14px;font-weight:700;display:inline-flex}.th-streak svg{fill:#fff;width:14px;height:14px}.th-h{color:var(--ink);margin:26px 0 12px;font-size:20px;font-weight:700}.th-h.row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.th-lnk{color:var(--cta);font-size:15px;font-weight:600}.th-lnk:hover{text-decoration:underline}.th-card{box-shadow:var(--shadow);background:#fff;border-radius:24px}.th-btn{text-align:center;overflow-wrap:anywhere;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 15px;font-size:14.5px;font-weight:600;line-height:1.25;transition:transform .12s,background-color .12s;display:inline-flex}.th-btn.p{background:var(--cta);color:#fff;box-shadow:0 3px 10px #2563eb40}.th-btn.p:hover{background:var(--cta-d)}.th-btn.s{color:var(--ink);border:1.5px solid var(--line1);background:#fff}.th-btn.s:hover{background:#f8fafc}.th-btn:active{transform:scale(.98)}.th-hem-grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px;display:grid}@media (min-width:768px){.th-hem-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.th-prog{padding:18px 24px}.th-prog-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.th-prog-head h2{font-size:18px;font-weight:700}.th-prog-head p{color:var(--ink2);margin-top:2px;font-size:14px}.th-pct{color:#059669;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:30px}.th-track{height:34px;margin-top:8px;position:relative}.th-track .tr{background:var(--g200);border-radius:6px;height:12px;position:absolute;bottom:6px;left:0;right:0;overflow:hidden}.th-track .tr i{background:var(--prog);border-radius:6px;height:100%;transition:width .4s cubic-bezier(.23,1,.32,1);display:block}.th-track img{width:56px;height:auto;transition:left .4s cubic-bezier(.23,1,.32,1);position:absolute;bottom:4px;transform:translate(-14px)}.th-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;height:100%;display:grid}.th-tile{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:14px 8px;display:flex}.th-tile .ic{border-radius:8px;place-items:center;width:36px;height:36px;margin-bottom:6px;display:grid}.th-tile .ic svg{width:20px;height:20px}.th-tile b{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:22px;font-weight:700;line-height:1.15}.th-tile span{color:var(--ink2);font-size:13px;line-height:1.25}.th-ic-g{color:#00c853;fill:#00c853;background:#e8f5e9}.th-ic-o{color:#fb8c00;fill:#fb8c00;background:#fff3e0}.th-ic-p{color:#a0f;fill:#a0f;background:#f3e5f5}.th-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.th-cards.three{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.th-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}}.th-grad{color:#fff;min-height:148px;box-shadow:var(--shadow);border-radius:24px;flex-direction:column;min-width:0;padding:18px 16px 14px;transition:transform .14s;display:flex}@media (hover:hover){.th-grad:hover{transform:translateY(-1px)}}.th-grad:active{transform:scale(.985)}.th-g-t{background:var(--g-teori)}.th-g-f{background:var(--g-frag)}.th-g-r{background:var(--g-risk)}.th-grad .gi{background:#fff3;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.th-grad .gi svg{fill:#fff;width:22px;height:22px}.th-grad h3{overflow-wrap:anywhere;margin-top:10px;font-size:24px;font-weight:700;line-height:1.15}.th-grad .gs{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:4px;font-size:14px;display:flex}.th-grad .gs svg{stroke:#fff;flex:none;width:18px;height:18px}.th-grad.th-g-r h3{font-size:20px}@media (max-width:767.98px){.th-grad.th-g-r{grid-column:1/-1;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;column-gap:14px;min-height:0;padding:14px 16px;display:grid}.th-grad.th-g-r .gi{grid-area:1/1/3}.th-grad.th-g-r h3{grid-area:1/2;margin:0;font-size:17px}.th-grad.th-g-r .gs{display:contents}.th-grad.th-g-r .gs>span{grid-area:2/2;font-size:13.5px}.th-grad.th-g-r .gs>svg{grid-area:1/3/3}}.th-done{flex-direction:column;align-items:flex-start;gap:10px;padding:18px;font-size:15.5px;display:flex}.th-done .row{flex-wrap:wrap;gap:10px;display:flex}.th-progpill{z-index:5;border:1px solid var(--line1);background:#fff;border-radius:25px;align-items:center;gap:12px;margin:0 0 12px;padding:11px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #00000014}@media (min-width:768px){.th-progpill{margin-bottom:18px;top:64px}}.th-progpill .pb{background:var(--g200);border-radius:5px;flex:1;height:10px;overflow:hidden}.th-progpill .pb i{background:var(--prog);border-radius:5px;min-width:10px;height:100%;transition:width .4s cubic-bezier(.23,1,.32,1);display:block}.th-sec{margin-bottom:0}@media (min-width:768px){.th-sec{margin-bottom:24px}}.th-sec-h{margin-bottom:14px;display:none}.th-sec-h h2{font-size:17px;font-weight:700}@media (min-width:768px){.th-sec-h{align-items:baseline;gap:12px;display:flex}}.th-path{flex-direction:column;align-items:center;gap:0;display:flex}@media (min-width:768px){.th-path{grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;gap:20px 0;display:grid}}.th-pn{text-align:center;width:100%;min-width:0;color:var(--ink);outline:none;flex-direction:column;align-items:center;padding:0 16px 40px;display:flex;position:relative}.th-pn:after{content:"";background:#a8afba;border-radius:3px;width:3px;height:26px;margin-left:-1.5px;position:absolute;bottom:7px;left:50%}.th-pn.done:after{background:#3b82f6}.th-sec:last-child .th-pn:last-child:after{display:none}@media (min-width:768px){.th-pn{width:auto;padding:0 2px}.th-pn:after{width:calc(100% - 92px);height:3px;margin-left:0;top:39px;bottom:auto;left:calc(50% + 46px)}.th-pn:last-child:after,.th-pn:nth-child(7n):after{display:none}}.th-nd{font-variant-numeric:tabular-nums;border-radius:20px;flex:none;place-items:center;width:80px;height:80px;font-size:24px;font-weight:700;transition:transform .14s;display:grid;position:relative;box-shadow:0 2px 4px #0000001a}@media (hover:hover){.th-pn:hover .th-nd{transform:translateY(-2px)}}.th-pn:focus-visible .th-nd{outline:3px solid var(--ring);outline-offset:3px}.th-nd.q{border-radius:50%}.th-nd svg.qi{fill:currentColor;width:34px;height:34px}.th-pn.st-done .th-nd{background:var(--g-teori);color:#fff}.th-pn.st-cur .th-nd{border:3px solid var(--ring);color:var(--ring);background:#fff}.th-pn.st-up .th-nd{color:#4b5563;box-shadow:none;background:#fff;border:1.5px solid #cdd3dc}.th-pn .lb{color:var(--ink);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:240px;margin-top:8px;font-size:14.5px;line-height:1.25}@media (min-width:768px){.th-pn .lb{max-width:100%;font-size:13.5px}}.th-pn.quiz .lb{font-size:14px;font-weight:500}.th-bdg{color:#fff;background:#10b981;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:-8px;right:-8px}.th-bdg svg{width:12px;height:12px}.th-modes{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (min-width:768px){.th-modes{grid-template-columns:repeat(3,minmax(0,1fr))}}.th-mode{box-shadow:var(--shadow);min-width:0;color:var(--ink);background:#fff;border-radius:24px;align-items:center;gap:14px;padding:16px;transition:transform .14s;display:flex}@media (hover:hover){.th-mode:hover{transform:translateY(-1px)}}.th-mode:active{transform:scale(.985)}.th-mode .mi{border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.th-mode .mi svg{fill:#fff;width:24px;height:24px}.th-mode h3{font-size:17px;font-weight:700}.th-mode p{color:var(--ink2);font-size:14px}.th-mode>svg{color:#b6c0cc;flex:none;width:18px;height:18px;margin-left:auto}.th-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:768px){.th-cats{grid-template-columns:repeat(3,minmax(0,1fr))}}.th-cat{text-align:center;box-shadow:var(--shadow);min-width:0;color:var(--ink);background:#fff;border-radius:24px;flex-direction:column;align-items:center;padding:20px 10px 16px;transition:transform .14s;display:flex}@media (min-width:768px){.th-cat{padding:20px 12px 16px}}@media (hover:hover){.th-cat:hover{transform:translateY(-1px)}}.th-cat:active{transform:scale(.985)}.th-cat img{object-fit:contain;width:52px;height:52px;margin-bottom:8px}.th-cat h3{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:16px;font-weight:600;line-height:1.2}.th-cat p{color:var(--ink2);font-variant-numeric:tabular-nums;margin-top:4px;font-size:14px}.th-x{background:var(--page);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;height:56px;padding:0 8px;display:grid}.th-x .tt{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:24px;font-weight:700;overflow:hidden}.th-xbtn{color:#436ec4;place-items:center;width:44px;height:44px;display:grid}.th-xbtn svg{stroke:currentColor;width:22px;height:22px}.th-statgrid{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;margin-top:16px;display:grid}@media (min-width:768px){.th-statgrid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.th-dv{padding:18px 20px}.th-dv h2{font-size:18px;font-weight:700}.th-dv-m{color:var(--ink2);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:2px;font-size:14px;display:flex}.th-dv-m b{color:#16a34a;font-weight:600}.th-dv-m span:last-child{color:var(--ink3)}.th-chart{width:100%;height:auto;margin-top:12px;display:block;overflow:visible}.th-chart .pt{cursor:default;outline:none}.th-chart .pt:focus-visible circle:first-child{stroke:var(--ring);stroke-width:3px}.th-empty{color:var(--ink3);text-align:center;padding:34px 8px;font-size:15px;font-style:italic}.th-exlist{max-height:360px;overflow:auto}.th-exrow{box-shadow:var(--shadow);font-variant-numeric:tabular-nums;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:11px 14px;font-size:14.5px;display:flex}.th-exrow b{font-weight:600}.th-exrow small{color:var(--ink2);font-size:13px;display:block}.th-extag{white-space:nowrap;font-size:13px;font-weight:500}.th-extag.y{color:#15803d}.th-extag.n{color:var(--ink2)}.th-state{box-shadow:var(--shadow);background:#fff;border-radius:20px;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:18px;font-size:15.5px;display:flex}.th-skel{gap:10px;display:grid}.th-skel i{background:linear-gradient(90deg,#eef0f3,#f6f7f9,#eef0f3) 0 0/200% 100%;border-radius:8px;height:16px;animation:1.4s linear infinite th-sk;display:block}.th-skel i.lg{border-radius:20px;height:74px}.th-skel i.xl{border-radius:24px;height:148px}@keyframes th-sk{0%{background-position:200% 0}to{background-position:-200% 0}}.th-tabs{z-index:40;padding:8px 0 calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e6e6e6;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}@media (min-width:768px){.th-tabs{display:none}}.th-tabs a{color:#6e6e73;text-align:center;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:2px;min-height:48px;font-size:12px;font-weight:500;display:flex}.th-tabs svg{fill:currentColor;width:24px;height:24px}.th-tabs a.on{color:#436ec4}@media (min-width:768px){.theory .th-ph{display:none}}@media (max-width:767.98px){.theory .th-dk{display:none}}@media (prefers-reduced-motion:reduce){.theory *,.theory :after{transition:none!important;animation:none!important}}@media (max-width:767.98px){body:has(.th-tabs) [data-sonner-toaster]{--offset-bottom:84px!important;--mobile-offset-bottom:84px!important}}