@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-vietnamese-wght-normal.Bnh6xcKr.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-latin-ext-wght-normal.Ch-K9LVU.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-latin-wght-normal.BD2oGHtS.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #eef1f4;--ink: #141a3a;--text: #3d4456;--muted: #646b7d;--line: #e1e5ea;--accent: #00808f;--accent-ink: #ffffff;--accent-soft: #e2f3f4;--done: #2f8f4a;--progress: #c46f16;--stage: #10142b;--shadow: 0 1px 2px rgb(20 26 58 / .05), 0 8px 24px -12px rgb(20 26 58 / .14);--radius: 16px;--ease: cubic-bezier(.16, 1, .3, 1);--font: "Plus Jakarta Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root{--bg: #0d1022;--surface: #151a33;--surface-2: #1d2342;--ink: #eef0f7;--text: #c5c9d8;--muted: #9298ad;--line: #262d4e;--accent: #3cc3cf;--accent-ink: #08202a;--accent-soft: #11313a;--done: #4cc06a;--progress: #f0a04b;--stage: #080a17;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 8px 28px -12px rgb(0 0 0 / .6)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:17px;line-height:1.65;color:var(--text);background:var(--bg);min-height:100dvh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}img,video{max-width:100%;height:auto}a{color:var(--accent);text-underline-offset:3px}h1,h2,h3{color:var(--ink);line-height:1.2;letter-spacing:-.02em;font-weight:750}h1{font-size:clamp(1.75rem,4vw,2.6rem);margin:0}h2{font-size:1.35rem}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}::selection{background:var(--accent-soft)}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}main.wrap{flex:1;padding-top:32px;padding-bottom:72px}@media(max-width:640px){.wrap{padding:0 16px}main.wrap{padding-top:20px}}.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--bg);padding:8px 12px;z-index:20;border-radius:8px}.skip:focus{left:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.icon{flex:none}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid var(--line)}@media(prefers-reduced-transparency:reduce){.site-header{background:var(--bg);backdrop-filter:none}}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-logo{height:30px;width:auto;padding:4px 8px;border-radius:8px;background:#1b2456;box-sizing:content-box}.brand-logo-sinau{height:26px;width:auto;display:block;color:var(--ink)}.brand-name{white-space:nowrap;font-weight:800;font-size:1.08rem;letter-spacing:-.02em}.top-nav{display:flex;align-items:center;gap:2px}.top-nav a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:999px;color:var(--text);text-decoration:none;font-size:.93rem;font-weight:600;transition:background .2s var(--ease)}.top-nav a:hover,.top-nav a[aria-current=page]{background:var(--surface-2);color:var(--ink)}.ring{display:inline-flex;align-items:center;gap:8px;margin-left:6px;font-size:.85rem;font-weight:700;color:var(--ink);text-decoration:none;min-height:44px}.ring svg{transform:rotate(-90deg)}.ring .track{stroke:var(--line)}.ring .fill{stroke:var(--accent);transition:stroke-dashoffset .6s var(--ease)}@media(max-width:640px){.brand-logo{height:24px}.top-nav .label{display:none}.top-nav a{padding:0 8px}.brand{gap:8px}.brand-logo-sinau{height:20px}.ring .ring-pct{display:none}}.storage-warning{margin:0;background:color-mix(in srgb,var(--progress) 16%,var(--bg));color:var(--ink);text-align:center;padding:8px 16px;font-size:.9rem}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.site-footer .wrap{padding-top:20px;padding-bottom:20px}.site-footer p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;border:0;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:700;font-size:.98rem;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}.btn:hover{background:color-mix(in srgb,var(--accent) 88%,var(--ink))}.btn:active{transform:translateY(1px) scale(.98)}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink);background:transparent}.btn.danger{background:#b4372f;color:#fff}.btn.small{min-height:44px;padding:0 18px;font-size:.9rem}.type-label{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.type-label .icon{color:var(--accent)}.level{display:inline-block;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.bar{height:4px;border-radius:99px;background:var(--line);overflow:hidden}.bar>span{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit;transition:width .6s var(--ease)}[data-state=done] .bar>span{background:var(--done)}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}@keyframes reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}.hero>*{animation:rise .8s var(--ease) both}.hero>*:nth-child(2){animation-delay:.08s}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}.hero{display:grid;gap:28px;align-items:center;padding:8px 0 40px}@media(min-width:900px){.hero{grid-template-columns:1.05fr 1fr;gap:56px;padding:32px 0 64px}}.hero h1{font-size:clamp(2rem,4.6vw,3.25rem);line-height:1.08;letter-spacing:-.035em}.hero h1 em{font-style:normal;color:var(--accent)}.hero p.lead{font-size:1.12rem;color:var(--text);max-width:46ch;margin:18px 0 28px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.hero-progress{font-size:.92rem;color:var(--muted)}.hero-progress strong{color:var(--ink)}.next-card{display:block;text-decoration:none;color:inherit;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .35s var(--ease)}.next-card:hover{transform:translateY(-3px)}.next-media{position:relative;aspect-ratio:16 / 9;background:var(--stage)}.next-media img{width:100%;height:100%;object-fit:cover;display:block}.next-media .play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,transparent 40%,rgb(8 10 23 / .55))}.next-media .play .icon{width:64px;height:64px;filter:drop-shadow(0 4px 12px rgb(0 0 0 / .4));transition:transform .3s var(--ease)}.next-card:hover .play .icon{transform:scale(1.08)}.next-body{padding:18px 20px 20px;display:grid;gap:6px}.next-body .kicker{font-size:.85rem;font-weight:700;color:var(--accent)}.next-body h2{font-size:1.15rem;margin:0}.path-head{margin:8px 0 20px}.path-head h2{margin:0 0 4px;font-size:1.6rem}.path-head p{margin:0;color:var(--muted)}.path{list-style:none;margin:0;padding:0;position:relative}.path:before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:var(--line)}.path-step{position:relative;display:grid;grid-template-columns:48px 1fr;gap:16px;padding:10px 0}.path-num{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.05rem;background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line);transition:background .3s var(--ease)}[data-state=progress] .path-num{box-shadow:inset 0 0 0 2px var(--progress)}[data-state=done] .path-num{background:var(--done);color:#fff;box-shadow:none}.path-card{display:grid;grid-template-columns:1fr;gap:16px;text-decoration:none;color:inherit;background:var(--surface);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);transition:transform .35s var(--ease)}.path-card:hover{transform:translate(4px)}@media(min-width:720px){.path-card{grid-template-columns:220px 1fr;align-items:center;padding:14px 22px 14px 14px;gap:24px}}.path-thumb{aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--stage)}.path-thumb img{width:100%;height:100%;object-fit:cover;display:block}.path-info h3{margin:6px 0 4px;font-size:1.2rem}.path-info p{margin:0 0 12px;font-size:.95rem;color:var(--muted)}.path-meta{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--muted)}.path-meta .bar{flex:1;max-width:200px}.path-meta .series-count{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.optional-note{font-size:.8rem;font-weight:600;color:var(--muted);margin-left:8px}.playbook-band{margin-top:56px;display:grid;gap:24px;align-items:center;text-decoration:none;color:inherit;background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:transform .35s var(--ease)}.playbook-band:hover{transform:translateY(-3px)}@media(min-width:820px){.playbook-band{grid-template-columns:1fr 1.1fr;padding:28px 28px 28px 36px;gap:40px}}.playbook-band h2{margin:6px 0 8px;font-size:1.5rem}.playbook-band p{margin:0 0 18px;color:var(--muted);max-width:48ch}.playbook-band img{border-radius:12px;display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.crumbs{display:flex;align-items:center;gap:6px;font-size:.88rem;color:var(--muted);margin-bottom:16px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}.series-hero{display:grid;gap:28px;align-items:center;margin-bottom:40px}@media(min-width:900px){.series-hero{grid-template-columns:1.1fr 1fr;gap:48px}}.series-hero .lead{font-size:1.08rem;margin:12px 0 20px;max-width:52ch}.series-hero .thumb{aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--stage)}.series-hero .thumb img{width:100%;height:100%;object-fit:cover;display:block}.series-progress{display:flex;align-items:center;gap:12px;max-width:360px;font-size:.88rem}.series-progress .bar{flex:1}.series-progress .series-count{font-weight:700;color:var(--ink)}.objectives{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:8px}.objectives li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:.96rem}.objectives .icon{color:var(--accent);margin-top:3px}.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:step}.step a{display:grid;grid-template-columns:44px 1fr 28px;align-items:center;gap:16px;padding:16px 20px 16px 16px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:transform .3s var(--ease)}.step a:hover{transform:translate(4px)}.step-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.step-title{display:block;color:var(--ink);font-weight:700;font-size:1.03rem;line-height:1.35;margin-bottom:4px}.check{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--line);display:grid;place-items:center;color:transparent;transition:background .3s var(--ease)}.is-done .check{background:var(--done);box-shadow:none;color:#fff}.pager{display:grid;gap:12px;margin-top:48px}@media(min-width:720px){.pager{grid-template-columns:1fr 1fr}}.pager a{display:grid;gap:4px;padding:16px 20px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);font-weight:700;line-height:1.35;transition:transform .3s var(--ease)}.pager a:hover{transform:translateY(-2px)}.pager a.next{text-align:right;justify-items:end}.pager .type-label{font-weight:600}.item-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:24px}.item-head h1{max-width:30ch}.item-head .type-label{margin-top:10px}.mark-btn.is-done{background:var(--done);color:#fff;box-shadow:none}.mark-btn .when-done{display:none}.mark-btn.is-done .when-done{display:inline-flex;align-items:center;gap:6px}.mark-btn.is-done .when-todo{display:none}.video-layout{display:grid;gap:20px}@media(min-width:1080px){.video-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.video-layout .summary{position:sticky;top:84px;margin-top:0;max-height:calc(100dvh - 100px);overflow:auto}}.video-frame{position:relative;aspect-ratio:16 / 9;background:var(--stage);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.video-frame>div,.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-missing{display:grid;place-items:center;color:#c9cee3;text-align:center;padding:20px;height:100%}.summary{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.summary>summary{cursor:pointer;padding:16px 20px;font-weight:750;color:var(--ink);list-style:none;display:flex;align-items:center;gap:10px;min-height:52px}.summary>summary .icon{color:var(--accent)}.summary>summary::-webkit-details-marker{display:none}.summary>summary:after{content:"";margin-left:auto;width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .3s var(--ease)}.summary[open]>summary:after{transform:rotate(-135deg)}.summary-body{padding:0 20px 20px;font-size:.95rem}.summary-body h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 0 8px}.summary-body ul{margin:0;padding-left:18px}.summary-body li{margin-bottom:4px}.summary-core{font-size:1.02rem;color:var(--ink);font-weight:600;margin:0}.jumps{list-style:none;padding:0!important;display:grid;gap:6px}.jumps button{width:100%;text-align:left;font:inherit;font-size:.92rem;min-height:44px;padding:8px 12px;border-radius:12px;border:0;background:var(--surface-2);color:var(--ink);cursor:pointer;display:flex;gap:10px;align-items:center;transition:background .2s var(--ease)}.jumps button:hover{background:var(--accent-soft)}.jumps time{font-family:var(--mono);font-size:.85rem;font-weight:700;color:var(--accent);min-width:36px}.ai-note{font-size:.8rem;color:var(--muted);margin:18px 0 0}.read-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:11;background:var(--accent);transform-origin:0 50%;transform:scaleX(0)}@supports (animation-timeline: scroll()){.read-progress{animation:grow linear both;animation-timeline:scroll(root)}@keyframes grow{to{transform:scaleX(1)}}}.read-meta{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.9rem;margin:0 0 24px}.article-layout{display:grid;gap:32px;grid-template-columns:minmax(0,1fr)}@media(min-width:1000px){.article-layout{grid-template-columns:minmax(0,1fr) 240px;gap:56px}.toc-mobile{display:none}}@media(max-width:999px){.toc-side{display:none}}.toc-side nav{position:sticky;top:92px;font-size:.9rem;max-height:calc(100dvh - 120px);overflow:auto}.toc-side p{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px}.toc-side ol,.toc-mobile ol{list-style:none;padding:0;margin:0}.toc-side a{display:block;padding:6px 12px;text-decoration:none;color:var(--muted);border-left:2px solid var(--line);line-height:1.4;transition:color .2s,border-color .2s}.toc-side a:hover,.toc-side a.active{color:var(--ink);border-left-color:var(--accent)}.toc-mobile{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px}.toc-mobile summary{padding:14px 18px;cursor:pointer;font-weight:700;color:var(--ink);min-height:48px}.toc-mobile ol{padding:0 10px 12px}.toc-mobile a{min-height:44px;display:flex;align-items:center;padding:0 8px;text-decoration:none;color:var(--text);border-radius:8px}.prose{max-width:68ch;font-size:1.07rem;line-height:1.75}.prose h2{font-size:1.5rem;margin:2em 0 .6em;scroll-margin-top:88px}.prose h3{scroll-margin-top:88px}.prose p,.prose li{color:var(--text)}.prose strong{color:var(--ink)}.prose code{font-family:var(--mono);background:var(--surface-2);padding:2px 6px;border-radius:6px;font-size:.88em;color:var(--ink)}.prose pre{background:var(--stage);color:#e8eaf4;padding:16px 18px;border-radius:12px;overflow-x:auto;font-size:.9rem;white-space:pre-wrap;word-break:break-word}.prose pre code{background:none;padding:0;color:inherit}.prose .table-wrap{overflow-x:auto;margin:1.4em 0;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line)}.prose table{border-collapse:collapse;width:100%;min-width:460px;font-size:.95rem}.prose th,.prose td{padding:10px 14px;vertical-align:top;text-align:left;border-bottom:1px solid var(--line)}.prose tr:last-child td{border-bottom:0}.prose th,.prose tr:first-child td{background:var(--surface-2);color:var(--ink)}.prose td p{margin:.2em 0}.prose .table-wrap:has(table tr:only-child td:only-child){box-shadow:none}.prose table:has(tr:only-child td:only-child){min-width:0}.prose table:has(tr:only-child td:only-child) td{background:var(--accent-soft);border:0;border-left:4px solid var(--accent);padding:16px 20px;border-radius:0 12px 12px 0}.prose blockquote.callout{margin:1.4em 0;padding:14px 20px;background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:0 12px 12px 0}.prose blockquote.callout p{margin:.3em 0}.prose img{border-radius:12px}.prose figure.media{margin:1.6em 0}.prose figure.media video,.prose figure.media img{display:block;width:100%;border-radius:12px;background:var(--stage);box-shadow:var(--shadow)}.prose figure.media figcaption{font-size:.86rem;color:var(--muted);margin-top:8px}.prose ul:has(input[type=checkbox]){list-style:none;padding-left:0}.prose input[type=checkbox]{width:18px;height:18px;margin-right:10px;vertical-align:-3px;accent-color:var(--done)}.is-tutorial .prose{counter-reset:tstep}.is-tutorial .prose h2[id^=langkah]{counter-increment:tstep;position:relative}@media(min-width:1000px){.is-tutorial .prose h2[id^=langkah]:before{content:counter(tstep,decimal-leading-zero);position:absolute;right:calc(100% + 20px);top:.05em;font-size:1.5rem;font-weight:800;color:var(--accent);opacity:.55;font-variant-numeric:tabular-nums}}.slides{display:grid;gap:14px}.stage{position:relative;background:var(--stage);border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9;touch-action:pan-y;user-select:none;box-shadow:var(--shadow)}.stage img{width:100%;height:100%;object-fit:contain;display:block}.stage:fullscreen{border-radius:0;aspect-ratio:auto;display:grid;place-items:center}.stage-nav{position:absolute;top:0;bottom:0;width:20%;border:0;background:transparent;cursor:pointer;color:#fff;opacity:0;transition:opacity .25s;display:grid;place-items:center}.stage:hover .stage-nav:not(:disabled),.stage-nav:focus-visible{opacity:1}.stage-nav.prev{left:0;background:linear-gradient(90deg,rgb(8 10 23 / .35),transparent)}.stage-nav.next{right:0;background:linear-gradient(-90deg,rgb(8 10 23 / .35),transparent)}.slide-bar{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:999px;padding:6px;box-shadow:var(--shadow)}.icon-btn{min-width:44px;min-height:44px;border-radius:999px;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer;display:inline-grid;place-items:center;transition:background .2s}.icon-btn:hover{background:var(--surface-2)}.icon-btn:active{transform:scale(.96)}.icon-btn:disabled{opacity:.35;cursor:default}.counter{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;min-width:64px;text-align:center;font-size:.92rem}.slide-bar .spacer{flex:1}.thumbs{display:none;gap:10px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x mandatory}@media(min-width:820px){.thumbs{display:flex}}.thumbs button{flex:none;border:0;padding:0;border-radius:8px;overflow:hidden;cursor:pointer;opacity:.55;background:none;scroll-snap-align:start;transition:opacity .2s,box-shadow .2s}.thumbs button:hover{opacity:.85}.thumbs button[aria-current=true]{opacity:1;box-shadow:0 0 0 3px var(--accent)}.thumbs img{width:120px;display:block}.slide-text summary{cursor:pointer;color:var(--muted);font-size:.9rem;min-height:44px;display:flex;align-items:center}.settings{display:grid;gap:20px;max-width:720px;margin-top:24px}.panel{background:var(--surface);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.panel h2{margin:0 0 8px;font-size:1.15rem}.panel p{margin:0 0 12px}.settings label{display:block;font-weight:700;color:var(--ink);font-size:.9rem;margin-bottom:6px}.settings textarea{width:100%;min-height:96px;font-family:var(--mono);font-size:.82rem;padding:12px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink)}.settings textarea:focus{border-color:var(--accent);outline:none}.row-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.notice{font-size:.9rem;color:var(--muted)}