.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-coral,#d8553f);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}.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:38px;height:38px;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;min-width:188px;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{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}.app-content-inner{max-width:720px;margin:0 auto;padding:18px 14px calc(62px + env(safe-area-inset-bottom, 0px))}body{overscroll-behavior-x:none}.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}.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;gap:2px;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-weight:600;font-size:.625rem;letter-spacing:.01em;line-height:1.1}.bottom-navbar-label,.logo{font-family:var(--font-display,inherit)}.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}.nav-section-title{font-family:var(--font-display,inherit);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-left:3px solid var(--color-ink);background:var(--color-paper-elevated,#fff);border-radius:0 12px 12px 0;margin-bottom:4px}.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(.34,1.56,.64,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}.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-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:1080px;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}}@media (min-width:1280px){.app-sidebar{width:272px;padding:22px 16px 26px}.app-sidebar+div{margin-left:272px}.app-topbar{padding:10px 36px}.app-content-inner{max-width:1120px;padding:32px 40px 56px}}@media (min-width:1440px){.app-sidebar{width:288px}.app-sidebar+div{margin-left:288px}.app-topbar{padding:12px 48px}.app-content-inner{max-width:1160px;padding:36px 48px 64px}}@media (min-width:1320px){.belajar-mapel-grid{grid-template-columns:repeat(4,1fr)}}.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-coral)}.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)}