.premium-subject-home{--surface:rgba(255,255,255,.94);--line:#e1c96d;--shadow:0 10px 24px #123f2e1c;box-sizing:border-box;min-height:100svh;padding:8px 14px calc(26px + env(safe-area-inset-bottom));overflow-x:clip;color:var(--quiz-text);background:linear-gradient(rgba(243,252,247,.91),rgba(255,252,240,.94)),var(--subject-background) center/cover fixed;font-family:var(--font-nunito),Nunito,system-ui,sans-serif}.premium-subject-home.variant-free{--surface:rgba(255,255,255,.88);--line:#d9e7df;--shadow:0 6px 16px #123f2e10}.premium-subject-home *{box-sizing:border-box}.premium-subject-home a{text-decoration:none}.premium-subject-home>footer,.premium-subject-home>header,.premium-subject-home>nav,.premium-subject-home>section{width:min(100%,760px);margin-inline:auto}.subject-access-header{min-height:58px;display:grid;grid-template-columns:44px 94px minmax(0,1fr) auto 44px;align-items:center;gap:7px}.subject-access-header>a:first-child,.subject-note-link{min-width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(var(--quiz-primary),var(--quiz-primary-dark));box-shadow:0 3px 0 color-mix(in srgb,var(--quiz-primary-dark) 82%,#000);font-weight:1000}.subject-access-header>a:first-child{font-size:27px}.subject-access-header img{display:block;width:92px;height:auto}.subject-access-header>strong{min-width:0;color:var(--quiz-primary-dark);font-size:13px}.subject-access-header>span{padding:6px 8px;border:1px solid #dfc464;border-radius:99px;color:#684a00;background:#fff0aa;font-size:8px;font-weight:1000;white-space:nowrap}.subject-note-link{font-size:9px}.subject-switcher{margin-top:6px!important;padding:4px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.subject-switcher a{min-height:36px;display:grid;place-items:center;border-radius:10px;color:#64756e;font-size:9px;font-weight:900}.subject-switcher a[aria-current=page]{color:#fff;background:var(--quiz-primary)}.subject-mode-toggle{margin-top:8px!important;padding:3px;display:grid;grid-template-columns:1fr 1fr;border-radius:14px;background:rgba(255,255,255,.86);box-shadow:0 5px 16px #123f2e12}.subject-mode-toggle button{min-height:40px;border:0;border-radius:11px;color:#61736b;background:transparent;font:inherit;font-size:10px;font-weight:900}.subject-mode-toggle button[aria-selected=true]{color:#fff;background:linear-gradient(var(--quiz-primary),var(--quiz-primary-dark))}.subject-hero{position:relative;min-height:178px;margin-top:9px!important;padding:20px 126px 19px 20px;overflow:hidden;border:1px solid var(--line);border-radius:25px;color:#fff;background:linear-gradient(135deg,var(--quiz-primary),var(--quiz-primary-dark));box-shadow:var(--shadow)}.subject-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.17),transparent 42%)}.subject-hero>div{position:relative;z-index:2}.subject-hero small{color:#ffe895;font-size:9px;font-weight:1000;letter-spacing:.1em}.subject-hero h1{margin:4px 0;font-size:30px}.subject-hero p{margin:0 0 12px;color:#effff7;font-size:11px;line-height:1.35}.subject-hero a{min-height:44px;width:max-content;padding:0 14px;display:grid;place-items:center;border-radius:12px;color:#573e00;background:linear-gradient(#ffeb91,#f1c346);box-shadow:0 4px 0 #9e7414;font-size:10px;font-weight:1000}.subject-hero>img{position:absolute;right:8px;bottom:-25px;width:122px;height:155px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 8px #002d2050)}.subject-performance{margin-top:-10px!important;position:relative;z-index:2;padding:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.subject-performance article{min-width:0;text-align:center}.subject-performance b{display:block;color:var(--quiz-primary-dark);font-size:15px;line-height:1.12}.subject-performance span{display:block;margin-top:2px;color:#65766e;font-size:7.5px}.subject-note-card,.subject-recommendation{margin-top:13px!important;padding:12px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:var(--shadow)}.subject-recommendation>img{width:52px;height:58px;object-fit:contain}.subject-note-card small,.subject-parent-summary small,.subject-recommendation small,.subject-set-list>header small{color:var(--quiz-primary);font-size:8px;font-weight:1000;letter-spacing:.08em}.subject-note-card h2,.subject-recommendation h2{margin:2px 0;font-size:15px}.subject-note-card p,.subject-recommendation p{margin:0;color:#66776f;font-size:9px}.subject-note-card>a,.subject-recommendation>a{min-height:44px;padding:0 11px;display:grid;place-items:center;border-radius:12px;color:#fff;background:var(--quiz-primary);font-size:9px;font-weight:900}.subject-parent-summary{margin-top:13px!important;padding:14px;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:var(--shadow)}.subject-parent-summary h2{margin:2px 0 9px;font-size:18px}.subject-parent-summary>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.subject-parent-summary article{padding:9px 6px;border-radius:12px;background:color-mix(in srgb,var(--quiz-primary-soft) 72%,white);text-align:center}.subject-parent-summary b,.subject-parent-summary span{display:block}.subject-parent-summary b{color:var(--quiz-primary-dark);font-size:12px}.subject-parent-summary span,.subject-parent-summary>p{color:#66776f;font-size:8px}.subject-note-card{grid-template-columns:minmax(0,1fr) auto}.subject-set-list{margin-top:17px!important}.subject-set-list>header{display:flex;align-items:end;justify-content:space-between}.subject-set-list h2{margin:2px 0 10px;font-size:20px}.subject-set-list>header>span{color:#64756e;font-size:9px}.subject-set-list>div{display:grid;gap:8px}.subject-set-list article{min-width:0;padding:10px;display:grid;grid-template-columns:42px minmax(0,1fr) 88px;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--quiz-primary) 18%,white);border-radius:17px;background:var(--surface);box-shadow:0 6px 16px #123f2e10}.set-number{width:42px;height:50px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(var(--quiz-primary),var(--quiz-primary-dark));line-height:1}.set-number small{font-size:7px}.set-number b{font-size:18px}.set-details{min-width:0}.set-details header{display:flex;align-items:center;gap:7px}.set-details header>b{font-size:13px}.set-details header>span{padding:3px 6px;border-radius:99px;color:var(--quiz-primary-dark);background:var(--quiz-primary-soft);font-size:7px;font-weight:900}.set-details em,.set-details p,.set-details small{display:block;margin:2px 0;color:#687970;font-size:8px;font-style:normal;line-height:1.25}.subject-set-list button{min-height:44px;border:0;border-radius:11px;color:#fff;background:var(--quiz-primary);font:inherit;font-size:9px;font-weight:900}.status-perlu-diulang-kaji{border-color:#e7ae8e!important}.status-perlu-diulang-kaji button{background:#b95324}.subject-result-layer{position:fixed;inset:0;z-index:80;width:100%!important;padding:14px;display:grid;place-items:center;background:#10251faa}.subject-result-layer>div{width:min(100%,380px);padding:21px;border-radius:22px;background:#fff;box-shadow:0 20px 50px #0004}.subject-result-layer h2{margin:5px 0}.subject-result-layer p{color:#5f7169}.subject-result-layer a,.subject-result-layer button{width:100%;min-height:46px;margin-top:7px;display:grid;place-items:center;border:0;border-radius:12px;font:inherit;font-weight:900}.subject-result-layer a{color:#fff;background:var(--quiz-primary)}.subject-result-layer button{color:var(--quiz-primary-dark);background:#edf4ef}.premium-subject-home>footer{margin-top:18px;padding-top:12px;display:flex;justify-content:space-between;border-top:1px solid #cfdfd5}.premium-subject-home>footer a{color:var(--quiz-primary-dark);font-size:9px;font-weight:900}.premium-subject-home>footer small{color:#78867f;font-size:8px}.premium-subject-home a:focus-visible,.premium-subject-home button:focus-visible{outline:3px solid #efbd3e;outline-offset:2px}@media(max-width:390px){.premium-subject-home{padding-inline:10px}.subject-access-header{grid-template-columns:44px 82px minmax(0,1fr) auto 44px;gap:4px}.subject-access-header img{width:80px}.subject-access-header>strong{font-size:10px}.subject-access-header>span{padding-inline:5px;font-size:7px}.subject-hero{padding-left:16px}.subject-performance b{font-size:12px}.subject-recommendation{grid-template-columns:44px minmax(0,1fr) 79px;padding-inline:9px;gap:7px}.subject-recommendation>img{width:42px}.subject-set-list article{grid-template-columns:38px minmax(0,1fr) 78px;gap:7px}.set-number{width:38px}.set-details header{display:block}.set-details header>span{display:inline-block;margin-top:2px}}@media(prefers-reduced-motion:reduce){.premium-subject-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}