html[data-theme=bold]{--bg:#FEFCE8;--fg:#1C1917;--accent:#505CA9;--accent-bright:#C856A1;--accent-grad:linear-gradient(135deg,#505CA9,#C856A1);--card:#FFFFFF;--border-strong:#15161C;--muted:#78716C;--green-bg:#DCFCE7}html[data-theme=grape]{--bg:#FAF6FF;--fg:#1B1530;--accent:#5B21B6;--accent-bright:#8B5CF6;--accent-grad:linear-gradient(135deg,#5B21B6,#9333EA);--card:#FFFFFF;--border-strong:#1B1530;--muted:#6D5D8C;--green-bg:#EDE9FE}html[data-theme=ocean]{--bg:#F3FBFD;--fg:#0C1A1F;--accent:#155E75;--accent-bright:#0891B2;--accent-grad:linear-gradient(135deg,#155E75,#14B8A6);--card:#FFFFFF;--border-strong:#0C1A1F;--muted:#537078;--green-bg:#CFFAFE}html.dark{--bg:#0F0A05;--fg:#FEFCE8;--card:#1C1408;--border-strong:#FEFCE8;--muted:#A8A29E;--green-bg:#14361F}html.dark[data-theme=bold]{--accent:#7B8CDB;--accent-bright:#D87AB8;--accent-grad:linear-gradient(135deg,#505CA9,#C856A1)}html.dark[data-theme=grape]{--accent:#A78BFA;--accent-bright:#C4B5FD;--accent-grad:linear-gradient(135deg,#7C3AED,#A855F7)}html.dark[data-theme=ocean]{--accent:#22D3EE;--accent-bright:#5EEAD4;--accent-grad:linear-gradient(135deg,#0891B2,#2DD4BF)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:Noto Sans Thai,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1080px;margin:0 auto;padding:0 20px}.nb-card{border:2px solid var(--border-strong);border-radius:16px;box-shadow:4px 4px 0 0 var(--border-strong);padding:24px}.nb-btn,.nb-card{background:var(--card)}.nb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--fg);border:2px solid var(--border-strong);border-radius:9999px;padding:10px 20px;font-weight:700;font-size:15px;font-family:inherit;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.nb-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 0 var(--border-strong)}.nb-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 0 var(--border-strong)}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--green-bg);border:1px solid var(--border-strong);border-radius:9999px;padding:2px 10px;font-size:12px;font-weight:700}.hero-h1{font-size:clamp(32px,6vw,48px);font-weight:900;line-height:1.15;letter-spacing:-.5px}.hero-h1 .hl{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.nb-btn-primary{background:var(--accent);background:var(--accent-grad);color:#fff;border-color:var(--border-strong)}.nb-btn-primary:hover{box-shadow:5px 5px 0 0 var(--border-strong)}.prose-lesson{max-width:720px}.prose-lesson h2{font-size:24px;font-weight:800;margin:24px 0 8px}.prose-lesson h3{font-size:18px;font-weight:700;margin:16px 0 6px}.prose-lesson p{margin:8px 0}.prose-lesson ol,.prose-lesson ul{margin:8px 0 8px 22px}.prose-lesson blockquote{border-left:4px solid var(--accent);background:var(--card);padding:8px 14px;border-radius:0 12px 12px 0;margin:12px 0}.prose-lesson code{background:var(--green-bg);padding:1px 6px;border-radius:6px;font-size:.9em}input[type=email],input[type=password],input[type=text],textarea{width:100%;border:2px solid var(--border-strong);border-radius:12px;background:var(--card);color:var(--fg);padding:10px 14px;font-family:inherit;font-size:15px}textarea{min-height:120px;resize:vertical}.muted{color:var(--muted)}.md-table-wrap{overflow-x:auto;margin:16px 0}.md-table{border-collapse:collapse;width:100%;font-size:14px}.md-table td,.md-table th{border:2px solid var(--border-strong);padding:8px 12px;text-align:left;vertical-align:top}.md-table th{background:var(--accent-grad);color:#fff;font-weight:700}.md-table tr:nth-child(2n) td{background:color-mix(in srgb,var(--card) 92%,var(--fg) 8%)}.md-code{background:var(--border-strong);color:var(--bg);padding:14px 16px;border-radius:10px;overflow-x:auto;font-size:13px;margin:16px 0;line-height:1.6}