.c-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--c-surface-sunk)}.c-appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--c-space-2);padding:var(--c-space-2) var(--c-space-4);padding-top:calc(var(--c-space-2) + var(--c-safe-top));background:color-mix(in srgb,var(--c-surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-line)}.c-appbar__brand{display:flex;align-items:center;min-height:var(--c-touch)}.c-appbar__logo{height:1.75rem;width:auto}.c-appbar__spacer{margin-left:auto}.c-appbar__action{min-height:var(--c-touch);min-width:var(--c-touch);padding:0 var(--c-space-3);border:1px solid var(--c-line);border-radius:var(--c-radius-sm);background:var(--c-surface);font-size:var(--c-text-xs);font-weight:var(--c-weight-strong);letter-spacing:.04em;color:var(--c-ink-soft)}.c-shell__main{flex:1;min-width:0}.c-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--c-space-1);padding:var(--c-space-1) var(--c-space-2);padding-bottom:calc(var(--c-space-1) + var(--c-safe-bottom));background:color-mix(in srgb,var(--c-surface) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--c-line);box-shadow:var(--c-shadow-lifted)}.c-tabbar__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--c-tabbar-height);border-radius:var(--c-radius-sm);text-decoration:none;color:var(--c-ink-faint);font-size:var(--c-text-xs);font-weight:var(--c-weight-medium);line-height:1.1;text-align:center;padding:var(--c-space-1)}.c-tabbar__link[aria-current=page]{color:var(--c-accent);background:var(--c-accent-wash);font-weight:var(--c-weight-strong)}.c-tabbar__glyph{font-size:1.15rem;line-height:1}@media(min-width:900px){.c-tabbar{position:static;box-shadow:none;border-top:0;border-bottom:1px solid var(--c-line);grid-auto-columns:max-content;justify-content:center;gap:var(--c-space-2);padding:var(--c-space-2);-webkit-backdrop-filter:none;backdrop-filter:none}.c-tabbar__link{flex-direction:row;gap:var(--c-space-2);min-height:var(--c-touch);padding:0 var(--c-space-4);font-size:var(--c-text-sm)}.c-appbar__logo{height:2rem}}.c-shell__links{margin-top:var(--c-space-2);line-height:2}.c-shell__links a{white-space:nowrap}.c-shell__footer{padding:var(--c-space-6) var(--c-space-4) calc(var(--c-tabbar-height) + var(--c-space-6) + var(--c-safe-bottom));text-align:center;font-size:var(--c-text-xs);color:var(--c-ink-faint);line-height:var(--c-leading-normal)}@media(min-width:900px){.c-shell__footer{padding-bottom:var(--c-space-8)}}.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--c-space-2);min-height:var(--c-touch);padding:0 var(--c-space-4);border:1px solid var(--c-line-strong);border-radius:var(--c-radius-sm);background:var(--c-surface);color:var(--c-ink);font-size:var(--c-text-sm);font-weight:var(--c-weight-medium);text-decoration:none;transition:background var(--c-duration) var(--c-ease)}.c-btn:disabled{opacity:.45;cursor:not-allowed}.c-btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:#fff;font-weight:var(--c-weight-strong)}.c-btn--quiet{border-color:transparent;background:transparent;color:var(--c-ink-soft)}.c-btn--danger{border-color:var(--c-alert);color:var(--c-alert);background:var(--c-alert-wash)}.c-btn--lg{min-height:var(--c-touch-lg);font-size:var(--c-text-base);padding:0 var(--c-space-5)}.c-btn--block{width:100%}.c-card{background:var(--c-surface-raised);border:1px solid var(--c-line);border-radius:var(--c-radius);padding:var(--c-space-4);display:flex;flex-direction:column;gap:var(--c-space-3);box-shadow:var(--c-shadow-sm)}.c-card--flush{padding:0;overflow:hidden}.c-card--quiet{box-shadow:none;background:transparent}.c-card--calm{border-left:4px solid var(--c-calm)}.c-card--watch{border-left:4px solid var(--c-watch);background:var(--c-watch-wash)}.c-card--alert{border-left:4px solid var(--c-alert);background:var(--c-alert-wash)}.c-card--good{border-left:4px solid var(--c-good);background:var(--c-good-wash)}.c-card__head{display:flex;align-items:baseline;gap:var(--c-space-2);flex-wrap:wrap}.c-card__title{font-size:var(--c-text-base);font-weight:var(--c-weight-strong)}.c-card__aside{margin-left:auto;font-size:var(--c-text-xs);color:var(--c-ink-faint)}.c-chips{display:flex;flex-wrap:wrap;gap:var(--c-space-1)}.c-chip{display:inline-flex;align-items:center;font-size:var(--c-text-xs);border:1px solid var(--c-line);border-radius:var(--c-radius-pill);padding:var(--c-space-1) var(--c-space-3);color:var(--c-ink-soft);background:var(--c-surface)}.c-chip--accent{border-color:var(--c-accent);color:var(--c-accent-ink);background:var(--c-accent-wash)}.c-chip--alert{border-color:var(--c-alert);color:var(--c-alert);background:var(--c-alert-wash)}button.c-chip{min-height:var(--c-touch);padding-inline:var(--c-space-4);font-size:var(--c-text-sm)}button.c-chip[aria-pressed=true]{border-color:var(--c-accent);background:var(--c-accent);color:#fff;font-weight:var(--c-weight-medium)}.c-disclosure{border-top:1px solid var(--c-line);padding-top:var(--c-space-3);display:flex;flex-direction:column;gap:var(--c-space-2)}.c-disclosure__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--c-space-2);width:100%;min-height:var(--c-touch);padding:0;border:0;background:transparent;font-size:var(--c-text-sm);font-weight:var(--c-weight-medium);color:var(--c-ink);text-align:left}.c-disclosure__mark{color:var(--c-ink-faint);font-size:var(--c-text-xs)}.c-disclosure__body{display:flex;flex-direction:column;gap:var(--c-space-3);font-size:var(--c-text-sm);line-height:var(--c-leading-normal);color:var(--c-ink-soft)}.c-banner{border-radius:var(--c-radius);padding:var(--c-space-3) var(--c-space-4);font-size:var(--c-text-sm);line-height:var(--c-leading-normal);display:flex;flex-direction:column;gap:var(--c-space-2)}.c-banner--info{background:var(--c-accent-wash);color:var(--c-accent-ink)}.c-banner--warn{background:var(--c-watch-wash);color:#6d5219;border-left:3px solid var(--c-watch)}.c-banner--alert{background:var(--c-alert-wash);color:#7d2b2b;border-left:3px solid var(--c-alert)}.c-banner__title{font-weight:var(--c-weight-strong)}.c-empty{border:1px dashed var(--c-line-strong);border-radius:var(--c-radius);padding:var(--c-space-6) var(--c-space-4);text-align:center;color:var(--c-ink-soft);font-size:var(--c-text-sm);line-height:var(--c-leading-normal);display:flex;flex-direction:column;gap:var(--c-space-2)}.c-field{display:flex;flex-direction:column;gap:var(--c-space-1)}.c-field__label{font-size:var(--c-text-sm);font-weight:var(--c-weight-medium)}.c-field__hint{font-size:var(--c-text-xs);color:var(--c-ink-faint)}.c-input,.c-textarea,.c-select{min-height:var(--c-touch);border:1px solid var(--c-line-strong);border-radius:var(--c-radius-sm);background:var(--c-surface);padding:var(--c-space-2) var(--c-space-3);font-size:var(--c-text-base);width:100%}.c-textarea{min-height:6rem;resize:vertical;font-family:var(--c-font-mono);font-size:var(--c-text-sm)}.c-segment{display:inline-flex;padding:var(--c-space-1);gap:var(--c-space-1);background:var(--c-surface-sunk);border-radius:var(--c-radius-pill);border:1px solid var(--c-line)}.c-segment__btn{min-height:2.25rem;padding:0 var(--c-space-4);border:0;border-radius:var(--c-radius-pill);background:transparent;font-size:var(--c-text-sm);font-weight:var(--c-weight-medium);color:var(--c-ink-soft)}.c-segment__btn[aria-pressed=true]{background:var(--c-surface);color:var(--c-ink);box-shadow:var(--c-shadow-sm)}.companion{gap:var(--c-space-3)}.companion__status{display:flex;align-items:center;gap:var(--c-space-2)}.companion__turn{font-size:var(--c-text-sm);font-weight:var(--c-weight-strong)}.companion__badge{margin-left:auto;font-size:var(--c-text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-accent);border:1px solid currentColor;border-radius:var(--c-radius-pill);padding:2px var(--c-space-2)}.companion__board{width:100%;max-width:min(100%,calc(100vw - 2 * var(--c-space-4)));margin:0 auto}.companion__controls{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--c-space-2)}.companion__install{gap:var(--c-space-2)}.trail{margin:0 calc(-1 * var(--c-space-4));padding:0 var(--c-space-4)}.trail__list{display:flex;gap:var(--c-space-1);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--c-space-1)}.trail__list::-webkit-scrollbar{display:none}.trail__item{display:flex;align-items:center;gap:var(--c-space-1);scroll-snap-align:end;white-space:nowrap;max-width:13rem;min-height:2.25rem;padding:0 var(--c-space-3);border:1px solid var(--c-line);border-radius:var(--c-radius-pill);background:var(--c-surface);font-size:var(--c-text-xs);color:var(--c-ink-soft)}.trail__item[aria-current=true]{border-color:var(--c-accent);background:var(--c-accent);color:#fff;font-weight:var(--c-weight-medium)}.trail__item--perhati:before,.trail__item--bahaya:before,.trail__item--raikan:before{content:"";width:6px;height:6px;border-radius:50%;flex:none}.trail__item--perhati:before{background:var(--c-watch)}.trail__item--bahaya:before{background:var(--c-alert)}.trail__item--raikan:before{background:var(--c-good)}.trail__num{font-variant-numeric:tabular-nums;color:var(--c-ink-faint);flex:none}.trail__item[aria-current=true] .trail__num{color:#ffffffbf}.trail__label{overflow:hidden;text-overflow:ellipsis}.trail__item--start{font-weight:var(--c-weight-medium)}.insight__head{display:flex;align-items:baseline;gap:var(--c-space-2);flex-wrap:wrap}.insight__move{font-size:var(--c-text-sm);font-weight:var(--c-weight-medium);color:var(--c-ink-soft)}.insight__balance{margin-left:auto;font-size:var(--c-text-xs);color:var(--c-ink-faint)}.insight__flash{font-size:var(--c-text-xl);line-height:var(--c-leading-tight);letter-spacing:-.015em;font-weight:var(--c-weight-strong)}.insight__why{font-size:var(--c-text-base);line-height:var(--c-leading-normal)}.insight__squares{font-size:var(--c-text-sm);font-weight:var(--c-weight-medium);font-variant-numeric:tabular-nums;color:var(--c-accent-ink);background:var(--c-accent-wash);border-radius:var(--c-radius-sm);padding:var(--c-space-1) var(--c-space-2);align-self:flex-start}.companion__pick{display:flex;flex-direction:column;gap:var(--c-space-2)}.companion__levels{display:grid;gap:var(--c-space-1)}.companion__level{display:flex;align-items:baseline;gap:var(--c-space-2);width:100%;min-height:var(--c-touch);padding:0 var(--c-space-3);border:1px solid var(--c-line);border-radius:var(--c-radius-sm);background:var(--c-surface);color:var(--c-ink);font-size:var(--c-text-sm);text-align:left}.companion__level[aria-pressed=true]{border-color:var(--c-accent);background:var(--c-accent-wash);font-weight:var(--c-weight-strong)}.companion__level-name{flex:1}.companion__level-elo{font-variant-numeric:tabular-nums;font-size:var(--c-text-xs);color:var(--c-ink-faint)}.companion__badge--button{cursor:pointer;font-family:inherit;background:transparent}.insight__ahead{font-size:var(--c-text-sm);line-height:var(--c-leading-normal);color:var(--c-ink-soft)}.insight__ahead-tag{margin-right:var(--c-space-2)}.insight__say{background:var(--c-accent-wash);border-radius:var(--c-radius-sm);padding:var(--c-space-3);display:flex;flex-direction:column;gap:var(--c-space-1)}.insight__say-text{font-size:var(--c-text-lg);line-height:var(--c-leading-snug);font-weight:var(--c-weight-medium);color:var(--c-accent-ink)}.insight__glossary{display:flex;flex-direction:column;gap:var(--c-space-3)}.insight__glossary dt{font-weight:var(--c-weight-strong);color:var(--c-ink)}.insight__glossary dd{margin-top:2px}@media(min-width:900px){.companion{max-width:var(--c-measure-wide);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(21rem,1fr);align-items:start;column-gap:var(--c-space-6);grid-template-areas:"status insight" "board  insight" "trail  insight" "live   insight" "ctrl   insight" "save   insight" "extra  extra"}.companion__status{grid-area:status}.companion__board{grid-area:board}.trail{grid-area:trail;margin:0;padding:0}.companion__controls{grid-area:ctrl}.companion>.insight{grid-area:insight;position:sticky;top:calc(var(--c-space-4) + 4rem)}.insight__flash{font-size:var(--c-text-2xl)}}.review{display:flex;flex-direction:column;gap:var(--c-space-4)}.review__intro{gap:var(--c-space-1)}.review__grid{display:flex;flex-direction:column;gap:var(--c-space-4)}.review__col{min-width:0}.review__stored{gap:var(--c-space-2)}.review__progress-text{font-size:var(--c-text-lg);font-weight:var(--c-weight-medium);margin-bottom:var(--c-space-2)}.review__bar{height:8px;border-radius:var(--c-radius-pill);background:var(--c-surface-sunk);overflow:hidden;margin-bottom:var(--c-space-2)}.review__bar-fill{display:block;height:100%;background:var(--c-accent);border-radius:var(--c-radius-pill);transition:width var(--c-duration) var(--c-ease)}.review__summary{font-size:var(--c-text-lg);line-height:var(--c-leading-normal)}.review__body{line-height:var(--c-leading-normal);color:var(--c-ink)}.review__list{display:flex;flex-direction:column;gap:var(--c-space-2)}.review__list li{position:relative;padding-left:var(--c-space-5);line-height:var(--c-leading-normal)}.review__list li:before{content:"✓";position:absolute;left:0;color:var(--c-good);font-weight:var(--c-weight-strong)}.review__lesson-title{font-size:var(--c-text-lg);font-weight:var(--c-weight-strong);line-height:var(--c-leading-snug);margin-bottom:var(--c-space-2)}.review__empty-title{font-weight:var(--c-weight-strong);color:var(--c-ink)}.review__say{margin-top:var(--c-space-3);padding:var(--c-space-3);border-left:3px solid var(--c-accent);border-radius:var(--c-radius-sm);background:var(--c-accent-wash)}.review__say-label{font-size:var(--c-text-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--c-weight-strong);color:var(--c-accent-ink);margin-bottom:var(--c-space-1)}.review__say-text{font-size:var(--c-text-lg);line-height:var(--c-leading-snug);color:var(--c-ink)}.review__moment-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--c-space-3);width:100%;min-height:var(--c-touch);padding:0;margin-bottom:var(--c-space-2);background:none;border:0;text-align:left}.review__moment-heading{display:flex;flex-direction:column;gap:2px;min-width:0}.review__moment-title{font-size:var(--c-text-lg);font-weight:var(--c-weight-strong);line-height:var(--c-leading-snug);color:var(--c-ink)}.review__moment-mark{flex:none;font-size:var(--c-text-xs);color:var(--c-ink-faint)}.review__board{margin-top:var(--c-space-3);display:flex;flex-direction:column;gap:var(--c-space-2)}.review__board .interactive-board{max-width:22rem}@media(min-width:900px){.review__grid{display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);align-items:start;gap:var(--c-space-5)}}.handbook{display:flex;flex-direction:column;gap:var(--c-space-4)}.handbook__controls{display:flex;flex-direction:column;gap:var(--c-space-3)}.handbook__filters{display:flex;flex-wrap:wrap;gap:var(--c-space-2);margin:0;padding:0;list-style:none}.handbook__filters>li{display:flex}.handbook__filters button.c-chip{min-height:var(--c-touch)}.handbook__count{font-size:var(--c-text-sm);color:var(--c-ink-faint)}.handbook__grid{display:grid;grid-template-columns:1fr;gap:var(--c-space-3);margin:0;padding:0;list-style:none}.handbook-entry{gap:var(--c-space-2)}.handbook-entry__what{font-size:var(--c-text-base);line-height:var(--c-leading-normal)}.handbook-entry .c-disclosure__trigger{color:var(--c-accent-ink)}.handbook-entry__line{display:flex;flex-direction:column;gap:var(--c-space-1)}.handbook-entry__tag{font-size:var(--c-text-xs);text-transform:uppercase;letter-spacing:.07em;font-weight:var(--c-weight-strong);color:var(--c-ink-faint)}.handbook-entry__say{margin:0;padding:var(--c-space-3);background:var(--c-accent-wash);border-radius:var(--c-radius-sm);display:flex;flex-direction:column;gap:var(--c-space-1)}.handbook-entry__say-tag{font-size:var(--c-text-xs);text-transform:uppercase;letter-spacing:.07em;font-weight:var(--c-weight-strong);color:var(--c-accent-ink)}.handbook-entry__say-text{font-size:var(--c-text-base);line-height:var(--c-leading-snug);font-weight:var(--c-weight-medium);color:var(--c-ink)}@media(min-width:900px){.handbook__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}:root{--c-ink: #16211d;--c-ink-soft: #4a5b54;--c-ink-faint: #7b8a84;--c-surface: #ffffff;--c-surface-sunk: #f4f6f5;--c-surface-raised: #ffffff;--c-line: #dfe5e2;--c-line-strong: #c3ccc8;--c-accent: #2f6b4f;--c-accent-ink: #1d4432;--c-accent-wash: #eef5f1;--c-coral: #e2735c;--c-coral-wash: #fdf1ee;--c-calm: #6f8b80;--c-calm-wash: #f2f6f4;--c-watch: #b4802b;--c-watch-wash: #fdf8ee;--c-alert: #b33a3a;--c-alert-wash: #fdf3f3;--c-good: #2f6b4f;--c-good-wash: #eef5f1;--c-board-dark: #6b8f71;--c-board-light: #e8dcc8;--c-board-move: rgba(246, 224, 94, .62);--c-font: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--c-font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--c-text-xs: .75rem;--c-text-sm: .875rem;--c-text-base: 1rem;--c-text-lg: 1.125rem;--c-text-xl: 1.3125rem;--c-text-2xl: 1.625rem;--c-text-3xl: 2rem;--c-leading-tight: 1.25;--c-leading-snug: 1.4;--c-leading-normal: 1.55;--c-weight-regular: 400;--c-weight-medium: 550;--c-weight-strong: 650;--c-space-1: .25rem;--c-space-2: .5rem;--c-space-3: .75rem;--c-space-4: 1rem;--c-space-5: 1.25rem;--c-space-6: 1.5rem;--c-space-8: 2rem;--c-space-10: 2.5rem;--c-space-12: 3rem;--c-radius-sm: 8px;--c-radius: 12px;--c-radius-lg: 16px;--c-radius-pill: 999px;--c-shadow-sm: 0 1px 2px rgba(22, 33, 29, .06);--c-shadow: 0 2px 10px rgba(22, 33, 29, .08);--c-shadow-lifted: 0 -2px 14px rgba(22, 33, 29, .08);--c-touch: 2.75rem;--c-touch-lg: 3.25rem;--c-measure: 34rem;--c-measure-wide: 62rem;--c-tabbar-height: 3.75rem;--c-safe-top: env(safe-area-inset-top, 0px);--c-safe-bottom: env(safe-area-inset-bottom, 0px);--c-ease: cubic-bezier(.2, 0, .1, 1);--c-duration: .16s}@media(prefers-contrast:more){:root{--c-ink: #0c1512;--c-ink-soft: #33443d;--c-line: #b9c4bf;--c-line-strong: #8d9a95}}@media(prefers-reduced-motion:reduce){:root{--c-duration: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--c-font);font-size:var(--c-text-base);line-height:var(--c-leading-normal);color:var(--c-ink);background:var(--c-surface-sunk);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--c-accent);text-decoration-thickness:1px;text-underline-offset:2px}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:var(--c-radius-sm)}.c-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.c-page{max-width:var(--c-measure);margin:0 auto;padding:var(--c-space-3) var(--c-space-4) calc(var(--c-tabbar-height) + var(--c-space-8) + var(--c-safe-bottom));display:flex;flex-direction:column;gap:var(--c-space-4)}.c-page--wide{max-width:var(--c-measure-wide)}.c-stack{display:flex;flex-direction:column;gap:var(--c-space-3)}.c-row{display:flex;align-items:center;gap:var(--c-space-2)}.c-eyebrow{font-size:var(--c-text-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--c-weight-strong);color:var(--c-accent)}.c-title{font-size:var(--c-text-2xl);line-height:var(--c-leading-tight);letter-spacing:-.02em;font-weight:var(--c-weight-strong)}.c-subtitle{font-size:var(--c-text-lg);line-height:var(--c-leading-snug);font-weight:var(--c-weight-medium)}.c-body{font-size:var(--c-text-base);line-height:var(--c-leading-normal)}.c-muted{color:var(--c-ink-soft)}.c-faint{color:var(--c-ink-faint);font-size:var(--c-text-sm)}@media(min-width:900px){.c-page{padding-bottom:var(--c-space-10)}}