.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.card,.card-featured,.card-flat,.card-outlined{display:block;background:var(--color-paper-elevated,#ffffff);border:1px solid var(--color-line,#e7e2d7);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm,0 4px 12px -8px rgba(20,15,10,.25))}.card-flat{box-shadow:none;background:var(--color-surface,#f1efe8)}.card-outlined{box-shadow:none;background:transparent}.card-featured{border-color:var(--color-accent-warm,#b5481f);box-shadow:var(--shadow,0 10px 26px -12px rgba(20,15,10,.3))}.card-interactive{cursor:pointer;transition:transform .15s var(--ease,cubic-bezier(.16,1,.3,1)),box-shadow .15s var(--ease,cubic-bezier(.16,1,.3,1)),border-color .15s var(--ease,cubic-bezier(.16,1,.3,1))}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow,0 12px 28px -12px rgba(20,15,10,.32));border-color:var(--color-accent-warm,#b5481f)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.card-title{font-family:var(--font-display,inherit);font-weight:700;font-size:1.0625rem;line-height:1.3;margin:0}.card-body,.card-title{color:var(--color-ink,#0e1116)}.card-body{font-size:.9375rem;line-height:1.55}.card-footer{margin-top:14px;padding-top:12px;border-top:1px solid var(--color-line,#e7e2d7);display:flex;gap:10px}.btn,.card-footer{align-items:center}.btn{display:inline-flex;justify-content:center;gap:8px;font-family:var(--font-display,inherit);font-weight:600;font-size:.9375rem;line-height:1;padding:11px 18px;border-radius:999px;border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .15s var(--ease,cubic-bezier(.16,1,.3,1)),background .15s var(--ease,cubic-bezier(.16,1,.3,1)),box-shadow .15s var(--ease,cubic-bezier(.16,1,.3,1)),border-color .15s var(--ease,cubic-bezier(.16,1,.3,1))}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-accent-warm,#b5481f);color:#ffffff;box-shadow:0 6px 16px -8px rgba(181,72,31,.6)}.btn-primary:hover{background:var(--color-accent-warm-soft,#c85a2c);box-shadow:0 8px 20px -8px rgba(181,72,31,.7)}.btn-secondary{background:var(--color-surface,#f1efe8);color:var(--color-ink,#0e1116);border-color:var(--color-line,#e7e2d7)}.btn-secondary:hover{background:var(--color-surface-2,#e9e6dd)}.btn-ghost{background:transparent;color:var(--color-ink,#0e1116)}.btn-ghost:hover{background:var(--color-surface,#f1efe8)}.btn-danger{background:var(--color-error,#c0392b);color:#ffffff}.btn-danger:hover{filter:brightness(1.05)}.btn-sm{padding:8px 13px;font-size:.8125rem}.btn-lg{padding:14px 24px;font-size:1rem}.btn-block{display:flex;width:100%}.btn-icon{padding:10px;width:40px;height:40px}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-spinner{position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#ffffff;border-radius:50%;animation:btnSpin .7s linear infinite}.btn-ghost .btn-spinner,.btn-secondary .btn-spinner{border-color:rgba(14,17,22,.3);border-top-color:var(--color-ink,#0e1116)}@keyframes btnSpin{to{transform:rotate(1turn)}}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display,inherit);font-weight:600;font-size:.8125rem;padding:7px 14px;border-radius:999px;border:1px solid var(--color-line,#e7e2d7);background:var(--color-paper-elevated,#ffffff);color:var(--color-ink-soft,#5f5e5a);cursor:pointer;white-space:nowrap;transition:background .15s var(--ease,ease),color .15s var(--ease,ease),border-color .15s var(--ease,ease)}.chip:hover{border-color:var(--color-accent-warm,#b5481f);color:var(--color-ink,#0e1116)}.chip.active{background:var(--color-ink,#0e1116);color:#ffffff;border-color:var(--color-ink,#0e1116)}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display,inherit);font-weight:700;font-size:.6875rem;letter-spacing:.02em;padding:3px 9px;border-radius:999px;line-height:1.4;white-space:nowrap}.badge-sm{font-size:.625rem;padding:2px 7px}.badge-lg{font-size:.75rem;padding:4px 11px}.badge-primary{background:var(--color-primary-50,#eef2fb);color:var(--color-primary-700,#2c4f8a)}.badge-sage{background:var(--color-sage-50,#e8f1ec);color:var(--color-sage-700,#2f6b4f)}.badge-coral{background:var(--color-coral-50,#fbe9e4);color:var(--color-coral,#c0432f)}.badge-amber{background:var(--color-amber-50,#fbf2dd);color:#8a5d12}.badge-rose{background:var(--color-rose-50,#fbe7ee);color:var(--color-rose,#b03a63)}.badge-ink{background:var(--color-ink,#0e1116);color:#ffffff}.badge-dismiss{margin-left:2px;cursor:pointer;opacity:.7;border:none;background:transparent;color:inherit;font-size:1em;line-height:1}.badge-dismiss:hover{opacity:1}.input{display:block;width:100%;font-family:var(--font-sans,inherit);font-size:.9375rem;color:var(--color-ink,#0e1116);background:var(--color-paper-elevated,#ffffff);border:1px solid var(--color-line,#e7e2d7);border-radius:12px;padding:11px 14px;transition:border-color .15s var(--ease,ease),box-shadow .15s var(--ease,ease)}.input::-moz-placeholder{color:var(--color-ink-soft,#5f5e5a);opacity:.75}.input::placeholder{color:var(--color-ink-soft,#5f5e5a);opacity:.75}.input:focus{outline:none;border-color:var(--color-accent-warm,#b5481f);box-shadow:0 0 0 3px rgba(181,72,31,.14)}.input-error{border-color:var(--color-coral,#d8553f)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:40px}.input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--color-ink-soft,#5f5e5a);pointer-events:none}.app-shell{min-height:100vh;background:var(--color-bg,#fbfaf7)}.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--color-ink,#0e1116);color:#ffffff;padding:10px 16px;border-radius:0 0 10px 0;font-weight:600}.skip-link:focus{left:0}.app-sidebar{display:none}.mobile-drawer-overlay{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.45);display:none;pointer-events:none}.mobile-drawer-overlay.open{display:block;pointer-events:auto}.mobile-drawer{position:fixed;left:0;top:0;bottom:0;width:min(80vw,280px);z-index:160;background:var(--color-paper-elevated,#ffffff);border-right:1px solid var(--color-line,#e7e2d7);padding:16px 12px 24px;overflow-y:auto;transform:translateX(-110%);transition:transform .2s ease;display:flex;flex-direction:column;gap:0}.mobile-drawer.open{transform:translateX(0)}.app-topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:color-mix(in srgb,var(--color-paper,#fbfaf7) 88%,transparent);backdrop-filter:saturate(1.1) blur(8px);border-bottom:1px solid var(--color-line,#e7e2d7)}.app-topbar-title-text{font-family:var(--font-display,inherit);font-weight:800}.logo-mark{width:30px;height:30px;border-radius:9px;background:var(--color-accent-warm,#b5481f);color:#ffffff;flex:0 0 auto}.logo-mark,.theme-toggle{display:inline-flex;align-items:center;justify-content:center}.theme-toggle{width:40px;height:40px;border-radius:11px;border:1px solid var(--color-line,#e7e2d7);background:var(--color-paper-elevated,#ffffff);color:var(--color-ink,#0e1116);cursor:pointer;transition:background .15s var(--ease,ease)}.theme-toggle:hover{background:var(--color-surface,#f1efe8)}.brand-back{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;border:none;background:transparent;cursor:pointer;text-decoration:none;color:var(--color-ink,#0e1116);line-height:1;-webkit-tap-highlight-color:transparent}.brand-back.is-back:active,.brand-back.is-home:active{transform:translateY(1px)}.brand-back-label{font-family:var(--font-display,inherit);font-weight:800;font-size:.6rem;letter-spacing:.2em;text-transform:lowercase;color:var(--color-soft,#6b6b6b);margin-top:-1px}.user-avatar-root{position:relative;flex-shrink:0}.user-avatar-btn{width:32px;height:32px;border-radius:50%;border:none;padding:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;font-family:var(--font-display,inherit);cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.06);transition:box-shadow .15s var(--ease,ease),opacity .15s var(--ease,ease)}.user-avatar-btn:hover{box-shadow:0 0 0 2px var(--color-line,#e7e2d7)}.user-avatar-img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover;display:block}.user-avatar-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:90;width:-moz-max-content;width:max-content;max-width:calc(100vw - 24px);padding:6px;background:var(--color-paper-elevated,#ffffff);border:1px solid var(--color-line,#e7e2d7);border-radius:14px;box-shadow:0 18px 40px -20px rgba(20,15,10,.45),0 2px 8px -4px rgba(20,15,10,.22);display:flex;flex-direction:column;gap:2px}.user-avatar-menu-head,.user-avatar-menu-item{white-space:nowrap}.user-avatar-menu-head{display:flex;align-items:center;gap:8px;padding:6px 10px 8px;font-family:var(--font-display,inherit);font-weight:800;font-size:13px;color:var(--color-ink,#0e1116);border-bottom:1px solid var(--color-line,#ece6d8);margin-bottom:4px}.user-avatar-pro{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--color-coral,#d4674f);padding:2px 6px;border-radius:999px}.user-avatar-menu-item{display:block;width:100%;text-align:left;padding:9px 10px;border:none;background:transparent;border-radius:9px;cursor:pointer;font-family:var(--font-sans,inherit);font-size:13px;font-weight:600;color:var(--color-ink,#0e1116);text-decoration:none;transition:background .12s var(--ease,ease)}.user-avatar-menu-item:hover{background:var(--color-surface,#f1efe8)}.user-avatar-menu-item:disabled{opacity:.5;cursor:default}.user-avatar-menu-item.is-danger{color:var(--color-coral,#c0392b)}::highlight(podbot-read){background-color:var(--color-primary,#b5481f);color:#fff}.podbot-read-block{background-color:rgba(181,72,31,.14);border-radius:4px;box-shadow:0 0 0 3px rgba(181,72,31,.1);transition:background-color .2s ease}body.podbot-reading-armed{cursor:pointer}.app-content{min-height:60vh;overflow-x:hidden}.app-content-inner{max-width:720px;margin:0 auto;padding:18px 14px calc(62px + env(safe-area-inset-bottom, 0px));overflow-x:hidden}body{overscroll-behavior-x:none;overscroll-behavior-y:contain}.app-shell-siswa-premium.app-shell-beranda{background:#eef5f0}.app-shell-beranda .app-topbar-siswa-premium{background:color-mix(in srgb,#eef5f0 92%,transparent);border-bottom-color:#d7e0d8}.dark .app-shell-siswa-premium.app-shell-beranda,[data-theme=dark] .app-shell-siswa-premium.app-shell-beranda{background:#000000}.dark .app-shell-beranda .app-topbar-siswa-premium,[data-theme=dark] .app-shell-beranda .app-topbar-siswa-premium{background:rgba(0,0,0,.92);border-bottom-color:#ffffff}.bottom-navbar{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;align-items:stretch;justify-content:space-around;gap:2px;padding:5px 6px calc(5px + env(safe-area-inset-bottom, 0px));background:rgba(0,0,0,.7);backdrop-filter:blur(16px) saturate(1.25);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -10px 28px -14px rgba(0,0,0,.55);transform:translateZ(0)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.bottom-navbar{background:rgba(0,0,0,.9)}}.bottom-navbar-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:4px 2px;border-radius:11px;text-decoration:none;color:#f5f5f5;transition:background .15s var(--ease,ease)}.bottom-navbar-item:active{background:rgba(255,255,255,.08)}.bottom-navbar-item.active{color:#f0dfa8}[data-theme=dark] .bottom-navbar-item.active{color:var(--color-primary-700)}.bottom-navbar-icon-shell{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px}.bottom-navbar-label{font-family:var(--font-display,inherit);font-weight:600;font-size:.625rem;letter-spacing:.01em;line-height:1.1}.study-subnav{display:flex;align-items:center;gap:6px;padding:6px 12px 7px;background:rgba(0,0,0,.72);backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.study-subnav::-webkit-scrollbar{display:none}.study-subnav-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border-radius:20px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#f0ebe0;font-family:var(--font-display,inherit);font-size:.72rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:background .12s ease,transform 80ms ease;flex-shrink:0}.study-subnav-pill:active{transform:scale(.96)}.study-subnav-pill.active{color:#fff;border-color:transparent}.study-overlay{position:fixed;inset:0;z-index:210;display:flex;flex-direction:column;background:var(--color-paper,#f9f5ec);overscroll-behavior:contain}[data-theme=dark] .study-overlay{background:#0e1116}.study-overlay-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(0,0,0,.82);backdrop-filter:blur(16px);color:#f0ebe0;border-bottom:1px solid rgba(255,255,255,.12);flex-shrink:0}.study-overlay-zone-pill{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#fff;flex-shrink:0}.study-overlay-title{flex:1;font-family:var(--font-display,inherit);font-weight:700;font-size:.9rem;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-overlay-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:none;background:rgba(255,255,255,.1);color:#f0ebe0;cursor:pointer;transition:background .12s;flex-shrink:0}.study-overlay-nav-btn:active{background:rgba(255,255,255,.2)}.study-overlay-close{margin-left:auto}.study-overlay-body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.snav-zone-body{padding:12px 14px 32px;display:flex;flex-direction:column;gap:0}.snav-zone-intro{font-size:.8rem;color:var(--color-muted,#6b6660);margin:0 0 14px;line-height:1.5}.snav-group{margin-bottom:20px}.snav-group-header{display:flex;align-items:baseline;gap:7px;margin-bottom:8px;flex-wrap:wrap}.snav-group-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;position:relative;top:-1px}.snav-group-label{font-family:var(--font-display,inherit);font-weight:700;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink,#0e1116)}[data-theme=dark] .snav-group-label{color:#f0ebe0}.snav-group-desc{font-size:.72rem;color:var(--color-muted,#6b6660)}.snav-mapel-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:var(--color-paper-elevated,#fff);border:1px solid var(--color-line,#e7e2d7);border-radius:12px;margin-bottom:8px;cursor:pointer;text-align:left;transition:background .12s,transform 80ms}[data-theme=dark] .snav-mapel-card{background:#1a1d22;border-color:rgba(255,255,255,.1)}.snav-mapel-card:active{transform:scale(.985)}.snav-mapel-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;flex-shrink:0}.snav-mapel-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.snav-mapel-nama{font-family:var(--font-display,inherit);font-weight:700;font-size:.85rem;color:var(--color-ink,#0e1116);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .snav-mapel-nama{color:#f0ebe0}.snav-mapel-meta{font-size:.72rem;color:var(--color-muted,#6b6660)}.snav-mapel-arrow{flex-shrink:0;opacity:.6}.snav-snbt-code{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;font-family:var(--font-display,inherit);font-weight:800;font-size:.7rem;letter-spacing:.04em;flex-shrink:0}.snav-topik-meta-row{display:flex;align-items:flex-start;gap:10px;padding:14px 0 16px;border-bottom:1px solid var(--color-line,#e7e2d7);margin-bottom:12px}[data-theme=dark] .snav-topik-meta-row{border-color:rgba(255,255,255,.1)}.snav-topik-mapel-nama{font-family:var(--font-display,inherit);font-weight:700;font-size:.88rem;color:var(--color-ink,#0e1116);margin-bottom:2px}[data-theme=dark] .snav-topik-mapel-nama{color:#f0ebe0}.snav-topik-mapel-sub{font-size:.72rem;color:var(--color-muted,#6b6660);line-height:1.4}.snav-topik-card{display:flex;flex-direction:column;background:#f0faf4;border:1px solid #c8e8d4;border-radius:9px;overflow:hidden;transition:border-color .12s}.snav-topik-card--open{border-color:#2f6f57}[data-theme=dark] .snav-topik-card{background:#111c17;border-color:rgba(47,111,87,.25)}[data-theme=dark] .snav-topik-card--open{border-color:rgba(47,111,87,.6)}.snav-topik-toggle{display:flex;align-items:center;gap:8px;padding:9px 12px;width:100%;background:transparent;border:none;cursor:pointer;text-align:left;color:inherit;font-family:inherit;font-size:inherit}.snav-topik-toggle:hover{background:rgba(47,111,87,.07)}[data-theme=dark] .snav-topik-toggle:hover{background:rgba(47,111,87,.15)}.snav-topik-chevron{margin-left:auto;flex-shrink:0;color:var(--color-muted,#6b6660);transition:transform .22s cubic-bezier(.16,1,.3,1);display:flex;align-items:center}.snav-topik-chevron.open{transform:rotate(180deg)}.snav-topik-detail{padding:0 10px 10px;border-top:1px solid #c8e8d4}[data-theme=dark] .snav-topik-detail{border-top-color:rgba(47,111,87,.2)}.snav-topik-judul-wrap{display:flex;flex-direction:column;flex:1;min-width:0}.snav-topik-resume{display:block;font-size:10.5px;line-height:1.4;color:var(--color-ink-soft,#888);margin-top:1px}[data-theme=dark] .snav-topik-resume{color:rgba(255,255,255,.45)}.snav-action-youtube{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:5px;font-size:.72rem;font-weight:700;text-decoration:none;background:#ff000014;color:#c00;transition:opacity .12s}.snav-action-youtube:hover{opacity:.8}[data-theme=dark] .snav-action-youtube{background:#ff000022;color:#ff6b6b}.snav-topik-main{flex:1;min-width:0}.snav-topik-judul{display:block;font-family:var(--font-display,inherit);font-weight:700;font-size:.84rem;color:var(--color-ink,#0e1116);margin-bottom:2px;line-height:1.3}[data-theme=dark] .snav-topik-judul{color:#f0ebe0}.snav-topik-sub{display:block;font-size:.72rem;color:var(--color-muted,#6b6660);margin-bottom:6px;line-height:1.4}.snav-topik-pills{display:flex;flex-wrap:wrap;gap:4px}.snav-pill{display:inline-flex;align-items:center;padding:2px 7px;border-radius:20px;font-size:.65rem;font-weight:600;background:var(--color-line,#e7e2d7);color:var(--color-muted,#6b6660)}[data-theme=dark] .snav-pill{background:rgba(255,255,255,.1);color:rgba(240,235,224,.7)}.snav-pill-video{background:rgba(13,43,85,.1);color:#0d2b55}[data-theme=dark] .snav-pill-video{background:rgba(13,43,85,.3);color:#8bb4f0}.snav-topik-actions{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.snav-action-latihan{background:rgba(181,72,31,.12);color:#b5481f}[data-theme=dark] .snav-action-latihan{background:rgba(181,72,31,.2);color:#e8845a}.snav-gold-banner{display:flex;gap:10px;align-items:flex-start;background:linear-gradient(135deg,#f5f0e8,#edf5f0);border:1px solid #c8d8c0;border-left:3px solid #2f6f57;border-radius:8px;padding:10px 13px;margin-bottom:14px}[data-theme=dark] .snav-gold-banner{background:linear-gradient(135deg,#1a1f18,#131a16);border-color:rgba(47,111,87,.3) rgba(47,111,87,.3) rgba(47,111,87,.3) #2f6f57}.snav-gold-icon{font-size:13px;color:#2f6f57;flex-shrink:0;margin-top:1px}.snav-gold-text{font-size:.75rem;line-height:1.55;color:#2a3a2e;margin:0}[data-theme=dark] .snav-gold-text{color:#a8c8b0}.snav-topik-soal-count{font-size:10px;color:#2f6f57;background:rgba(47,111,87,.1);border-radius:10px;padding:1px 7px;white-space:nowrap;flex-shrink:0;font-weight:600}[data-theme=dark] .snav-topik-soal-count{background:rgba(47,111,87,.2);color:#7ecba0}.snav-tryout-section{border:1px solid var(--color-line,#e7e2d7);border-radius:10px;margin-bottom:10px;overflow:hidden}[data-theme=dark] .snav-tryout-section{border-color:rgba(255,255,255,.09)}.snav-tryout-section-hdr{display:flex;align-items:center;gap:8px;width:100%;padding:10px 13px;background:var(--color-paper-elevated,#fff);border:none;cursor:pointer;text-align:left}[data-theme=dark] .snav-tryout-section-hdr{background:#1a1d22}.snav-tryout-badge{font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;padding:2px 7px;border-radius:20px;flex-shrink:0}.snav-tryout-section-title{font-weight:700;font-size:.83rem;color:var(--color-ink,#0e1116)}[data-theme=dark] .snav-tryout-section-title{color:#f0ebe0}.snav-tryout-items{border-top:1px solid var(--color-line,#e7e2d7)}[data-theme=dark] .snav-tryout-items{border-top-color:rgba(255,255,255,.07)}.snav-tryout-row{display:flex;align-items:center;gap:8px;padding:9px 13px;text-decoration:none;color:inherit;border-bottom:1px solid var(--color-line,#f0ece4);transition:background .1s}.snav-tryout-row:last-child{border-bottom:none}.snav-tryout-row:hover{background:rgba(47,111,87,.05)}[data-theme=dark] .snav-tryout-row:hover{background:rgba(255,255,255,.04)}[data-theme=dark] .snav-tryout-row{border-bottom-color:rgba(255,255,255,.05)}.snav-tryout-row-label{flex:1;font-size:.8rem;font-weight:600;color:var(--color-ink,#0e1116);display:flex;align-items:center;gap:5px}[data-theme=dark] .snav-tryout-row-label{color:#e8e3d8}.snav-tryout-row-meta{font-size:.7rem;color:var(--color-muted,#888);white-space:nowrap}.snav-tryout-row-arrow{font-size:1rem;color:var(--color-muted,#aaa);flex-shrink:0}.snav-tryout-pro-tag{font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#0d2b55;padding:1px 5px;border-radius:4px}.snav-tryout-mini-code{font-size:.65rem;font-weight:800;color:#b5481f;background:rgba(181,72,31,.1);padding:1px 6px;border-radius:4px;flex-shrink:0;letter-spacing:.02em}.snav-kd-hero img,.snav-tka-hero img{width:100%;height:auto;display:block}.snav-kd-group-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted,#888);margin-bottom:7px;padding-left:2px}.snav-kd-card{display:block;padding:12px 14px;background:radial-gradient(ellipse at 12% 18%,#ffffff 0,#f0f4fa 45%,#e6ecf5 100%);border:1px solid #cdd4e0;border-left:3px solid #0d1f3c;border-radius:0 8px 8px 0;margin-bottom:8px;text-decoration:none;color:inherit;box-shadow:0 3px 10px rgba(13,31,60,.09),0 1px 3px rgba(13,31,60,.05);transition:transform .12s,box-shadow .12s}[data-theme=dark] .snav-kd-card{background:radial-gradient(ellipse at 12% 18%,rgba(50,75,130,.35) 0,rgba(18,24,44,.95) 100%);border-color:rgba(255,255,255,.08) rgba(255,255,255,.08) rgba(255,255,255,.08) #3a5a9a;box-shadow:0 3px 12px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.04)}.snav-kd-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(13,31,60,.14),0 2px 5px rgba(13,31,60,.07)}[data-theme=dark] .snav-kd-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.07)}.snav-kd-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.snav-kd-badge{font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;padding:2px 7px;border-radius:3px;flex-shrink:0}.snav-kd-label{font-weight:800;font-size:.9rem;color:var(--color-ink,#0e1116);letter-spacing:-.01em;flex:1}[data-theme=dark] .snav-kd-label{color:#e8e3d8}.snav-kd-arrow{font-size:1rem;color:#aaa;flex-shrink:0}.snav-kd-fullname{font-size:.72rem;font-weight:600;color:var(--color-muted,#666);margin-bottom:4px;letter-spacing:.01em}[data-theme=dark] .snav-kd-fullname{color:rgba(255,255,255,.45)}.snav-kd-desc{font-size:.75rem;line-height:1.5;color:var(--color-muted,#555);margin:0 0 7px}[data-theme=dark] .snav-kd-desc{color:rgba(255,255,255,.5)}.snav-kd-pills{display:flex;flex-wrap:wrap;gap:4px}.snav-kd-pill{font-size:.65rem;font-weight:600;color:#0d1f3c;background:rgba(13,31,60,.08);border-radius:4px;padding:2px 7px}[data-theme=dark] .snav-kd-pill{color:#9bb3d4;background:rgba(45,74,122,.25)}.snav-zone-intro--formal{font-size:.78rem;color:#3a4a5a;line-height:1.55;border-left:2px solid #0d1f3c;padding-left:10px;margin-bottom:14px}[data-theme=dark] .snav-zone-intro--formal{color:rgba(255,255,255,.5);border-left-color:#2d4a7a}.snav-rapor-banner{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:8px 12px;background:rgba(0,0,0,.05);border-radius:8px;margin-bottom:14px;font-size:.72rem}[data-theme=dark] .snav-rapor-banner{background:rgba(255,255,255,.07)}.snav-rapor-overall{font-weight:600;color:var(--color-ink,#0e1116)}[data-theme=dark] .snav-rapor-overall{color:#f0ebe0}.snav-rapor-item{font-weight:500;color:var(--color-muted,#6b6660)}.snav-rapor-kuat{color:#2f6f57}[data-theme=dark] .snav-rapor-kuat{color:#6dbf96}.snav-rapor-lemah{color:#c0434a}[data-theme=dark] .snav-rapor-lemah{color:#e8845a}.snav-expanded-mapel{border:1px solid var(--color-line,#e7e2d7);border-radius:12px;margin-bottom:10px;overflow:hidden}[data-theme=dark] .snav-expanded-mapel{border-color:rgba(255,255,255,.1)}.snav-mapel-header{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--color-paper-elevated,#fff)}[data-theme=dark] .snav-mapel-header{background:#1a1d22}.snav-mapel-top-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:2px}.snav-level-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:20px;font-size:.58rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.snav-progress-bar{height:4px;background:rgba(0,0,0,.08);border-radius:4px;overflow:hidden;margin-top:5px;width:100%}[data-theme=dark] .snav-progress-bar{background:rgba(255,255,255,.12)}.snav-progress-fill{height:100%;border-radius:4px;transition:width .4s ease}.snav-mapel-open-btn{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;align-self:flex-start;padding:4px 9px;border-radius:7px;background:var(--color-line,#e7e2d7);color:var(--color-ink-soft,#5f5e5a);font-size:.65rem;font-weight:700;text-decoration:none;white-space:nowrap;margin-top:2px;transition:background .12s}[data-theme=dark] .snav-mapel-open-btn{background:rgba(255,255,255,.1);color:rgba(240,235,224,.7)}.snav-topik-list{padding:8px 10px 10px;background:var(--color-paper,#f9f5ec);display:flex;flex-direction:column;gap:6px}[data-theme=dark] .snav-topik-list{background:#13161a}.snav-topik-empty{font-size:.72rem;color:var(--color-muted,#6b6660);padding:8px 14px 12px;margin:0}.snav-topik-main-area{display:block;text-decoration:none;color:inherit;padding-bottom:8px}.snav-topik-progress-row{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:.66rem;color:var(--color-muted,#6b6660)}.snav-topik-progress-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.snav-pill-soal{background:rgba(181,72,31,.1);color:#b5481f}[data-theme=dark] .snav-pill-soal{background:rgba(181,72,31,.25);color:#e8845a}.snav-topik-action-row{display:flex;flex-wrap:wrap;gap:4px;border-top:1px solid var(--color-line,#e7e2d7);margin-top:4px;padding-top:8px}[data-theme=dark] .snav-topik-action-row{border-color:rgba(255,255,255,.08)}.snav-action-level{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:6px;font-size:.63rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:opacity .12s}.snav-action-level:active{opacity:.75}.snav-action-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:7px;font-size:.68rem;font-weight:700;text-decoration:none;white-space:nowrap}.snav-action-materi{background:rgba(47,111,87,.12);color:#2f6f57}[data-theme=dark] .snav-action-materi{background:rgba(47,111,87,.2);color:#6dbf96}.snav-pill-link{text-decoration:none;cursor:pointer;transition:opacity .11s,filter .11s}.snav-pill-link:hover{opacity:.72;filter:brightness(1.1)}.snav-topik-pills-row{padding:0 12px 10px}.snav-chevron{display:inline-flex;align-items:center;color:var(--color-ink-3,#aaa);transition:transform .2s ease;flex-shrink:0;margin-right:4px}.snav-chevron.expanded{transform:rotate(180deg)}.snav-mapel-header-toggle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .1s;border-radius:0;width:100%;text-align:left;background:none;border:none}.snav-mapel-header-toggle:hover{background:rgba(0,0,0,.04)}[data-theme=dark] .snav-mapel-header-toggle:hover{background:rgba(255,255,255,.05)}.snav-mapel-header-toggle:focus-visible{outline:2px solid var(--color-sage,#2f6f57);outline-offset:-2px}.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.05rem;color:var(--color-ink,#0e1116);text-decoration:none;padding:4px 6px 14px}.logo,.nav-section-title{font-family:var(--font-display,inherit)}.nav-section-title{font-weight:700;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft,#5f5e5a);margin:16px 8px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:11px;text-decoration:none;font-weight:600;font-size:.9rem;color:var(--color-ink,#0e1116);transition:background .15s var(--ease,ease),color .15s var(--ease,ease)}.nav-item:hover{background:var(--color-surface,#f1efe8)}.nav-item.active{background:var(--color-accent-warm-soft,rgba(181,72,31,.12));color:var(--color-accent-warm,#b5481f)}.nav-item-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 auto}.belajar-premium-page{display:flex;flex-direction:column;gap:18px}.belajar-command-hero{position:relative;background:var(--color-paper-elevated,#ffffff);border:1px solid var(--color-line,#d3d1c7);color:var(--color-ink,#0e1116);border-radius:18px;padding:20px 18px;box-shadow:0 1px 2px rgba(14,17,22,.05),0 12px 32px -18px rgba(14,17,22,.22)}.belajar-command-kicker{font-family:var(--font-display,inherit);font-weight:700;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-warm,#b5481f);margin-bottom:8px}.belajar-command-title{font-family:var(--font-display,inherit);font-weight:800;font-size:1.3rem;line-height:1.22;letter-spacing:-.01em;margin:0 0 8px;color:var(--color-ink,#0e1116)}.belajar-command-lead{font-size:.875rem;line-height:1.55;color:var(--color-ink-soft,#5f5e5a);margin:0 0 4px;max-width:52ch}.belajar-command-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.belajar-command-stats span{font-family:var(--font-mono,monospace);font-weight:600;font-size:.72rem;letter-spacing:.02em;padding:5px 11px;border-radius:999px;background:var(--color-paper-2,#f1efe8);color:var(--color-ink-2,#2a2d33)}.hero-progress-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-family:var(--font-display,inherit);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-2,#2a2d33);margin:14px 0 6px;padding-top:14px;border-top:1px solid var(--color-line,#d3d1c7)}.hero-progress-label-count{font-family:var(--font-mono,monospace);font-weight:600;font-size:.66rem;letter-spacing:.04em;text-transform:none;color:var(--color-ink-soft,#5f5e5a)}.hero-progress-empty{padding:14px 0 2px;margin-top:14px;border-top:1px solid var(--color-line,#d3d1c7)}.hero-progress-empty-line{font-size:.85rem;font-weight:600;color:var(--color-ink,#0e1116);margin-bottom:3px}.hero-progress-empty-hint{font-size:.78rem;color:var(--color-ink-soft,#5f5e5a)}.hero-progress-topik-list{display:flex;flex-direction:column}.hero-progress-topik-row{display:flex;align-items:center;gap:12px;padding:9px 4px;border-bottom:1px solid var(--color-paper-2,#f1efe8);text-decoration:none;border-radius:6px;transition:background .15s}.hero-progress-topik-row:last-child{border-bottom:none}.hero-progress-topik-row:hover{background:var(--color-paper-2,#f1efe8)}.hero-progress-meter{flex:0 0 auto;width:34px;display:flex;flex-direction:column;gap:3px}.hero-progress-meter-track{height:4px;border-radius:2px;background:var(--color-paper-2,#f1efe8);overflow:hidden}.hero-progress-meter-fill{height:100%;border-radius:2px;min-width:3px}.hero-progress-meter-lvl{font-family:var(--font-mono,monospace);font-weight:600;font-size:.6rem;letter-spacing:.04em;color:var(--color-ink-soft,#5f5e5a)}.hero-progress-topik-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.hero-progress-topik-nama{font-size:.85rem;font-weight:600;color:var(--color-ink,#0e1116);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-progress-topik-mapel{font-size:.72rem;color:var(--color-ink-soft,#5f5e5a)}.hero-progress-score-num{flex-shrink:0;font-family:var(--font-mono,monospace);font-size:1rem;font-weight:700;letter-spacing:-.02em}.hero-progress-arrow{font-size:1.1rem;color:var(--color-line,#d3d1c7);flex-shrink:0}.hero-progress-more{font-size:.72rem;color:var(--color-accent-warm,#b5481f);font-weight:600;padding:8px 4px 0}.hero-progress-kelompok-list{display:flex;flex-direction:column}.hero-progress-kelompok-row{display:flex;align-items:center;gap:12px;padding:9px 4px;border-bottom:1px solid var(--color-paper-2,#f1efe8)}.hero-progress-kelompok-row:last-child{border-bottom:none}.hero-progress-kelompok-meta{flex:0 0 116px;display:flex;flex-direction:column;gap:1px}.hero-progress-kelompok-nama{font-size:.8rem;font-weight:700;color:var(--color-ink,#0e1116)}.hero-progress-kelompok-desc{font-size:.66rem;color:var(--color-ink-soft,#5f5e5a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-progress-kelompok-right{flex:1;display:flex;flex-direction:column;gap:4px}.hero-progress-bar-wrap{height:4px;border-radius:2px;background:var(--color-paper-2,#f1efe8);overflow:hidden}.hero-progress-bar-fill{height:100%;border-radius:2px;min-width:2px;transition:width .3s ease}.hero-progress-kelompok-nums{display:flex;align-items:center;gap:8px;font-family:var(--font-mono,monospace);font-size:.7rem;font-weight:600}.hero-progress-kelompok-hint,.hero-progress-kelompok-skor{color:var(--color-ink-soft,#5f5e5a)}.hero-progress-kelompok-hint{font-weight:400;font-family:var(--font-display,inherit)}.belajar-urgensi-12{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--color-line,#d3d1c7);background:var(--color-paper-elevated,#fff);border-radius:12px;margin-bottom:4px;box-shadow:0 1px 2px rgba(14,17,22,.04),0 4px 14px -6px rgba(14,17,22,.12)}.belajar-urgensi-12-num{font-family:var(--font-display,inherit);font-size:2rem;font-weight:900;color:var(--color-ink);line-height:1;min-width:3ch;text-align:right}.belajar-urgensi-12-copy{display:flex;flex-direction:column;gap:2px;flex:1}.belajar-urgensi-12-copy strong{font-size:13px;font-weight:800;color:var(--color-ink)}.belajar-urgensi-12-copy span{font-size:11px;color:var(--color-ink-soft,#6b6b6b);font-style:italic}.belajar-urgensi-12-cta{font-size:12px;font-weight:800;color:var(--color-paper,#fbfaf7);background:var(--color-ink);border-radius:999px;padding:5px 14px;text-decoration:none;white-space:nowrap}.belajar-urgensi-12-cta:hover{opacity:.85}.belajar-exam-strip{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.belajar-exam-label{font-size:12px;font-weight:700;color:var(--color-ink-soft,#5f5e5a);flex:0 0 auto;white-space:nowrap}.belajar-exam-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;padding-bottom:2px}.belajar-exam-chips::-webkit-scrollbar{display:none}.belajar-exam-chip{display:flex;flex-direction:column;flex:0 0 auto;padding:7px 13px;border:1.5px solid var(--color-line,#d3d1c7);border-radius:10px;text-decoration:none;background:var(--color-paper-elevated,#fff);transition:border-color .15s,background .15s}.belajar-exam-chip:hover{border-color:var(--color-primary,#b5481f);background:var(--color-primary-50,#faece7)}.belajar-exam-chip strong{font-family:var(--font-display,inherit);font-size:12.5px;font-weight:800;color:var(--color-ink,#0e1116);display:block}.belajar-exam-chip span{font-size:10.5px;font-weight:600;color:var(--color-ink-soft,#5f5e5a);margin-top:2px;display:block}@media (prefers-reduced-motion:reduce){.belajar-exam-chip{transition:none}}.belajar-session-rail{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.belajar-session-card{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:16px;background:var(--color-paper-elevated,#ffffff);border:1px solid var(--color-line,#e7e2d7);text-decoration:none;box-shadow:var(--shadow-sm,0 4px 12px -8px rgba(20,15,10,.25));transition:transform .15s var(--ease,ease),box-shadow .15s var(--ease,ease)}.belajar-session-card:hover{transform:translateY(-2px);box-shadow:var(--shadow,0 10px 26px -12px rgba(20,15,10,.3))}.belajar-session-card span{font-family:var(--font-mono,monospace);font-weight:700;font-size:.75rem;color:var(--color-accent-warm,#b5481f)}.belajar-session-card strong{font-family:var(--font-display,inherit);font-size:.95rem;color:var(--color-ink,#0e1116)}.belajar-session-card small{font-size:.8rem;line-height:1.45;color:var(--color-ink-soft,#5f5e5a)}.belajar-session-card-primary{background:var(--color-accent-warm,#b5481f);border-color:var(--color-accent-warm,#b5481f)}.belajar-session-card-primary span,.belajar-session-card-primary strong{color:#ffffff}.belajar-session-card-primary small{color:rgba(255,255,255,.85)}.belajar-resume-premium-card{border-radius:18px}.belajar-resume-kicker{font-family:var(--font-display,inherit);font-weight:700;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:#f0dfa8;margin-bottom:4px}.belajar-resume-title{font-family:var(--font-display,inherit);font-weight:800;font-size:1.1rem;margin-bottom:8px}.belajar-resume-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:.8rem;color:rgba(255,255,255,.78);margin-bottom:14px}.belajar-resume-button{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display,inherit);font-weight:700;font-size:.875rem;color:var(--color-ink,#0e1116);background:#ffffff;padding:9px 16px;border-radius:999px;text-decoration:none}.belajar-filter-panel{display:flex;flex-direction:column;gap:12px}.belajar-filter-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.belajar-filter-kicker{font-family:var(--font-display,inherit);font-weight:700;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-soft,#5f5e5a);margin-bottom:2px}.belajar-filter-heading h2{font-family:var(--font-display,inherit);font-weight:800;font-size:1.15rem;line-height:1.25;margin:0;color:var(--color-ink,#0e1116)}.belajar-tab-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.belajar-group-stack{display:flex;flex-direction:column;gap:22px}.belajar-group-section{display:flex;flex-direction:column;gap:12px}.belajar-group-header{display:flex;align-items:flex-start;gap:11px}.belajar-group-accent{width:5px;align-self:stretch;min-height:38px;border-radius:999px;flex:0 0 auto}.belajar-group-header h3{font-family:var(--font-display,inherit);font-weight:800;font-size:1.05rem;margin:0 0 2px;color:var(--color-ink,#0e1116)}.belajar-group-header p{font-size:.82rem;line-height:1.45;color:var(--color-ink-soft,#5f5e5a);margin:0}.belajar-mapel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.belajar-mapel-link{text-decoration:none;color:inherit;display:block}.belajar-mapel-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:15px 13px 13px;height:100%;border:none;border-radius:18px;background:var(--color-paper-elevated,#ffffff);box-shadow:0 1px 2px rgba(14,17,22,.05),0 10px 30px -14px rgba(14,17,22,.22);transition:transform .18s var(--ease,cubic-bezier(.16,1,.3,1)),box-shadow .18s var(--ease,cubic-bezier(.16,1,.3,1))}.belajar-mapel-link:hover .belajar-mapel-card{transform:translateY(-3px);box-shadow:0 2px 4px rgba(14,17,22,.06),0 18px 40px -16px rgba(14,17,22,.28)}.belajar-mapel-link:active .belajar-mapel-card{transform:translateY(1px) scale(.985);box-shadow:0 1px 3px rgba(14,17,22,.1),0 4px 10px -6px rgba(14,17,22,.2);transition-duration:.06s}.belajar-mapel-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-top:2px}.belajar-mapel-emoji{position:relative;width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.belajar-mapel-bloom{position:absolute;inset:0;border-radius:50%;opacity:0;transform:scale(.4);transition:opacity .2s ease,transform .25s cubic-bezier(.16,1,.3,1);pointer-events:none}.belajar-mapel-emoji img,.belajar-mapel-emoji svg{position:relative;z-index:1;animation:belajarMapelBob 3.2s ease-in-out infinite}.belajar-mapel-grid>.belajar-mapel-link:nth-child(2n) .belajar-mapel-emoji img,.belajar-mapel-grid>.belajar-mapel-link:nth-child(2n) .belajar-mapel-emoji svg{animation-delay:.8s}.belajar-mapel-grid>.belajar-mapel-link:nth-child(3n) .belajar-mapel-emoji img,.belajar-mapel-grid>.belajar-mapel-link:nth-child(3n) .belajar-mapel-emoji svg{animation-delay:1.6s}@keyframes belajarMapelBob{0%,to{transform:translateY(0) rotate(-7deg) scale(1)}25%{transform:translateY(-7px) rotate(5deg) scale(1.07)}50%{transform:translateY(0) rotate(-3deg) scale(1)}75%{transform:translateY(-4px) rotate(7deg) scale(1.04)}}.belajar-mapel-link:hover .belajar-mapel-emoji img,.belajar-mapel-link:hover .belajar-mapel-emoji svg{animation-duration:1.5s}.belajar-mapel-link:active .belajar-mapel-emoji img,.belajar-mapel-link:active .belajar-mapel-emoji svg{animation:none;transform:scale(1.12)}.belajar-mapel-link:active .belajar-mapel-bloom{opacity:1;transform:scale(1.05)}@media (prefers-reduced-motion:reduce){.belajar-mapel-emoji img,.belajar-mapel-emoji svg{animation:none!important}}.belajar-mapel-name{font-family:var(--font-display,inherit);font-weight:700;font-size:.95rem;color:var(--color-ink,#0e1116);margin-top:4px}.belajar-mapel-meta{font-size:.78rem;color:var(--color-ink-soft,#5f5e5a)}.belajar-mapel-footnote{margin-top:auto;padding-top:8px;font-family:var(--font-display,inherit);font-weight:700;font-size:.8rem;color:var(--color-accent-warm,#b5481f)}.belajar-k10-hint{border:1.5px solid var(--color-primary,#2a6b4f);border-radius:10px;padding:16px 18px 14px;margin-bottom:18px}.belajar-k10-hint-label{font-family:var(--font-display,inherit);font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary,#2a6b4f);margin-bottom:6px}.belajar-k10-hint-body{font-size:.88rem;color:var(--color-ink-soft,#5f5e5a);margin:0 0 12px;line-height:1.5}.belajar-k10-hint-chips{display:flex;flex-wrap:wrap;gap:8px}.belajar-k10-hint-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 8px;border-radius:20px;background:var(--color-surface-raised,#e8e6e1);font-size:.82rem;font-weight:600;color:var(--color-ink,#0e1116);text-decoration:none;transition:background .15s}.belajar-k10-hint-chip:hover{background:color-mix(in srgb,var(--color-primary,#2a6b4f) 12%,var(--color-surface-raised,#e8e6e1))}.belajar-group-tip-kelas10{font-size:.8rem;color:var(--color-primary,#2a6b4f);margin:4px 0 0;font-style:italic}.belajar-mapel-progress{margin-top:auto;padding-top:8px}.belajar-mapel-progress-text{font-size:.78rem;color:var(--color-ink-soft,#5f5e5a);margin-bottom:5px}.belajar-mapel-progress-bar{height:3px;border-radius:2px;background:var(--color-surface-raised,#e8e6e1);overflow:hidden}.belajar-mapel-progress-fill{height:100%;border-radius:2px;background:var(--color-primary,#2a6b4f);transition:width .4s ease}.kapsul-page{padding:0 16px 40px;max-width:520px;margin:0 auto}.kapsul-nav{padding:12px 0 4px}.kapsul-nav-back{font-size:.82rem;font-weight:700;color:var(--color-ink-soft,#5f5e5a);text-decoration:none}.kapsul-nav-back:hover{color:var(--color-ink,#0e1116)}.kapsul-header{margin:16px 0 22px}.kapsul-header-kicker{font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-ink-soft,#5f5e5a);margin-bottom:6px}.kapsul-header-title{font-family:var(--font-display,inherit);font-size:1.6rem;font-weight:800;color:var(--color-ink,#0e1116);line-height:1.15;margin:0 0 6px}.kapsul-header-lead{font-size:.9rem;color:var(--color-ink-soft,#5f5e5a);line-height:1.5;margin:0}.kapsul-form{background:var(--color-surface,#fff);border:1.5px solid var(--color-line,#d8d5ce);border-radius:14px;padding:18px;margin-bottom:24px;display:flex;flex-direction:column;gap:10px}.kapsul-form-label{font-size:.82rem;font-weight:700;color:var(--color-ink,#0e1116)}.kapsul-form-label-sm{font-size:.75rem;font-weight:700;color:var(--color-ink-soft,#5f5e5a);display:block;margin-bottom:4px}.kapsul-form-textarea{width:100%;border:1.5px solid var(--color-line,#d8d5ce);border-radius:10px;padding:12px;font-size:.9rem;font-family:inherit;color:var(--color-ink,#0e1116);background:var(--color-paper,#faf8f4);resize:vertical;line-height:1.55;box-sizing:border-box}.kapsul-form-textarea:focus{outline:none;border-color:var(--color-primary,#2a6b4f)}.kapsul-form-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.kapsul-form-date-wrap{flex:1;min-width:130px}.kapsul-form-date{width:100%;border:1.5px solid var(--color-line,#d8d5ce);border-radius:8px;padding:8px 10px;font-size:.85rem;font-family:inherit;color:var(--color-ink,#0e1116);background:var(--color-paper,#faf8f4);box-sizing:border-box}.kapsul-form-btn{flex-shrink:0;padding:9px 18px;background:var(--color-ink,#0e1116);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:700;font-family:var(--font-display,inherit);cursor:pointer;transition:opacity .15s}.kapsul-form-btn:disabled{opacity:.4;cursor:not-allowed}.kapsul-form-btn:not(:disabled):hover{opacity:.82}.kapsul-form-konfirmasi{font-size:.8rem;font-weight:700;color:var(--color-primary,#2a6b4f);margin:0}.surat-kepada-chips{display:flex;flex-wrap:wrap;gap:7px}.surat-kepada-chip{padding:5px 12px;border-radius:20px;border:1.5px solid var(--color-line,#d8d5ce);background:var(--color-surface,#fff);font-size:.82rem;font-weight:600;color:var(--color-ink,#0e1116);cursor:pointer;transition:border-color .12s,background .12s}.surat-kepada-chip-active{border-color:var(--color-ink,#0e1116);background:var(--color-ink,#0e1116);color:#fff}.kapsul-section{margin-bottom:24px}.kapsul-section-title{font-family:var(--font-display,inherit);font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-ink-soft,#5f5e5a);margin:0 0 10px}.kapsul-list{display:flex;flex-direction:column;gap:10px}.kapsul-card{border-radius:12px;padding:16px;border:1.5px solid var(--color-line,#d8d5ce)}.kapsul-card-sealed{background:var(--color-paper,#faf8f4)}.kapsul-card-opened{background:var(--color-surface,#fff);border-color:var(--color-primary,#2a6b4f)}.kapsul-card-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px;flex-wrap:wrap}.kapsul-card-tanggal-buat{font-size:.78rem;color:var(--color-ink-soft,#5f5e5a);font-weight:600}.kapsul-card-status-badge{background:var(--color-ink,#0e1116);white-space:nowrap}.kapsul-card-opened-badge,.kapsul-card-status-badge{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:20px;color:#fff}.kapsul-card-opened-badge{background:var(--color-primary,#2a6b4f)}.kapsul-card-preview{font-size:1.1rem;letter-spacing:.18em;color:var(--color-ink-soft,#5f5e5a);margin-bottom:8px;filter:blur(2px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.kapsul-card-buka-pada{font-size:.78rem;color:var(--color-ink-soft,#5f5e5a);font-weight:600}.kapsul-card-btn-buka{display:inline-block;margin-top:10px;padding:6px 14px;border-radius:7px;border:1.5px solid var(--color-primary,#2a6b4f);background:transparent;color:var(--color-primary,#2a6b4f);font-size:.82rem;font-weight:700;cursor:pointer;font-family:var(--font-display,inherit);transition:background .12s,color .12s}.kapsul-card-btn-buka:hover{background:var(--color-primary,#2a6b4f);color:#fff}.kapsul-card-isi{font-size:.9rem;color:var(--color-ink,#0e1116);line-height:1.6;margin:0 0 8px;white-space:pre-wrap}.kapsul-empty{font-size:.88rem;color:var(--color-ink-soft,#5f5e5a);font-style:italic;text-align:center;padding:24px 0}.kapsul-vis-wrap,.surat-vis-wrap{display:flex;justify-content:center;margin-bottom:12px}.kapsul-vis-svg{width:110px;height:44px}.surat-vis-svg{width:110px;height:78px}@keyframes kv-ready-pulse{0%,to{filter:drop-shadow(0 0 3px rgba(242,208,80,.2))}50%{filter:drop-shadow(0 0 12px rgba(242,208,80,.8))}}@keyframes sv-ready-pulse{0%,to{filter:drop-shadow(0 0 3px rgba(232,64,64,.15))}50%{filter:drop-shadow(0 0 9px rgba(232,64,64,.65))}}.kapsul-card--bisa-buka .kapsul-vis-svg{animation:kv-ready-pulse 2.2s ease-in-out infinite}.kapsul-card--bisa-buka .surat-vis-svg{animation:sv-ready-pulse 2.2s ease-in-out infinite}.kv-cap-l,.kv-cap-r{transform-box:fill-box}.kv-cap-l{transform-origin:right center}.kv-cap-r{transform-origin:left center}@keyframes kv-cap-l-slide{0%{transform:translateX(0) rotate(0deg)}to{transform:translateX(-26px) rotate(-15deg)}}@keyframes kv-cap-r-slide{0%{transform:translateX(0) rotate(0deg)}to{transform:translateX(26px) rotate(15deg)}}@keyframes kv-glow-appear{0%{opacity:0}55%{opacity:1}to{opacity:.6}}@keyframes kv-card-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.kapsul-vis--opening .kv-cap-l{animation:kv-cap-l-slide .55s cubic-bezier(.4,0,.2,1) .18s both}.kapsul-vis--opening .kv-cap-r{animation:kv-cap-r-slide .55s cubic-bezier(.4,0,.2,1) .18s both}.kapsul-vis--opening .kv-glow{animation:kv-glow-appear .8s ease .22s both}.kapsul-card--opening{animation:kv-card-shake .35s ease}.sv-flap,.sv-seal{transform-box:fill-box}.sv-flap{transform-origin:bottom center}.sv-seal{transform-origin:center}@keyframes sv-seal-break{0%{transform:scale(1) rotate(0deg);opacity:1}30%{transform:scale(1.3) rotate(-12deg);opacity:.7}to{transform:scale(.1) rotate(28deg);opacity:0}}@keyframes sv-flap-fold{0%{transform:scaleY(1);opacity:1}45%{transform:scaleY(.1) translateY(-5px);opacity:.5}to{transform:scaleY(0) translateY(-10px);opacity:0}}.surat-vis--opening .sv-seal{animation:sv-seal-break .42s ease forwards}.surat-vis--opening .sv-flap{animation:sv-flap-fold .6s cubic-bezier(.4,0,.2,1) .08s both}.kapsul-card-opening-msg{font-size:.8rem;color:var(--color-ink-soft,#5f5e5a);font-style:italic;margin-top:10px}.jadwal-strip{display:flex;flex-direction:column;gap:8px}.jadwal-row{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:var(--color-surface,#f1efe8);border-radius:10px;border:1px solid var(--color-line,#e2ddd4)}.jadwal-row--lewat{opacity:.5}.jadwal-row--segera{border-color:var(--color-primary,#2a6b4f)}.jadwal-tgl{flex-shrink:0;width:48px;text-align:center}.jadwal-tgl-bulan{display:block;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-soft,#5f5e5a)}.jadwal-tgl-tanggal{display:block;font-size:1.25rem;font-weight:800;font-family:var(--font-display,inherit);color:var(--color-ink,#0e1116);line-height:1.1}.jadwal-body{flex:1;min-width:0}.jadwal-nama{font-size:.85rem;font-weight:700;color:var(--color-ink,#0e1116);display:block;margin-bottom:2px}.jadwal-ket{font-size:.75rem;color:var(--color-ink-soft,#5f5e5a);line-height:1.4}.jadwal-badge{flex-shrink:0;font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:20px;background:var(--color-ink,#0e1116);color:#fff;white-space:nowrap}.jadwal-badge--segera{background:var(--color-primary,#2a6b4f)}.jadwal-badge--lewat{background:var(--color-ink-soft,#5f5e5a)}.jadwal-update-note{font-size:.72rem;color:var(--color-ink-soft,#5f5e5a);margin-top:6px;font-style:italic}@media (prefers-reduced-motion:reduce){.kapsul-card--bisa-buka .kapsul-vis-svg,.kapsul-card--bisa-buka .surat-vis-svg,.kapsul-card--opening,.kapsul-vis--opening .kv-cap-l,.kapsul-vis--opening .kv-cap-r,.kapsul-vis--opening .kv-glow,.surat-vis--opening .sv-flap,.surat-vis--opening .sv-seal{animation:none}}.belajar-empty-card{text-align:center;padding:30px 18px;display:flex;flex-direction:column;align-items:center;gap:10px}.belajar-empty-icon{font-size:2rem}.belajar-empty-copy{font-size:.9rem;color:var(--color-ink-soft,#5f5e5a)}@media (min-width:1024px){.app-sidebar{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:256px;overflow-y:auto;padding:20px 14px 24px;background:var(--color-paper-elevated,#ffffff);border-right:1px solid var(--color-line,#e7e2d7);z-index:90}.app-sidebar nav{flex:1}.app-sidebar:after{content:"";display:block;height:3px;border-radius:999px;background:var(--color-primary,#b5481f);opacity:.18;margin-top:20px;flex-shrink:0}.app-main-wrap,.app-sidebar+div{margin-left:256px;min-height:100vh}.brand-back.is-home{display:none}.app-topbar{padding:10px 28px;border-bottom:1px solid var(--color-line,#e7e2d7);background:var(--color-paper-elevated,#ffffff);backdrop-filter:none}.app-content{background:var(--color-bg,#fbfaf7)}.app-content-inner{max-width:none;margin:0;padding:28px 32px 48px}.bottom-navbar{display:none}.belajar-session-rail{grid-template-columns:repeat(4,1fr)}.belajar-mapel-grid{grid-template-columns:repeat(3,1fr)}.belajar-command-title{font-size:1.6rem}.study-subnav{padding:9px 28px;gap:10px}.study-subnav-pill{padding:7px 18px;font-size:.82rem;gap:7px}.study-overlay-header{padding:16px 32px}.study-overlay-zone-pill{width:34px;height:34px}.study-overlay-title{font-size:1.15rem}.study-overlay-nav-btn{width:38px;height:38px}.snav-zone-body{padding:24px 0 56px}.snav-kd-hero,.snav-tka-hero,.snav-zone-body{max-width:920px;margin:0 auto}}@media (min-width:1280px){.app-sidebar{width:272px;padding:22px 16px 26px}.app-main-wrap,.app-sidebar+div{margin-left:272px}.app-topbar{padding:10px 36px}.app-content-inner{max-width:none;margin:0;padding:32px 40px 56px}.study-subnav{padding:9px 36px}.study-overlay-header{padding:16px 40px}.snav-kd-hero,.snav-tka-hero,.snav-zone-body{max-width:1000px}}@media (min-width:1440px){.app-sidebar{width:288px}.app-main-wrap,.app-sidebar+div{margin-left:288px}.app-topbar{padding:12px 48px}.study-subnav{padding:9px 48px}.study-overlay-header{padding:16px 48px}.snav-kd-hero,.snav-tka-hero,.snav-zone-body{max-width:1080px}.app-content-inner{max-width:none;margin:0;padding:36px 48px 64px}}@media (min-width:1320px){.belajar-mapel-grid{grid-template-columns:repeat(4,1fr)}}.belajar-etalase{display:flex;flex-direction:column;gap:0;padding-bottom:28px}.belajar-num{font-family:var(--font-mono,ui-monospace,monospace);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.belajar-etalase-loading{display:flex;flex-direction:column;gap:20px;padding:8px 0}.belajar-rak-skeleton{height:148px;border-radius:14px;background:var(--color-surface);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.belajar-rak-skeleton{animation:none;opacity:.7}}.belajar-masthead{padding:6px 0 18px}.belajar-masthead-title{margin:0;font-family:var(--font-display,inherit);font-size:clamp(1.5rem,5vw,2rem);font-weight:800;letter-spacing:-.01em;line-height:1.18;color:var(--color-ink);text-wrap:balance}.belajar-masthead-lead{margin:6px 0 0;font-size:.875rem;line-height:1.55;color:var(--color-ink-soft);max-width:52ch}.belajar-masthead-stats{display:flex;align-items:center;gap:7px;margin:12px 0 0;font-size:.8125rem;color:var(--color-ink-2)}.belajar-masthead-stats .belajar-num{font-size:.875rem;color:var(--color-ink)}.belajar-masthead-dot{width:3px;height:3px;border-radius:50%;background:var(--color-line)}.belajar-hero-lanjutkan{display:flex;flex-direction:column;gap:4px;padding:18px 20px 16px;background:var(--color-ink);color:var(--color-paper-elevated,#fff);border-radius:18px;text-decoration:none;margin-bottom:26px;box-shadow:0 1px 2px rgba(14,17,22,.05),0 10px 30px -14px rgba(14,17,22,.22);transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s}.belajar-hero-lanjutkan:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(14,17,22,.05),0 18px 40px -16px rgba(14,17,22,.3)}.belajar-hero-lanjutkan:active{transform:translateY(1px) scale(.99)}.dark .belajar-hero-lanjutkan,[data-theme=dark] .belajar-hero-lanjutkan{background:var(--color-paper-elevated);color:var(--color-ink);border:1px solid var(--color-border)}.belajar-hero-kicker{font-family:var(--font-display,inherit);font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#e8a78e}.dark .belajar-hero-kicker,[data-theme=dark] .belajar-hero-kicker{color:var(--color-primary)}.belajar-hero-topik{font-family:var(--font-display,inherit);font-size:1.2rem;font-weight:800;letter-spacing:-.01em;line-height:1.25;text-wrap:balance}.belajar-hero-meta{font-size:.75rem;opacity:.72;margin-top:2px}.belajar-hero-meta .belajar-num{font-weight:700}.belajar-hero-cta{align-self:flex-start;margin-top:12px;padding:8px 16px;background:var(--color-paper-elevated,#fff);color:#0e1116;font-family:var(--font-display,inherit);font-size:.75rem;font-weight:700;border-radius:999px}.dark .belajar-hero-cta,[data-theme=dark] .belajar-hero-cta{background:var(--color-primary);color:#fff}.belajar-rak-section{margin-bottom:26px}.belajar-rak-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:8px;margin-bottom:12px;border-bottom:1px solid var(--color-line)}.belajar-rak-mapel-nama{font-family:var(--font-display,inherit);font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;color:var(--color-ink);text-decoration:none}.belajar-rak-mapel-nama:hover{color:var(--color-primary)}.belajar-rak-semua-link{font-size:.75rem;color:var(--color-ink-soft);text-decoration:none;white-space:nowrap;flex-shrink:0}.belajar-rak-semua-link:hover{color:var(--color-primary)}.belajar-rak-semua-link .belajar-num{color:var(--color-ink-2);font-size:.8125rem}.belajar-rak-kosong{display:block;font-size:.8125rem;color:var(--color-ink-soft);text-decoration:none;padding:4px 0}.belajar-rak-kosong:hover{color:var(--color-primary)}.belajar-rak-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.belajar-rak-strip::-webkit-scrollbar{display:none}.belajar-topik-card{flex:0 0 164px;min-height:118px;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:13px 14px 12px;background:var(--color-paper-elevated,#fff);border:none;border-radius:14px;cursor:pointer;text-align:left;font:inherit;color:var(--color-ink);box-shadow:0 1px 2px rgba(14,17,22,.05),0 10px 30px -14px rgba(14,17,22,.22);transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s}.belajar-topik-card:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(14,17,22,.05),0 18px 40px -16px rgba(14,17,22,.28)}.belajar-topik-card:active{transform:translateY(1px) scale(.985)}.belajar-topik-card:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(181,72,31,.2),0 10px 30px -14px rgba(14,17,22,.22)}.dark .belajar-topik-card,[data-theme=dark] .belajar-topik-card{border:1px solid var(--color-border);box-shadow:none}.belajar-topik-card-nama{font-family:var(--font-display,inherit);font-size:.8125rem;font-weight:600;line-height:1.35;color:var(--color-ink);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.belajar-topik-card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px}.belajar-topik-card-soal{font-size:.6875rem;color:var(--color-ink-soft)}.belajar-topik-card-soal .belajar-num{font-size:.75rem;color:var(--color-ink-2)}.belajar-topik-card-soal--materi{font-style:italic}.belajar-progress-meter{display:flex;gap:3px;align-items:center}.belajar-progress-seg{width:11px;height:4px;border-radius:2px;background:var(--color-line)}.belajar-progress-seg--filled{background:var(--color-sage)}.belajar-topik-card-cta{font-family:var(--font-display,inherit);font-size:.71875rem;font-weight:700;letter-spacing:.02em}.belajar-topik-card-cta--mulai{color:var(--color-primary)}.belajar-topik-card-cta--lanjut{color:var(--color-ink)}.belajar-topik-card-cta--ulangi{color:var(--color-ink-soft)}.belajar-snbt-teaser{margin-top:6px;padding-top:20px;border-top:1px solid var(--color-line)}.belajar-snbt-teaser-header{margin-bottom:16px}.belajar-snbt-teaser-title{font-family:var(--font-display,inherit);font-size:1.2rem;font-weight:800;letter-spacing:-.01em;margin:0 0 4px;color:var(--color-ink);text-wrap:balance}.belajar-snbt-teaser-sublead{font-size:.8125rem;color:var(--color-ink-soft);margin:0}.belajar-kedinasan-link{display:inline-block;margin-top:8px;margin-bottom:24px;font-family:var(--font-display,inherit);font-size:.8125rem;font-weight:600;color:var(--color-primary);text-decoration:none}.belajar-kedinasan-link:hover{text-decoration:underline}.level-sheet-overlay{position:fixed;inset:0;background:rgba(14,17,22,.45);z-index:200;display:flex;align-items:flex-end;animation:level-sheet-fade .18s ease-out}.level-sheet{width:100%;max-width:480px;margin:0 auto;background:var(--color-paper,var(--color-bg));border-radius:20px 20px 0 0;padding:0 0 env(safe-area-inset-bottom,16px);max-height:80vh;overflow-y:auto;box-shadow:0 -12px 40px rgba(14,17,22,.18);animation:level-sheet-rise .24s cubic-bezier(.22,1,.36,1)}@keyframes level-sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes level-sheet-rise{0%{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion:reduce){.level-sheet,.level-sheet-overlay{animation:none}}.level-sheet-grip{width:36px;height:4px;border-radius:2px;background:var(--color-line);margin:10px auto 0}.level-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 20px 14px;border-bottom:1px solid var(--color-line)}.level-sheet-heading{display:flex;flex-direction:column;gap:3px;flex:1}.level-sheet-kicker{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary)}.level-sheet-kicker,.level-sheet-topik{font-family:var(--font-display,inherit)}.level-sheet-topik{font-size:1.125rem;font-weight:800;letter-spacing:-.01em;color:var(--color-ink);line-height:1.25;text-wrap:balance}.level-sheet-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface);border:none;border-radius:999px;cursor:pointer;color:var(--color-ink-2)}.level-sheet-close:hover{color:var(--color-ink)}.level-sheet-levels{display:flex;flex-direction:column}.level-sheet-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--color-line);text-decoration:none;color:var(--color-ink);gap:12px;transition:background .15s}.level-sheet-row:last-child{border-bottom:none}a.level-sheet-row:hover{background:var(--color-surface)}.level-sheet-row--resume{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.level-sheet-row--nonaktif{opacity:.55}.level-sheet-row-left{display:flex;flex-direction:column;gap:3px;min-width:0}.level-sheet-row-nama{font-family:var(--font-display,inherit);font-size:.9375rem;font-weight:600;color:var(--color-ink)}.level-sheet-row-meta{font-size:.75rem;color:var(--color-ink-soft);line-height:1.45}.level-sheet-num{font-family:var(--font-mono,ui-monospace,monospace);font-weight:700;letter-spacing:-.02em;color:var(--color-ink-2)}.level-sheet-row-cta{font-size:.75rem;color:var(--color-primary);white-space:nowrap}.level-sheet-row-cta,.level-sheet-row-segera{flex-shrink:0;font-family:var(--font-display,inherit);font-weight:700}.level-sheet-row-segera{font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-soft)}.level-sheet-row-skeleton{height:58px;margin:6px 20px;border-radius:12px;background:var(--color-surface);animation:pulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.level-sheet-row-skeleton{animation:none;opacity:.7}}.level-sheet-kosong{display:flex;flex-direction:column;gap:8px;padding:20px;font-size:.8125rem;color:var(--color-ink-2)}.level-sheet-kosong-link{font-family:var(--font-display,inherit);font-weight:600;color:var(--color-primary);text-decoration:none}.level-sheet-footer{padding:12px 20px 16px;border-top:1px solid var(--color-line)}.level-sheet-materi-link{font-family:var(--font-display,inherit);font-size:.8125rem;font-weight:600;color:var(--color-ink-2);text-decoration:none}.level-sheet-materi-link:hover{color:var(--color-primary)}.kegiatan-page{padding-bottom:32px}.kegiatan-monitor{background:var(--color-paper-elevated,var(--color-surface));border:1px solid var(--color-line,var(--color-border));border-radius:14px;padding:14px 16px;margin-bottom:14px;box-shadow:0 1px 2px rgba(14,17,22,.04),0 4px 14px -6px rgba(14,17,22,.12)}.kegiatan-monitor.neraca--perhatian{border-color:#e8a090;background:#fff6f4}.kegiatan-monitor.neraca--padat{border-color:#d4b060;background:#fffbf0}[data-theme=dark] .kegiatan-monitor.neraca--perhatian{border-color:rgba(197,72,90,.4);background:rgba(197,72,90,.07)}[data-theme=dark] .kegiatan-monitor.neraca--padat{border-color:rgba(212,176,96,.4);background:rgba(212,176,96,.07)}.monitor-baris{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 0}.monitor-label{font-size:12px;color:var(--color-ink-muted)}.monitor-nilai{font-size:12px;font-weight:700;font-family:var(--font-mono,monospace);color:var(--color-ink);display:flex;align-items:center;gap:6px}.monitor-badge{font-size:10px;font-weight:800;text-transform:uppercase;padding:1px 6px;border-radius:4px}.monitor-badge--seimbang{background:#d4efd8;color:#2a6a30}.monitor-badge--padat{background:#fef2c7;color:#8a5a10}.monitor-badge--perhatian{background:#fde8e4;color:#b03020}.monitor-kedinasan{border-top:1px solid var(--color-border);margin-top:10px;padding-top:10px;display:flex;flex-direction:column;gap:8px}.monitor-kedinasan-item{display:flex;flex-direction:column;gap:2px}.monitor-kedinasan-nama{font-size:11px;font-weight:800;color:var(--color-ink);text-transform:uppercase}.monitor-kedinasan-syarat{font-size:11px;color:var(--color-ink-muted)}.monitor-proyeksi--kemungkinan-terpenuhi{color:#2a6a30}.monitor-proyeksi--berisiko{color:#8a5a10}.monitor-proyeksi--sangat-berat{color:#b03020}.monitor-kedinasan-saran{font-size:11px;color:#8a5a10;margin:2px 0 0;line-height:1.5}.monitor-tubuh-cta{background:none;border:1px dashed var(--color-border);border-radius:8px;padding:6px 12px;font-size:11px;font-weight:600;color:var(--color-accent);cursor:pointer;text-align:left}.monitor-tubuh-cta:hover{border-color:var(--color-accent)}.tubuh-form-wrap{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;display:flex;align-items:flex-end;padding:0 0 env(safe-area-inset-bottom,0)}.tubuh-form{background:var(--color-bg);border-radius:20px 20px 0 0;padding:24px 20px 32px;width:100%;display:flex;flex-direction:column;gap:12px}.tubuh-form-title{font-size:16px;font-weight:800;color:var(--color-ink)}.tubuh-form-note{font-size:11px;color:var(--color-ink-muted);margin:0}.tubuh-form-field{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--color-ink-muted)}.tubuh-form-actions{display:flex;gap:8px;margin-top:4px}.kegiatan-kotak{background:var(--color-paper-elevated,var(--color-surface));border:1px solid var(--color-line,var(--color-border));border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:0 1px 2px rgba(14,17,22,.04),0 6px 18px -8px rgba(14,17,22,.14)}.kotak-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.kotak-judul{font-size:15px;font-weight:800;color:var(--color-ink);margin:0}.kotak-toggle{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700;color:var(--color-accent);cursor:pointer}.kotak-toggle:hover{border-color:var(--color-accent)}.kotak-copy{font-size:12px;line-height:1.55;margin:0 0 10px}.kotak-copy,.kotak-note{color:var(--color-ink-muted)}.kotak-note{font-size:11px;margin:0 0 8px;font-style:italic}.kotak-note--warn{color:#8a5a10;font-style:normal}.kotak-cta-link{display:inline-block;font-size:13px;font-weight:700;color:var(--color-accent);text-decoration:none;padding:8px 14px;border:1.5px solid var(--color-accent);border-radius:10px}.kotak-cta-link:hover{background:var(--color-accent);color:#fff}.stamina-ceklis{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.ceklis-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ceklis-label{font-size:11px;font-weight:700;color:var(--color-ink-muted);min-width:90px}.ceklis-dots{display:flex;gap:4px}.ceklis-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-bg);font-size:10px;font-weight:700;color:var(--color-ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .12s,background .12s}.ceklis-dot--done{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.ceklis-status{font-size:12px;font-weight:700;font-family:var(--font-mono,monospace);color:var(--color-ink-muted)}.kotak-form{border-top:1px solid var(--color-border);margin-top:12px;padding-top:12px;display:flex;flex-direction:column;gap:8px}.stamina-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}@media (max-width:400px){.stamina-form-grid{grid-template-columns:1fr 1fr}}.stamina-form-field{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:700;color:var(--color-ink-muted)}.stamina-riset-note{font-size:10px;color:var(--color-ink-muted);font-style:italic;margin:4px 0 0}.kegiatan-input{border:1.5px solid var(--color-border);border-radius:8px;padding:7px 10px;font-size:13px;background:var(--color-bg);color:var(--color-ink);font-family:inherit;width:100%;box-sizing:border-box}.kegiatan-input:focus{outline:none;border-color:var(--color-accent)}.kegiatan-input--sm{max-width:80px}.kegiatan-btn{border:none;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.kegiatan-btn--primary{background:var(--color-accent);color:#fff}.kegiatan-btn--primary:hover{opacity:.88}.kegiatan-btn--ghost{background:var(--color-bg);border:1.5px solid var(--color-border);color:var(--color-ink)}.kegiatan-form-row{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-start}.kegiatan-form-actions{display:flex;gap:8px}.kotak-ifthen-preview{font-size:12px;font-style:italic;color:var(--color-ink-muted);margin:0;padding:6px 10px;background:var(--color-bg);border-radius:8px;border:1px solid var(--color-border)}.kegiatan-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.kegiatan-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px}.kegiatan-item--warn{border-color:#d4b060}.kegiatan-item-info{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.kegiatan-item-nama{font-size:13px;font-weight:700;color:var(--color-ink)}.kegiatan-item-kat,.kegiatan-item-peran{font-size:10px;color:var(--color-ink-muted);background:var(--color-surface);padding:1px 5px;border-radius:4px}.kegiatan-item-jadwal{font-size:11px;color:var(--color-accent);font-weight:700}.kegiatan-item-jam{font-size:11px;color:var(--color-ink-muted)}.kegiatan-item-warn{font-size:10px;color:#8a5a10;width:100%}.kegiatan-hapus{background:none;border:none;color:var(--color-ink-muted);font-size:14px;cursor:pointer;padding:2px 6px;border-radius:4px;flex-shrink:0}.kegiatan-hapus:hover{background:#fde8e4;color:#b03020}.kegiatan-empty{font-size:12px;color:var(--color-ink-muted);font-style:italic;margin:4px 0 0}.ekskul-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.ekskul-chip{display:inline-flex;align-items:center;gap:4px;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700;color:var(--color-ink);cursor:pointer;transition:border-color .12s}.ekskul-chip--wajib,.ekskul-chip:hover{border-color:var(--color-accent)}.ekskul-wajib-tag{font-size:9px;text-transform:uppercase;background:var(--color-accent);color:#fff;border-radius:3px;padding:0 4px}.neraca-nudge{background:#fde8e4;border:1px solid #e8a090;border-radius:8px;padding:8px 12px;margin-bottom:8px}[data-theme=dark] .neraca-nudge{background:rgba(197,72,90,.08);border-color:rgba(197,72,90,.3)}.neraca-nudge-text{font-size:12px;color:#b03020;line-height:1.5}[data-theme=dark] .neraca-nudge-text{color:#f08070}.zona-target-page{padding-bottom:32px}.zona-target-header{padding:20px 0 12px}.zona-target-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-warm,#b5481f);margin-bottom:4px}.zona-target-judul{font-size:24px;font-weight:900;margin:0 0 6px;color:var(--color-ink);line-height:1.2}.zona-target-lead{font-size:13px;color:var(--color-ink-muted);margin:0;line-height:1.5}.zona-target-section{margin-top:24px}.zona-target-section-title{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted);margin:0 0 10px}.target-zona-list{display:flex;flex-direction:column;gap:10px}.target-zona-card{display:flex;flex-direction:column;align-items:stretch;background:var(--color-surface,#fff);border:1px solid var(--color-line,#e7e2d7);border-radius:14px;padding:13px 14px;position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(14,17,22,.04),0 4px 14px -8px rgba(14,17,22,.11);transition:box-shadow .28s ease,transform .28s cubic-bezier(.22,1,.36,1);animation:tzRise .5s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--i, 0) * 55ms)}.target-zona-card:hover{box-shadow:0 4px 8px rgba(14,17,22,.07),0 16px 36px -12px rgba(14,17,22,.22);transform:translateY(-3px)}.target-zona-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0}.target-zona-card--kedinasan:before,.target-zona-card--ptn:before,.target-zona-card--pts:before{display:none}.target-zona-card--belajar:before{background:#2a2d33}.target-zona-card--berkas:before{background:#7c5c2f}.target-zona-card--placeholder{opacity:.68}.target-zona-hero{margin:-13px -14px 14px;overflow:hidden;border-radius:14px 14px 0 0}.target-zona-hero img{width:100%;height:auto;display:block}.target-zona-top{display:flex;align-items:center;gap:14px}.target-zona-ico{width:44px;height:44px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:10.5px;letter-spacing:.04em;color:#fff;margin-top:2px}.target-zona-card--kedinasan .target-zona-ico{background:#0d2b55}.target-zona-card--ptn .target-zona-ico{background:var(--color-primary,#b5481f)}.target-zona-card--pts .target-zona-ico{background:#2f6f57}.target-zona-card--belajar .target-zona-ico{background:#2a2d33}.target-zona-card--berkas .target-zona-ico{background:#7c5c2f}.target-zona-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.target-zona-label{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-muted,#5f5e5a)}.target-zona-nilai{font-size:14.5px;font-weight:700;color:var(--color-ink,#0e1116);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.target-zona-nilai--mono{font-family:var(--font-mono,monospace);font-size:18px}.target-zona-nilai--muted{font-style:italic}.target-zona-nilai--muted,.target-zona-sub{color:var(--color-ink-muted,#5f5e5a);font-weight:500}.target-zona-sub{font-size:11px}.target-zona-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.target-zona-chip{font-size:11px;font-weight:700;color:var(--color-ink,#0e1116);background:var(--color-surface-2,#f4f2ee);border:1px solid var(--color-line,#e7e2d7);border-radius:6px;padding:2px 7px;white-space:nowrap}.target-zona-chip--more{color:var(--color-ink-muted,#5f5e5a);background:transparent;border-color:transparent;font-weight:600}.target-zona-cta{flex-shrink:0;font-size:12px;font-weight:700;color:var(--color-accent,var(--color-primary,#b5481f));text-decoration:none;white-space:nowrap;padding:4px 0 4px 8px}.target-zona-cta:hover{text-decoration:underline}.target-katalog{margin-top:12px;padding-top:10px;border-top:1px solid var(--color-line,#e7e2d7);display:flex;flex-direction:column;gap:6px}.target-katalog-grup{border:1px solid var(--color-line,#e7e2d7);border-radius:10px;background:var(--color-surface-2,#f9f8f5);overflow:hidden}.target-katalog-grup>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;font-size:12.5px;font-weight:800;color:var(--color-ink,#0e1116);-webkit-user-select:none;-moz-user-select:none;user-select:none}.target-katalog-grup>summary::-webkit-details-marker{display:none}.target-katalog-grup>summary:after{content:"+";font-size:15px;font-weight:700;color:var(--color-ink-muted,#5f5e5a);line-height:1}.target-katalog-grup[open]>summary:after{content:"\2212"}.target-katalog-grup-count{font-size:10.5px;font-weight:700;color:var(--color-ink-muted,#5f5e5a);font-family:var(--font-mono,monospace);margin-left:auto;padding-right:8px}.target-katalog-grup-isi{border-top:1px solid var(--color-line,#e7e2d7);background:var(--color-surface,#fff);display:flex;flex-direction:column}.target-katalog-row{display:flex;align-items:baseline;gap:8px;padding:8px 12px;text-decoration:none;border-bottom:1px solid var(--color-line,#efece6)}.target-katalog-row:last-child{border-bottom:none}.target-katalog-row:hover{background:var(--color-surface-2,#f9f8f5)}.target-katalog-row-nama{font-size:12.5px;font-weight:700;color:var(--color-ink,#0e1116);white-space:nowrap}.target-katalog-row-kota{flex:1;min-width:0;font-size:11px;overflow:hidden;text-overflow:ellipsis}.target-katalog-row-kota,.target-katalog-row-meta{color:var(--color-ink-muted,#5f5e5a);white-space:nowrap}.target-katalog-row-meta{font-size:10.5px;font-weight:700;font-family:var(--font-mono,monospace)}.target-katalog-kampus{border-bottom:1px solid var(--color-line,#efece6)}.target-katalog-kampus:last-child{border-bottom:none}.target-katalog-kampus>summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:8px;padding:8px 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.target-katalog-kampus>summary::-webkit-details-marker{display:none}.target-katalog-kampus>summary:hover,.target-katalog-kampus[open]>summary{background:var(--color-surface-2,#f9f8f5)}.target-katalog-kampus-detail{padding:4px 12px 12px;display:flex;flex-direction:column;gap:8px}.target-katalog-keunggulan{font-size:11.5px;color:var(--color-ink,#2a2d33);line-height:1.5;margin:0}.target-katalog-tabel{width:100%;border-collapse:collapse;font-size:11px}.target-katalog-tabel th{text-align:left;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--color-ink-muted,#5f5e5a);padding:4px 8px 4px 0;border-bottom:1px solid var(--color-line,#e7e2d7)}.target-katalog-tabel td{padding:5px 8px 5px 0;border-bottom:1px solid var(--color-line,#f1efe9);color:var(--color-ink,#0e1116);vertical-align:top}.target-katalog-tabel tr:last-child td{border-bottom:none}.target-katalog-tabel .num{font-family:var(--font-mono,monospace);font-weight:700;white-space:nowrap;text-align:right;padding-right:0}.target-katalog-tabel th.num{text-align:right}.target-katalog-alumni-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--color-ink-muted,#5f5e5a)}.target-katalog-alumni{display:flex;flex-wrap:wrap;gap:4px}.target-katalog-disclaimer{font-size:10px;color:var(--color-ink-muted,#5f5e5a);font-style:italic;line-height:1.5;margin:2px 0 0}.target-katalog-note{margin:0;padding:9px 12px;font-size:10.5px;line-height:1.55;color:var(--color-ink,#2a2d33);background:var(--color-surface-2,#f4f2ee);border-bottom:1px solid var(--color-line,#e7e2d7)}.target-katalog-row--stack{flex-direction:column;align-items:stretch;gap:3px}.target-katalog-row-top{display:flex;align-items:baseline;gap:8px}.target-katalog-row-biaya{font-size:10px;line-height:1.5;color:var(--color-ink-muted,#5f5e5a)}.target-katalog-fak{display:flex;flex-direction:column;gap:4px}.target-katalog-fak+.target-katalog-fak{margin-top:6px}.target-katalog-fakultas{font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--color-ink,#0e1116)}.target-link-row{display:flex;align-items:center;gap:12px;background:var(--color-surface,#fff);border:1px solid var(--color-line,#e7e2d7);border-radius:12px;padding:11px 14px;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(14,17,22,.04),0 4px 14px -8px rgba(14,17,22,.1);transition:box-shadow .28s ease,transform .28s cubic-bezier(.22,1,.36,1);animation:tzRise .45s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--i, 0) * 50ms)}.target-link-row:focus-visible,.target-link-row:hover{box-shadow:0 4px 8px rgba(14,17,22,.07),0 16px 36px -12px rgba(14,17,22,.2);transform:translateY(-3px)}.target-link-go{transition:transform .3s cubic-bezier(.16,1,.3,1),color .2s ease}.target-link-row:focus-visible .target-link-go,.target-link-row:hover .target-link-go{transform:translateX(3px);color:var(--color-primary,#b5481f)}.target-link-ico{width:38px;height:38px;flex-shrink:0;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;letter-spacing:.04em;color:#fff;background:#2a2d33}.target-link-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.target-link-nama{font-size:13px;font-weight:700;color:var(--color-ink,#0e1116)}.target-link-desc{font-size:11px}.target-link-desc,.target-link-go{color:var(--color-ink-muted,#5f5e5a)}.target-link-go{flex-shrink:0;font-size:18px;font-weight:700;line-height:1}@keyframes tzRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.target-link-go,.target-link-row,.target-zona-card{transition:none}.target-link-row,.target-zona-card{animation:none!important;opacity:1;transform:none}.target-link-row:focus-visible,.target-link-row:hover,.target-zona-card:hover{transform:none}.target-link-row:focus-visible .target-link-go,.target-link-row:hover .target-link-go{transform:none}}.target-katalog-note--kemenhub{padding:10px 13px}.target-katalog-biaya-list{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:5px}.target-katalog-biaya-list li{font-size:10.5px;line-height:1.55;color:var(--color-ink,#0e1116)}.target-katalog-ukt-info{margin:0 0 8px;padding:8px 10px;font-size:10.5px;line-height:1.5;color:var(--color-ink,#0e1116);background:var(--color-surface-2,#f4f2ee);border-radius:6px}.target-katalog-jalur{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.target-katalog-jalur-row{display:flex;align-items:flex-start;gap:7px;font-size:10.5px;line-height:1.5}.target-katalog-jalur-badge{flex-shrink:0;font-size:9px;font-weight:800;letter-spacing:.04em;padding:1px 7px;border-radius:10px;color:#fff;margin-top:1px}.target-katalog-jalur-badge--snbp{background:#1b4b8a}.target-katalog-jalur-badge--snbt{background:#1b5c3a}.target-katalog-jalur-badge--mandiri{background:#5a3a8f}.target-katalog-jalur-detail{color:var(--color-ink,#0e1116);flex:1}.konflik-panel{background:#fff3f0;border:1.5px solid #e8a090;border-radius:12px;padding:14px 16px}[data-theme=dark] .konflik-panel{background:rgba(197,72,90,.08);border-color:rgba(197,72,90,.4)}.konflik-panel-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.konflik-panel-icon{width:20px;height:20px;border-radius:50%;background:#e8503a;color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.konflik-panel-judul{font-size:13px;font-weight:800;color:#b03020}[data-theme=dark] .konflik-panel-judul{color:#f08070}.konflik-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.konflik-panel-item{display:flex;flex-direction:column;gap:3px}.konflik-item-events{font-size:12px;font-weight:700;color:var(--color-ink)}.konflik-item-sep{font-weight:400;color:var(--color-ink-muted)}.konflik-item-saran{font-size:12px;color:#b03020;line-height:1.5}[data-theme=dark] .konflik-item-saran{color:#f08070}.konflik-panel-item--dempet .konflik-item-saran{color:#8a5a20}[data-theme=dark] .konflik-panel-item--dempet .konflik-item-saran{color:#c09050}.timeline-strip-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.timeline-strip{display:flex;align-items:flex-start;gap:0;min-width:-moz-max-content;min-width:max-content;padding:4px 2px 8px;position:relative}.timeline-event{display:flex;flex-direction:column;align-items:center;position:relative;width:96px;flex-shrink:0}.timeline-connector{position:absolute;top:7px;left:-48px;width:96px;height:2px;background:var(--color-border);z-index:0}.timeline-event--konflik .timeline-connector{background:#e8a090}.timeline-dot{width:14px;height:14px;border-radius:50%;background:var(--color-surface);border:2.5px solid var(--color-ink-muted);z-index:1;position:relative}.timeline-event--aktif .timeline-dot{border-color:var(--color-accent);background:var(--color-accent)}.timeline-event--konflik .timeline-dot{border-color:#e8503a;background:#fff3f0}.timeline-event-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1px;margin-top:6px;padding:0 4px}.timeline-event-tanggal{font-size:10px;font-weight:800;color:var(--color-ink-muted)}.timeline-event-nama{font-size:10px;font-weight:600;color:var(--color-ink);line-height:1.3;word-break:break-word;hyphens:auto}.timeline-event-badge{font-size:9px;font-weight:900;background:#e8503a;color:#fff;border-radius:50%;width:13px;height:13px;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}.zona-target-link-sm{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:var(--color-accent);text-decoration:none}.zona-target-link-sm:hover{text-decoration:underline}.jadwal-week-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:14px;margin-bottom:14px}.jadwal-hari-pill{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 14px;border-radius:10px;border:1.5px solid var(--color-border);background:var(--color-surface);cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s}.jadwal-hari-pill.active{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.jadwal-hari-label{font-size:12px;font-weight:700}.jadwal-hari-dot{width:18px;height:18px;border-radius:50%;background:var(--color-coral);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center}.jadwal-hari-pill.active .jadwal-hari-dot{background:#fff;color:var(--color-ink)}.jadwal-jam-block{display:flex;flex-direction:column;align-items:center;gap:0;flex-shrink:0;min-width:44px}.jadwal-jam-mulai{font-size:13px;font-weight:800;color:var(--color-text)}.jadwal-jam-sep{font-size:9px;color:var(--color-ink);line-height:1}.jadwal-jam-selesai{font-size:11px;color:var(--color-ink);font-weight:600}.jadwal-form-label{display:block;font-size:12px;font-weight:700;color:var(--color-ink);margin-bottom:4px}.jadwal-form-input,.jadwal-form-select,.jadwal-form-textarea{width:100%;padding:8px 10px;border-radius:8px;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:14px;font-family:inherit;box-sizing:border-box;outline:none}.jadwal-form-input:focus,.jadwal-form-select:focus,.jadwal-form-textarea:focus{border-color:var(--color-primary)}.jadwal-form-textarea{resize:vertical;line-height:1.5}.jadwal-detail-row{display:flex;gap:8px;margin-top:10px;font-size:13px;line-height:1.5}.jadwal-detail-label{font-weight:700;color:var(--color-ink);flex-shrink:0;min-width:64px}.jadwal-detail-val{color:var(--color-text)}.jadwal-detail-warn .jadwal-detail-label{color:var(--color-error,#c0392b)}.sesi-topik-panel{margin-top:14px;border-top:1px dashed var(--color-border);padding-top:12px}.sesi-topik-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.sesi-topik-meta{display:flex;flex-direction:column;gap:1px}.sesi-topik-title{font-size:13px;font-weight:800;color:var(--color-text)}.sesi-topik-stat{font-size:11px;font-weight:600;color:var(--color-ink);opacity:.75}.sesi-topik-buka-link{font-size:12px;font-weight:700;color:var(--color-primary);text-decoration:none;white-space:nowrap;flex-shrink:0}.sesi-topik-prog-bar{height:4px;border-radius:99px;background:var(--color-border);margin-bottom:10px;overflow:hidden}.sesi-topik-prog-fill{height:100%;border-radius:99px;background:var(--color-primary);transition:width .3s ease}.sesi-topik-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.sesi-topik-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;background:var(--color-surface);border:1px solid var(--color-border)}.sesi-topik-reorder{display:flex;flex-direction:column;gap:1px;flex-shrink:0}.sesi-topik-arrow{background:none;border:none;cursor:pointer;font-size:9px;color:var(--color-ink);padding:1px 3px;line-height:1;border-radius:3px;opacity:.6;transition:opacity .15s}.sesi-topik-arrow:hover:not(:disabled){opacity:1;background:var(--color-border)}.sesi-topik-arrow:disabled{opacity:.2;cursor:default}.sesi-topik-nomor{font-size:11px;font-weight:800;color:var(--color-ink);opacity:.45;min-width:16px;text-align:center;flex-shrink:0}.sesi-topik-nama-link{flex:1;min-width:0;text-decoration:none;display:flex;flex-direction:column;gap:1px}.sesi-topik-nama{font-size:12.5px;font-weight:700;color:var(--color-text)}.sesi-topik-nama,.sesi-topik-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.sesi-topik-sub{font-size:10.5px;color:var(--color-ink);opacity:.65}.sesi-topik-nama-link:hover .sesi-topik-nama{color:var(--color-primary)}.rz-wrap{padding:0 16px 32px;display:flex;flex-direction:column;gap:20px;max-width:640px;margin:0 auto}.rz-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (min-width:480px){.rz-grid{grid-template-columns:repeat(4,1fr)}}.rz-kartu{display:flex;flex-direction:column;gap:2px;padding:14px 14px 12px;border:none;border-radius:14px;text-decoration:none;background:var(--color-paper-elevated,var(--color-surface,#fff));box-shadow:0 1px 2px rgba(14,17,22,.05),0 6px 20px -8px rgba(14,17,22,.16);transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1)}.rz-kartu:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(14,17,22,.06),0 12px 28px -8px rgba(14,17,22,.22)}.rz-kartu__zona{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-ink-soft,#5f5e5a)}.rz-kartu__angka{font-size:26px;font-weight:800;font-family:var(--font-mono,monospace);line-height:1.1;color:var(--color-ink);margin-top:2px}.rz-kartu__kalimat{font-size:11.5px;color:var(--color-ink-soft,#5f5e5a);line-height:1.35}.rz-resume{padding:14px 16px;background:var(--color-surface,var(--color-paper-elevated,#fff));border-radius:12px;border:1px solid var(--color-line,var(--color-border))}.rz-resume__judul{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-soft,#5f5e5a);margin:0 0 10px}.rz-resume__dl{margin:0;display:flex;flex-direction:column;gap:5px}.rz-resume__baris{display:flex;gap:8px;font-size:13px}.rz-resume__baris dt{color:var(--color-ink-soft,#5f5e5a);min-width:88px;flex-shrink:0}.rz-resume__baris dd{color:var(--color-ink);margin:0;font-weight:600}.rz-rapor{padding:14px 16px;background:var(--color-surface,#fff);border-radius:12px;border:1px solid var(--color-line,var(--color-border))}.rz-rapor__judul{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-soft,#5f5e5a);margin:0 0 10px}.rz-rapor__cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rz-rapor__col{display:flex;flex-direction:column;gap:4px}.rz-rapor__label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft,#5f5e5a)}.rz-rapor__item{font-size:12.5px;line-height:1.4;margin:0;color:var(--color-ink)}.rz-rapor__item--kuat b{color:var(--color-primary,#137a4b)}.rz-rapor__item--butuh b{color:var(--color-warning,#c96b14)}