@font-face{font-family:"Noto Serif Thai";src:url("fonts/NotoSerifThai[wdth,wght].ttf");font-weight:100 900;font-display:swap}
/* Appearance tokens only. Layout belongs to the shared Arc 1 styles. */
body[data-arc="03"]{--cyan:#e7c689;--pink:#68e4d5;--line:#426568;--muted:#aebfbc;background:#0b151a;color:#eff4ef;font-family:Tahoma, "Leelawadee UI", sans-serif}
body[data-arc="03"] .reader-head h1{font-family:"Noto Serif Thai", Tahoma, serif}
body[data-arc="03"]:before{background:radial-gradient(ellipse at 80% 10%,#304b4355,transparent 60%),#0b151a}
body[data-arc="03"] .site-head.compact-head,body[data-arc="03"] .reader-head{background:#101c22;border-color:#426568}
body[data-arc="03"].reading .canvas{background:radial-gradient(ellipse at center,#304b4355,transparent 65%),#071116;border-color:#426568}
body[data-arc="03"] .toolbar select,body[data-arc="03"] .toolbar button,body[data-arc="03"] #fx-toggle{background:#15242b;color:#eff4ef;border-color:#426568}
body[data-arc="03"] .side-card{background:#15242b;border-color:#426568}
body[data-arc="03"] .page-nav{background:#102027}
body[data-arc="03"].reading #next:not(:disabled),body[data-arc="03"] .header-resume{background:#e7c689;color:#102027;border-color:#e7c689}
body[data-arc="03"].reading .notice,body[data-arc="03"] .side-label{color:#aebfbc}