:root{--oc-navy:#102033;--oc-deep:#08121f;--oc-cyan:#7fd3ff;--oc-gold:#f6b84a;--oc-bg:#f2f5f9;--oc-surface:#fff;--oc-surface-2:#e8eef5;--oc-ink:#102033;--oc-muted:#4b5e74;--oc-line:#d2dbe6;--oc-accent:#0a6796;--oc-accent-ink:#fff;--oc-accent-soft:rgba(10,103,150,.1);--oc-flame:#f6b84a;--oc-flame-ink:#102033;--oc-focus:#0a6796;--oc-st-working:#1d8150;--oc-st-waiting:#a85800;--oc-st-stuck:#c0322a;--oc-st-idle:#1f6a99;--oc-st-lost:#5f6b78;--oc-red:#c0322a;--oc-red-soft:#fde8e6;--oc-yellow:#8a6200;--oc-yellow-soft:#fff4d6;--oc-src-tipitaka:#7a4300;--oc-src-tipitaka-soft:#fdf0dc;--oc-src-commentary:#0b6157;--oc-src-commentary-soft:#def3ef;--oc-src-analogy:#5233a0;--oc-src-analogy-soft:#ece6fb;--oc-font:"Noto Sans Thai","Sarabun","Leelawadee UI","Thonburi","Tahoma",system-ui,-apple-system,"Segoe UI",sans-serif;--oc-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--oc-fs-xs:.78rem;--oc-fs-sm:.875rem;--oc-fs-md:1rem;--oc-fs-lg:1.2rem;--oc-fs-xl:1.5rem;--oc-fs-2xl:1.9rem;--oc-lh:1.6;--oc-s1:4px;--oc-s2:8px;--oc-s3:12px;--oc-s4:16px;--oc-s5:24px;--oc-s6:32px;--oc-s7:48px;--oc-r-sm:8px;--oc-r-md:12px;--oc-r-lg:18px;--oc-r-pill:999px;--oc-shadow-1:0 1px 2px rgba(16,32,51,.08),0 2px 8px rgba(16,32,51,.06);--oc-shadow-2:0 4px 14px rgba(16,32,51,.12),0 12px 32px rgba(16,32,51,.08);--oc-tap:44px;--oc-safe-t:env(safe-area-inset-top,0px);--oc-safe-r:env(safe-area-inset-right,0px);--oc-safe-b:env(safe-area-inset-bottom,0px);--oc-safe-l:env(safe-area-inset-left,0px);--oc-gutter:16px;--oc-max:1180px;--oc-ease:cubic-bezier(.2,.7,.2,1);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--oc-bg:#08121f;--oc-surface:#102033;--oc-surface-2:#172b42;--oc-ink:#e8f3ff;--oc-muted:#9bb0c6;--oc-line:rgba(127,211,255,.18);--oc-accent:#7fd3ff;--oc-accent-ink:#08121f;--oc-accent-soft:rgba(127,211,255,.12);--oc-focus:#7fd3ff;--oc-st-working:#4fd18b;--oc-st-waiting:#ff9a3c;--oc-st-stuck:#ff6a5c;--oc-st-idle:#7fd3ff;--oc-st-lost:#9aa3ad;--oc-red:#ff6a5c;--oc-red-soft:rgba(255,106,92,.14);--oc-yellow:#f6c65a;--oc-yellow-soft:rgba(246,198,90,.14);--oc-src-tipitaka:#f7c77f;--oc-src-tipitaka-soft:rgba(247,199,127,.14);--oc-src-commentary:#74dccd;--oc-src-commentary-soft:rgba(116,220,205,.13);--oc-src-analogy:#c6b6ff;--oc-src-analogy-soft:rgba(198,182,255,.14);--oc-shadow-1:0 1px 2px rgba(0,0,0,.35),0 2px 10px rgba(0,0,0,.25);--oc-shadow-2:0 6px 18px rgba(0,0,0,.4),0 16px 40px rgba(0,0,0,.3);color-scheme:dark}}:root[data-theme=dark]{--oc-bg:#08121f;--oc-surface:#102033;--oc-surface-2:#172b42;--oc-ink:#e8f3ff;--oc-muted:#9bb0c6;--oc-line:rgba(127,211,255,.18);--oc-accent:#7fd3ff;--oc-accent-ink:#08121f;--oc-accent-soft:rgba(127,211,255,.12);--oc-focus:#7fd3ff;--oc-st-working:#4fd18b;--oc-st-waiting:#ff9a3c;--oc-st-stuck:#ff6a5c;--oc-st-idle:#7fd3ff;--oc-st-lost:#9aa3ad;--oc-red:#ff6a5c;--oc-red-soft:rgba(255,106,92,.14);--oc-yellow:#f6c65a;--oc-yellow-soft:rgba(246,198,90,.14);--oc-src-tipitaka:#f7c77f;--oc-src-tipitaka-soft:rgba(247,199,127,.14);--oc-src-commentary:#74dccd;--oc-src-commentary-soft:rgba(116,220,205,.13);--oc-src-analogy:#c6b6ff;--oc-src-analogy-soft:rgba(198,182,255,.14);--oc-shadow-1:0 1px 2px rgba(0,0,0,.35),0 2px 10px rgba(0,0,0,.25);--oc-shadow-2:0 6px 18px rgba(0,0,0,.4),0 16px 40px rgba(0,0,0,.3);color-scheme:dark}@media(prefers-reduced-motion:reduce){:root{--oc-ease:steps(1,end)}}@font-face{font-display:swap;font-family:Noto Sans Thai;font-style:normal;font-weight:400;src:url(./noto-sans-thai-thai-400.xSTJQtgY.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:Noto Sans Thai;font-style:normal;font-weight:400;src:url(./noto-sans-thai-latin-400.B4cg85oB.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-display:swap;font-family:Noto Sans Thai;font-style:normal;font-weight:500;src:url(./noto-sans-thai-thai-500.DBTCx9uz.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:Noto Sans Thai;font-style:normal;font-weight:500;src:url(./noto-sans-thai-latin-500.B3gSmUC8.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-display:swap;font-family:Noto Sans Thai;font-style:normal;font-weight:700;src:url(./noto-sans-thai-thai-700.BgGmrcM8.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:Noto Sans Thai;font-style:normal;font-weight:700;src:url(./noto-sans-thai-latin-700.oItEGgyB.woff2) format("woff2");unicode-range:u+00??,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}.oc,.oc *,.oc :after,.oc :before{box-sizing:border-box}.oc body,body.oc{background:var(--oc-bg);color:var(--oc-ink);font:var(--oc-fs-md) /var(--oc-lh) var(--oc-font);margin:0;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}.oc :focus-visible{border-radius:var(--oc-r-sm);outline:3px solid var(--oc-focus);outline-offset:2px}.oc a{color:var(--oc-accent)}.oc h1,.oc h2,.oc h3{line-height:1.3;margin:0 0 var(--oc-s3)}.oc h1{font-size:var(--oc-fs-2xl)}.oc h2{font-size:var(--oc-fs-xl)}.oc h3{font-size:var(--oc-fs-lg)}.oc p{margin:0 0 var(--oc-s3)}.oc-page{margin:0 auto;max-width:var(--oc-max);padding:calc(var(--oc-s4) + var(--oc-safe-t)) calc(var(--oc-gutter) + var(--oc-safe-r)) calc(var(--oc-s7) + var(--oc-safe-b)) calc(var(--oc-gutter) + var(--oc-safe-l))}.oc-stack{display:flex;flex-direction:column;gap:var(--oc-s3)}.oc-row-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:var(--oc-s2)}.oc-grid{display:grid;gap:var(--oc-s3);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.oc-muted{color:var(--oc-muted)}.oc-small{font-size:var(--oc-fs-sm)}.oc-mono{font-family:var(--oc-mono);font-size:.92em}.oc-sr{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}.oc-section{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--oc-s2);margin:var(--oc-s5) 0 var(--oc-s3)}.oc-section h2{font-size:var(--oc-fs-lg);margin:0}.oc-section .oc-section-note{color:var(--oc-muted);font-size:var(--oc-fs-sm)}.oc-card{background:var(--oc-surface);border:1px solid var(--oc-line);border-radius:var(--oc-r-lg);box-shadow:var(--oc-shadow-1);min-width:0;padding:var(--oc-s4)}.oc-card>:last-child{margin-bottom:0}.oc-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--oc-surface-2);border:1px solid var(--oc-line);border-radius:var(--oc-r-md);color:var(--oc-ink);cursor:pointer;display:inline-flex;font:inherit;font-weight:500;gap:var(--oc-s2);justify-content:center;line-height:1.2;min-height:var(--oc-tap);min-width:var(--oc-tap);padding:0 var(--oc-s4);text-decoration:none;touch-action:manipulation;transition:transform .12s var(--oc-ease),filter .12s var(--oc-ease);-webkit-tap-highlight-color:transparent}.oc-btn:hover{filter:brightness(1.05)}.oc-btn:active{transform:scale(.97)}.oc-btn[aria-disabled=true],.oc-btn[disabled]{cursor:not-allowed;opacity:.5;transform:none}.oc-btn--primary{background:var(--oc-flame);border-color:transparent;color:var(--oc-flame-ink);font-weight:700}.oc-btn--accent{background:var(--oc-accent);border-color:transparent;color:var(--oc-accent-ink)}.oc-btn--danger,.oc-btn--ghost{background:transparent}.oc-btn--danger{border-color:currentColor;color:var(--oc-red)}.oc-btn--block{width:100%}.oc-btn[aria-pressed=true]{background:var(--oc-accent-soft);border-color:var(--oc-accent);color:var(--oc-ink)}.oc-pill{--c:var(--oc-st-idle);align-items:center;background:color-mix(in srgb,var(--c) 13%,transparent);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);border-radius:var(--oc-r-pill);color:var(--c);display:inline-flex;font-size:var(--oc-fs-sm);font-weight:500;gap:6px;line-height:1.6;padding:2px 10px 2px 8px;white-space:nowrap}.oc-pill:before{background:var(--c);border-radius:50%;content:"";flex:none;height:8px;width:8px}.oc-pill[data-status=working]{--c:var(--oc-st-working)}.oc-pill[data-status=working]:before{animation:oc-pulse 1.8s var(--oc-ease) infinite;box-shadow:0 0 0 0 var(--c)}.oc-pill[data-status=waiting]{--c:var(--oc-st-waiting)}.oc-pill[data-status=waiting]:before{border-radius:2px}.oc-pill[data-status=stuck]{--c:var(--oc-st-stuck)}.oc-pill[data-status=stuck]:before{border-radius:0;transform:rotate(45deg)}.oc-pill[data-status=idle]{--c:var(--oc-st-idle)}.oc-pill[data-status=idle]:before{background:transparent;border:2px solid var(--c);height:6px;width:6px}.oc-pill[data-status=lost]{--c:var(--oc-st-lost)}.oc-pill[data-status=lost]:before{background:transparent;border:2px dashed var(--c);height:6px;width:6px}@keyframes oc-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--c) 60%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.oc-pill:before{animation:none!important}}.oc-orca{--oc-orca:var(--oc-accent);align-items:flex-start;border-left:5px solid var(--oc-orca);display:flex;gap:var(--oc-s3)}.oc-orca-badge{background:color-mix(in srgb,var(--oc-orca) 22%,var(--oc-surface));border:2px solid var(--oc-orca);border-radius:50%;color:var(--oc-ink);display:grid;flex:none;font-size:1.25rem;font-weight:700;height:48px;place-items:center;width:48px}.oc-orca-body{flex:1;min-width:0}.oc-orca-name{font-size:var(--oc-fs-lg);font-weight:700;line-height:1.3;margin:0;overflow-wrap:anywhere}.oc-orca-id{color:var(--oc-muted);font-family:var(--oc-mono);font-size:var(--oc-fs-xs)}.oc-orca-char{color:var(--oc-muted);font-size:var(--oc-fs-sm);margin:2px 0 var(--oc-s2);overflow-wrap:anywhere}.oc-orca-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--oc-fs-sm);gap:var(--oc-s2)}.oc-list{background:var(--oc-surface);border:1px solid var(--oc-line);border-radius:var(--oc-r-lg);list-style:none;margin:0;overflow:hidden;padding:0}.oc-brow{align-items:center;display:grid;gap:2px var(--oc-s3);grid-template-columns:1fr auto;min-height:var(--oc-tap);padding:var(--oc-s3) var(--oc-s4)}.oc-list>.oc-brow+.oc-brow{border-top:1px solid var(--oc-line)}.oc-brow-title{font-weight:500;min-width:0;overflow-wrap:anywhere}.oc-brow-side{justify-self:end}.oc-brow-meta{color:var(--oc-muted);display:flex;flex-wrap:wrap;font-size:var(--oc-fs-sm);gap:2px var(--oc-s3);grid-column:1/-1;overflow-wrap:anywhere}a.oc-brow{color:inherit;text-decoration:none}a.oc-brow:hover{background:var(--oc-accent-soft)}.oc-notice{align-items:center;border:2px solid;border-radius:var(--oc-r-pill);display:inline-flex;font-weight:700;gap:var(--oc-s2);min-height:var(--oc-tap);padding:0 var(--oc-s4)}.oc-notice:before{background:currentColor;border-radius:50%;content:"";height:12px;width:12px}.oc-notice[data-level=red]{background:var(--oc-red-soft);color:var(--oc-red)}.oc-notice[data-level=red]:before{animation:oc-blink 1.2s steps(2,jump-none) infinite}.oc-notice[data-level=yellow]{background:var(--oc-yellow-soft);color:var(--oc-yellow)}.oc-notice[data-level=clear]{background:color-mix(in srgb,var(--oc-st-working) 12%,transparent);color:var(--oc-st-working)}.oc-notice[data-level=off]{background:transparent;border-style:dashed;color:var(--oc-muted);font-weight:500}.oc-notice[data-level=off]:before{background:transparent;border:2px solid;height:8px;width:8px}@keyframes oc-blink{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.oc-notice:before{animation:none!important}}.oc-decision{display:flex;flex-direction:column;gap:var(--oc-s2)}.oc-decision-buttons{display:grid;gap:var(--oc-s2);grid-template-columns:1fr 1fr}.oc-field{display:flex;flex-direction:column;gap:4px}.oc-field label{color:var(--oc-muted);font-size:var(--oc-fs-sm)}.oc-input,.oc-textarea{background:var(--oc-bg);border:1px solid var(--oc-line);border-radius:var(--oc-r-md);color:var(--oc-ink);font:inherit;min-height:var(--oc-tap);padding:var(--oc-s2) var(--oc-s3);width:100%}.oc-textarea{min-height:88px;resize:vertical}.oc-field-error{color:var(--oc-red);font-size:var(--oc-fs-sm)}.oc-table-wrap{background:var(--oc-surface);border:1px solid var(--oc-line);border-radius:var(--oc-r-lg);overflow:hidden}.oc-table{border-collapse:collapse;font-size:var(--oc-fs-sm);width:100%}.oc-table td,.oc-table th{border-bottom:1px solid var(--oc-line);overflow-wrap:anywhere;padding:var(--oc-s2) var(--oc-s3);text-align:left;vertical-align:top}.oc-table th{background:var(--oc-surface-2);color:var(--oc-muted);font-weight:500}.oc-table tr:last-child td{border-bottom:0}.oc-table td.oc-num,.oc-table th.oc-num{font-variant-numeric:tabular-nums;text-align:right}@media(max-width:640px){.oc-table thead{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0)}.oc-table,.oc-table tbody,.oc-table td,.oc-table tr{display:block;width:100%}.oc-table tr{border-bottom:1px solid var(--oc-line);padding:var(--oc-s2) var(--oc-s3)}.oc-table tr:last-child{border-bottom:0}.oc-table td{border:0;display:grid;gap:var(--oc-s2);grid-template-columns:minmax(84px,38%) 1fr;padding:3px 0;text-align:left!important}.oc-table td:before{color:var(--oc-muted);content:attr(data-label)}}.oc-empty{background:color-mix(in srgb,var(--oc-surface) 60%,transparent);border:2px dashed var(--oc-line);border-radius:var(--oc-r-lg);color:var(--oc-muted);padding:var(--oc-s6) var(--oc-s4);text-align:center}.oc-empty-icon{font-size:2rem;line-height:1;margin-bottom:var(--oc-s2)}.oc-empty .oc-empty-title{color:var(--oc-ink);font-size:var(--oc-fs-lg);font-weight:700;margin:0 0 var(--oc-s1)}.oc-empty .oc-empty-why{font-size:var(--oc-fs-sm);margin:0 auto;max-width:46ch}.oc-kv{display:grid;font-size:var(--oc-fs-sm);gap:4px var(--oc-s3);grid-template-columns:auto 1fr;margin:0}.oc-kv dt{color:var(--oc-muted)}.oc-kv dd{margin:0;overflow-wrap:anywhere}.oc-stat{display:flex;flex-direction:column}.oc-stat-n{font-size:var(--oc-fs-2xl);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.oc-stat-l{color:var(--oc-muted);font-size:var(--oc-fs-sm)}.oc-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:color-mix(in srgb,var(--oc-bg) 88%,transparent);border-bottom:1px solid var(--oc-line);padding:var(--oc-safe-t) var(--oc-safe-r) 0 var(--oc-safe-l);position:sticky;top:0;z-index:10}.oc-bar-in{margin:0 auto;max-width:var(--oc-max);padding:var(--oc-s2) var(--oc-gutter)}.oc-bar-in,.oc-bar-title{align-items:center;display:flex;gap:var(--oc-s2)}.oc-bar-title{font-weight:700;margin-right:auto;min-width:0}.oc-bar-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-tabs{display:flex;gap:var(--oc-s1);margin:0 auto;max-width:var(--oc-max);overflow-x:auto;padding:0 var(--oc-gutter) var(--oc-s2);scrollbar-width:none}.oc-tabs::-webkit-scrollbar{display:none}.oc-tab{align-items:center;border-radius:var(--oc-r-md);color:var(--oc-muted);display:inline-flex;flex:none;font-weight:500;min-height:var(--oc-tap);padding:0 var(--oc-s3);text-decoration:none}.oc-tab[aria-current=page]{background:var(--oc-accent-soft);box-shadow:inset 0 -3px 0 var(--oc-accent);color:var(--oc-ink)}.oc-choice{display:grid;gap:var(--oc-s2);grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}.oc-choice-opt{background:var(--oc-bg);border:2px solid var(--oc-line);border-radius:var(--oc-r-md);color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:var(--oc-s2);min-height:var(--oc-tap);padding:var(--oc-s2);text-align:left}.oc-choice-opt[aria-pressed=true]{border-color:var(--oc-flame);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-flame) 35%,transparent)}.oc-choice-opt img{aspect-ratio:1/1;background:var(--oc-surface-2);border-radius:var(--oc-r-sm);display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.oc-choice-key{font-size:var(--oc-fs-lg);font-weight:700}.oc-tag{align-items:center;background:var(--oc-accent-soft);border-radius:var(--oc-r-pill);color:var(--oc-accent);display:inline-flex;font-size:var(--oc-fs-xs);font-weight:700;line-height:1.9;padding:0 8px}.oc-tag--flame{background:color-mix(in srgb,var(--oc-flame) 22%,transparent);color:var(--oc-ink)}.oc-narrow{margin:12vh auto 0;max-width:420px}.oc-alert{background:var(--oc-yellow-soft);border:1px solid color-mix(in srgb,var(--oc-yellow) 45%,transparent);border-radius:var(--oc-r-md);color:var(--oc-ink);padding:var(--oc-s3) var(--oc-s4)}.oc-alert--red{background:var(--oc-red-soft);border-color:color-mix(in srgb,var(--oc-red) 45%,transparent)}.oc-src{align-items:center;border:1px solid;border-radius:var(--oc-r-pill);display:inline-flex;font-size:var(--oc-fs-sm);font-weight:700;gap:6px;line-height:1.7;padding:2px 10px;white-space:nowrap}.oc-src:before{font-weight:400}.oc-src[data-src=tipitaka]{background:var(--oc-src-tipitaka-soft);color:var(--oc-src-tipitaka)}.oc-src[data-src=tipitaka]:before{content:"◆"}.oc-src[data-src=commentary]{background:var(--oc-src-commentary-soft);color:var(--oc-src-commentary)}.oc-src[data-src=commentary]:before{content:"●"}.oc-src[data-src=analogy]{background:var(--oc-src-analogy-soft);color:var(--oc-src-analogy)}.oc-src[data-src=analogy]:before{content:"▲"}.oc-layer{border-left:4px solid var(--c,var(--oc-line));padding:var(--oc-s1) 0 var(--oc-s1) var(--oc-s3)}.oc-layer[data-src=tipitaka]{--c:var(--oc-src-tipitaka)}.oc-layer[data-src=commentary]{--c:var(--oc-src-commentary)}.oc-layer[data-src=analogy]{--c:var(--oc-src-analogy)}.oc .oc-layer p,.oc-layer p{line-height:1.85;margin:var(--oc-s2) 0 0;overflow-wrap:anywhere;white-space:pre-line}.oc-layer-ref{color:var(--oc-muted);font-size:var(--oc-fs-sm)}