@layer theme, base, components, utilities;@layer components{.lp .picker{max-width:540px;margin-top:28px;padding:16px;border:2px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.lp .picker h2{margin-bottom:10px;font-family:var(--body);font-size:14px;font-weight:900;letter-spacing:0}.lp .picker .kelas{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}@media (max-width:420px){.lp .picker .kelas{grid-template-columns:repeat(4,minmax(0,1fr))}}.lp .picker .kelas button{padding:6px 0;border:solid var(--line);border-width:2px 2px 4px;border-radius:12px;background:var(--bg);color:var(--ink);font-family:var(--display);font-size:17px;font-weight:600;cursor:pointer}.lp .picker .kelas button[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-text)}.lp .picker .jenjang{display:flex;justify-content:space-between;gap:10px;margin:12px 0 8px;color:var(--muted);font-size:13px;font-weight:800}.lp .picker .jenjang b{color:var(--ink);font-weight:900}.lp .picker .mapel-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.lp .picker .mapel-list li{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0;padding:4px 9px;border-radius:10px;background:var(--surface-2);font-size:13.5px;font-weight:800}.lp .picker .mapel-list .soon{color:var(--muted)}.lp .picker .mapel-list .soon small{font-size:11.5px;font-weight:700}.lp .picker .mapel-list .soon a{color:var(--primary-text);font-size:12px;font-weight:900;text-decoration:underline;text-underline-offset:2px}.lp .picker .mapel-failed{color:var(--muted);font-size:13.5px;font-weight:700}.lp .picker .voice{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--primary-text);font-size:13px;font-weight:800}.lp .picker .voice img{flex:none;width:34px;height:auto}.lp .picker .voice[hidden]{display:none}.lp .mapel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px;align-items:start}}@layer theme, base, components, utilities;@layer components{@media (max-width:900px){.lp .mapel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.lp .mapel-grid{grid-template-columns:minmax(0,1fr)}}.lp .mapel{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:center;min-width:0;padding:20px;border:solid var(--line);border-width:2px 2px 6px;border-radius:24px;background:var(--surface);transition:transform .3s var(--ease)}.lp .mapel:hover{transform:translateY(-3px)}.lp .mapel-icon{width:84px;height:84px;object-fit:contain;user-select:none}.lp .mapel h3{margin-bottom:4px;font-size:20px}.lp .mapel p{font-size:14px;font-weight:700;color:var(--muted)}.lp .sma-line{margin-top:20px;padding:14px 18px;border-radius:18px;background:var(--surface-2);font-weight:700;color:var(--ink)}@media (prefers-reduced-motion:reduce){.lp .mapel{transition:none}.lp .mapel:hover{transform:none}}}@layer theme, base, components, utilities;@layer components{.lp .bintang-peek{position:fixed;right:max(8px,env(safe-area-inset-right,0px));bottom:0;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none}.lp .bintang-peek img{display:block;width:72px;height:auto;opacity:0;translate:0 100%;transition:translate .4s var(--ease),opacity .2s ease;-webkit-user-select:none;user-select:none}.lp .bintang-peek .peek-bubble{position:relative;max-width:min(240px,calc(100vw - 24px));margin-right:4px;padding:10px 12px;border:2px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);font-size:14px;font-weight:800;line-height:1.35;box-shadow:var(--shadow);opacity:0;translate:0 8px;transform-origin:calc(100% - 30px) 100%;transition:translate .3s var(--ease),opacity .2s ease}.lp .bintang-peek .peek-bubble:after{content:"";position:absolute;right:26px;bottom:-9px;width:14px;height:14px;border-right:2px solid var(--line);border-bottom:2px solid var(--line);background:var(--surface);transform:rotate(45deg)}.lp .bintang-peek .peek-bubble.pop{animation:lp-peek-pop .35s var(--ease)}@keyframes lp-peek-pop{0%{transform:scale(.85)}70%{transform:scale(1.04)}}.lp .bintang-peek[data-on][data-speaking] .peek-bubble,.lp .bintang-peek[data-on][data-speaking] img{opacity:1;translate:0 0}@media (min-width:1360px){.lp .bintang-peek img{width:96px}.lp .bintang-peek .peek-bubble:after{right:37px}.lp .bintang-peek[data-on]:not([data-closing]) img{opacity:1;translate:0 0}}}@layer theme, base, components, utilities;@layer components{.lp .closing-art{position:relative;display:grid;place-items:center;width:100%}.lp .closing-doodle{inset:0;width:100%;height:100%}.lp .closing-bintang{position:relative;z-index:2;width:min(320px,80%)!important;height:auto!important}@media (prefers-reduced-motion:no-preference){.lp .closing-bintang{animation:lp-closing-float 5s ease-in-out infinite}}@keyframes lp-closing-float{50%{transform:translateY(-8px)}}}@layer theme, base, components, utilities;@layer components{@media (prefers-reduced-motion:reduce){.lp,.lp *,.lp :after,.lp :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.lp .bintang .body,.lp .btn,.lp [data-magnet]{transform:none!important;translate:none!important}}}@layer theme, base, components, utilities;@layer components{.lp .tpr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}.lp .tpr-grid>*{min-width:0}@media (max-width:860px){.lp .tpr-grid{grid-template-columns:minmax(0,1fr)}}.lp .pro-tag{display:inline-block;padding:4px 10px;border-radius:10px;background:var(--primary-soft);color:var(--primary-text);font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.lp .ticks{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.lp .ticks li{display:flex;gap:10px;font-weight:700;color:var(--ink)}.lp .ticks .tick{display:grid;flex:none;place-items:center;width:22px;height:22px;margin-top:2px;border-radius:7px;background:var(--primary-soft)}.lp .ticks .tick:before{content:"";width:14px;height:14px;background-color:var(--primary-text);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center /contain no-repeat}.lp .chat{position:relative;display:grid;gap:10px;padding:20px;border:2px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow)}.lp .chat .who{display:flex;align-items:center;gap:10px;font-weight:900}.lp .chat .who img{width:44px;height:auto}.lp .chat .who small{display:block;color:var(--muted);font-size:12px;font-weight:700}.lp .msg{max-width:85%;padding:10px 13px;border-radius:16px;font-size:15px;font-weight:700}.lp .msg.me{justify-self:end;border-bottom-right-radius:6px;background:var(--primary);color:var(--on-primary)}.lp .msg.ai{border-bottom-left-radius:6px;background:var(--surface-2)}.lp .ortu-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:start}.lp .ortu-grid>*{min-width:0}}@layer theme, base, components, utilities;@layer components{@media (max-width:900px){.lp .ortu-grid{grid-template-columns:minmax(0,1fr)}}.lp .ortu-more{margin-top:16px;font-weight:800}.lp .ortu-more a{color:var(--primary-text);text-decoration:underline;text-underline-offset:3px}.lp .ortu-bintang{width:min(240px,60%)!important;height:auto!important;margin-top:20px}.lp .ortu-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media (max-width:560px){.lp .ortu-cards{grid-template-columns:minmax(0,1fr)}}.lp .oc{display:grid;gap:8px;align-content:start;min-width:0;padding:18px;border:2px solid var(--line);border-radius:22px;background:var(--bg)}.lp .oc-icon{width:56px;height:56px;object-fit:contain;user-select:none}.lp .oc h3{font-size:19px}.lp .oc p{font-size:15px;color:var(--muted)}}