@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";:root{--paper:#f1f8f3;--card:#fff;--ink:#203d32;--sub:#506b5e;--blue:#117453;--blue-deep:#0d5841;--red:#a93830;--green:#216a46;--line:#d3e4d8;--amber:#80521c;--radius:20px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0}.app{background:var(--paper);min-height:100vh;color:var(--ink);font:calc(16px * var(--text-scale,1))/1.8 "Noto Sans Thai","Zen Kaku Gothic New",sans-serif;padding-bottom:calc(32px + env(safe-area-inset-bottom));overflow-wrap:anywhere}.app button,.app select,.app textarea{font-family:inherit}.app button{cursor:pointer;touch-action:manipulation;line-height:1.65}.app button:disabled{cursor:default;opacity:.55}.app :is(button,a,select,textarea,input):focus-visible{outline-offset:3px;outline:3px solid #4d9478}.app button:active:not(:disabled){filter:brightness(.94)}.app [hidden]{display:none!important}.thai{font-family:Noto Sans Thai,Zen Kaku Gothic New,sans-serif}.ja-sub{font-family:Zen Kaku Gothic New,sans-serif;font-size:calc(15px * var(--text-scale));color:var(--sub);margin-top:5px;font-weight:400;line-height:1.75;display:block}.header{padding:18px max(20px,env(safe-area-inset-left));border:0}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;max-width:560px;margin:auto;display:flex}.header-titles{flex:190px;min-width:0}.header h1{font-size:calc(18px * var(--text-scale));color:var(--blue-deep);margin:0;font-weight:600;line-height:1.55}.header p{font-size:calc(14px * var(--text-scale));color:var(--sub);margin:5px 0 0;line-height:1.65}.langtoggle{border:1px solid var(--line);border-radius:var(--radius);color:var(--blue-deep);font-size:calc(14px * var(--text-scale));white-space:normal;background:#fff;max-width:100%;min-height:44px;padding:8px 12px}.langtoggle.on{border-color:var(--blue-deep);background:#dff1e6}.settings-panel{border-bottom:1px solid var(--line);background:#e7f2eb;max-width:600px;margin:auto;padding:6px 20px 14px}.reading-settings{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:14px 0;display:flex}.reading-settings+.reading-settings{border-top:1px solid var(--line)}.reading-settings label{font-size:calc(16px * var(--text-scale))}.text-size-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px}.text-size-controls{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.text-size-controls button{width:44px;height:44px;color:var(--blue-deep);background:#fff;border:1px solid #89a596;border-radius:12px;flex:none;font-size:22px}.text-size-controls input{width:0;min-width:0;min-height:44px;accent-color:var(--blue);cursor:pointer;flex:1;margin:0}.text-size-reset{min-height:44px;color:var(--blue-deep);text-underline-offset:4px;background:0 0;border:0;padding:8px 0;font-size:16px;text-decoration:underline}.settings-language{cursor:pointer;align-items:center;gap:14px;min-height:44px;display:flex}.settings-language input{width:24px;height:24px;accent-color:var(--blue-deep);flex:none}.wrap{max-width:600px;padding:30px max(20px,env(safe-area-inset-left)) 20px;margin:auto}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin-bottom:20px;padding:22px 20px}.card:last-child{margin-bottom:0}.eyebrow{font-size:calc(20px * var(--text-scale));color:var(--blue-deep);letter-spacing:0;margin-bottom:12px;font-weight:600;line-height:1.6}.notice,.contactmeta,.passline,.hznote{font-size:calc(15px * var(--text-scale));color:var(--sub);margin-top:10px;line-height:1.8}.home-title{font-size:calc(25px * var(--text-scale));margin-bottom:18px}.home-intro{padding-bottom:28px}.exam-facts{color:var(--sub);font-size:calc(15px * var(--text-scale));flex-wrap:wrap;gap:8px 20px;margin:22px 0 4px;display:flex}.exam-facts strong{color:var(--blue-deep);font-size:calc(22px * var(--text-scale));font-weight:600}.primary,.ghost{border-radius:var(--radius);width:100%;font-size:calc(18px * var(--text-scale));min-height:48px;margin-top:16px;padding:14px 16px;font-weight:600;display:block}.primary{border:1px solid var(--blue-deep);background:var(--blue-deep);color:#fff}.primary .ja-sub{color:#effaf3}.primary.big{font-size:calc(18px * var(--text-scale));padding:14px 16px}.ghost{color:var(--ink);background:#fff;border:1px solid #a2bcae}.home-start{text-align:left;justify-content:space-between;align-items:center;gap:12px;display:flex}.weak-review{text-align:left;width:100%;color:var(--blue-deep);font-size:calc(18px * var(--text-scale));background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 0 0;display:flex}.setbtn{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:#fff;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:20px 0;display:flex}.setbtn>span:first-child{min-width:0}.setbtn .name{font-size:calc(18px * var(--text-scale));font-weight:600}.setbtn .count{color:var(--sub);font-size:calc(14px * var(--text-scale));margin-top:6px;display:block}.setbtn .go{color:var(--blue-deep);flex:none}.guidetoggle,.guidehead{text-align:left;width:100%;color:var(--ink);font-size:calc(18px * var(--text-scale));background:#fff;border:0;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:10px 0;font-weight:600;display:flex}.guideitem{border:0;border-bottom:1px solid var(--line);margin:0}.guidehead{padding:18px 0}.chev{color:var(--blue-deep);flex:none}.guidebody{white-space:pre-wrap;font-size:calc(18px * var(--text-scale));padding:0 0 22px;line-height:1.9}.contactmeta{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.contactmeta a{color:var(--blue);overflow-wrap:anywhere}.toggle-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.pill,.backlink{color:var(--blue-deep);font-size:calc(15px * var(--text-scale));text-align:left;background:0 0;border:0;min-height:44px;padding:8px 0}.qnum{font-size:calc(15px * var(--text-scale));color:var(--sub);line-height:1.7}.progress{background:#dff1e6;border-radius:6px;height:6px;margin:16px 0 24px;overflow:hidden}.progress>div{background:var(--blue-deep);height:100%;transition:width .2s}.tag{font-size:calc(14px * var(--text-scale));color:var(--sub);background:0 0;margin-right:8px;padding:2px 0;display:inline-block}.tag.must{color:var(--blue-deep)}.qtext{font-size:calc(22px * var(--text-scale));margin:16px 0;font-weight:600;line-height:1.85}.purchase-intro{font-size:calc(18px * var(--text-scale));margin:16px 0;line-height:1.85}.qimage{object-fit:contain;border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-width:100%;max-height:300px;margin:20px auto;display:block}.qthai{font-family:Zen Kaku Gothic New,sans-serif;font-size:calc(16px * var(--text-scale));color:var(--sub);background:0 0;margin:14px 0 0;padding:0;font-weight:400;line-height:1.9}.marubatsu{gap:16px;margin-top:28px;display:flex}.mb{border-radius:var(--radius);background:#fff;border:1px solid #a2bcae;flex:1;justify-content:center;align-items:center;min-width:0;min-height:100px;padding:22px;display:flex}.glyph{flex:none;width:42px;height:42px;display:block}.maru .glyph{border:4px solid var(--blue);border-radius:50%}.batsu .glyph{position:relative}.batsu .glyph:before,.batsu .glyph:after{content:"";background:var(--red);border-radius:2px;width:46px;height:4px;position:absolute;top:19px;left:-2px;transform:rotate(45deg)}.batsu .glyph:after{transform:rotate(-45deg)}.feedback{font-size:calc(18px * var(--text-scale));border:1px solid;border-radius:16px;margin-top:28px;padding:16px 18px;line-height:1.9}.feedback.ok{border-color:var(--green);background:#f2f8f4}.feedback.ng{border-color:var(--red);background:#fcf5f4}.verdict{font-size:calc(18px * var(--text-scale));margin-bottom:12px;font-weight:700}.feedback.ok .verdict{color:var(--green)}.feedback.ng .verdict{color:var(--red)}.signscore{width:auto;height:auto;color:var(--ink);border:0;border-radius:0;margin:28px auto 16px;padding:16px 0}.signscore .big{font-size:calc(56px * var(--text-scale));font-variant-numeric:tabular-nums;color:var(--blue-deep);font-weight:600;line-height:1.2}.signscore .big:after{content:"%";margin-left:4px;font-size:.4em}.signscore .small{font-size:calc(16px * var(--text-scale));color:var(--sub);margin-top:8px}.verdict-big{font-size:calc(22px * var(--text-scale));font-weight:600}.verdict-big.pass{color:var(--green)}.verdict-big.fail{color:var(--ink)}.reviewitem{border-top:1px solid var(--line);font-size:calc(18px * var(--text-scale));padding:24px 0;line-height:1.9}.reviewitem .ra{font-weight:600}.hzrow{border-top:1px solid var(--line);padding:24px 0}.hznum{color:var(--blue-deep);margin-right:8px;font-weight:600}.hztext{font-size:calc(18px * var(--text-scale));line-height:1.85}.hzpick{gap:12px;margin-top:16px;display:flex}.hzpick button{border-radius:var(--radius);min-width:0;min-height:56px;font-size:calc(22px * var(--text-scale));color:var(--ink);background:#fff;border:1px solid #a2bcae;flex:1;padding:12px}.hzpick button.on{border:2px solid var(--blue-deep);color:var(--blue-deep);background:#dff1e6}.hzpick button:disabled{opacity:1}.hzmark{font-size:calc(15px * var(--text-scale));margin-left:8px}.hzmark.ok{color:var(--green)}.hzmark.ng{color:var(--red)}.reportlink{color:var(--sub);font-size:calc(14px * var(--text-scale));text-underline-offset:4px;text-align:left;background:0 0;border:0;min-height:44px;margin-top:10px;padding:14px 0;text-decoration:underline;display:block}.reportbox{border-top:1px solid var(--line);margin-top:20px;padding:18px 0}.reportinput{width:100%;font-size:max(16px,calc(16px * var(--text-scale)));border-radius:var(--radius);resize:vertical;border:1px solid #89a596;margin:12px 0;padding:12px;line-height:1.8;display:block}.reportthanks{color:var(--green);font-size:calc(16px * var(--text-scale));padding:16px 0}.choose{gap:20px;margin-top:24px;display:grid}.choosecard{text-align:left;width:100%;min-width:0;color:var(--ink);border:1px solid var(--line);border-left:3px solid var(--blue-deep);border-radius:var(--radius);background:#fff;padding:22px 20px;box-shadow:0 3px 12px #0d584108}.choosecard .cname{font-size:calc(20px * var(--text-scale));color:var(--blue-deep);font-weight:600}.choosecard .cwho{font-size:calc(18px * var(--text-scale));margin-top:16px;line-height:1.8}.cfacts{font-size:calc(14px * var(--text-scale));color:var(--sub);flex-wrap:wrap;gap:8px 16px;margin-top:18px;display:flex}.cowned{color:var(--green)}.cgo{font-size:calc(16px * var(--text-scale));color:var(--blue-deep);margin-top:20px;font-weight:600}.langpick{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.langpick button{border-radius:var(--radius);min-height:48px;color:var(--ink);font-size:calc(16px * var(--text-scale));background:#fff;border:1px solid #a2bcae;flex:80px;padding:10px 8px}.langpick button.on{border:2px solid var(--blue-deep);color:var(--blue-deep);background:#dff1e6}@media (width>=760px){.wrap{padding-top:40px}.header{padding-block:24px}}@media (prefers-reduced-motion:reduce){.app *{transition:none!important}}.home-welcome{font-size:calc(25px * var(--text-scale));color:var(--blue-deep);margin:0 2px 24px;font-weight:700;line-height:1.6}.home-intro{background:var(--blue);color:#fff;border:0;padding:24px}.home-feature-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.home-title{font-size:calc(20px * var(--text-scale));margin:0}.home-intro .eyebrow,.home-intro .ja-sub,.home-intro .exam-facts,.home-intro .exam-facts strong{color:#fff}.home-intro .home-start{color:var(--blue-deep);background:#fff;border:0;border-radius:14px}.home-intro .home-start .ja-sub{color:var(--blue-deep)}.menu-icon{width:44px;height:44px;color:var(--blue);background:#dff1e6;border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex}.menu-icon svg{width:26px;height:26px}.home-feature-heading .menu-icon{color:#fff;background:#ffffff26;border-radius:20px;width:64px;height:64px}.home-feature-heading .menu-icon svg{width:38px;height:38px}.field-section{margin:28px 0 20px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.setbtn{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;height:100%;padding:18px 15px}.setbtn:last-child{border-bottom:1px solid var(--line)}.setbtn:last-child:nth-child(odd){flex-direction:row;grid-column:1/-1;align-items:center}.field-label{flex:1;min-width:0}.setbtn .go{display:none}.weak-review{border:1px solid var(--line);border-radius:var(--radius);background:#fff;justify-content:flex-start;gap:12px;margin:0 0 20px;padding:18px}.weak-review>span:nth-child(2){flex:1;min-width:0}.primary,.ghost{border-radius:14px}.settings-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-width:560px}.guidetoggle{padding:0}.tag{background:#edf6ef;border-radius:8px;padding:3px 10px}.card .card{border:0;padding:0}@media (width<=370px){.field-grid{grid-template-columns:1fr}.setbtn{flex-direction:row;align-items:center}.wrap,.card{padding:20px 16px}}.app[data-large-text=true] .field-grid{grid-template-columns:1fr}.app[data-large-text=true] .setbtn{flex-direction:row;align-items:center}.ja-sub{font-size:.84em}.header h1{font-size:calc(18px * var(--text-scale))}.header p{font-size:calc(11.5px * var(--text-scale))}.langtoggle{font-size:calc(12px * var(--text-scale))}.eyebrow{font-size:calc(11px * var(--text-scale))}.setbtn .name{font-size:calc(15px * var(--text-scale))}.setbtn .count{font-size:calc(12px * var(--text-scale))}.setbtn .go{font-size:calc(18px * var(--text-scale))}.qnum{font-size:calc(12px * var(--text-scale))}.qtext{font-size:calc(16.5px * var(--text-scale))}.qthai{font-size:calc(13.5px * var(--text-scale))}.tag{font-size:calc(10.5px * var(--text-scale))}.feedback{font-size:calc(14px * var(--text-scale))}.feedback .verdict,.primary{font-size:calc(15px * var(--text-scale))}.primary.big{font-size:calc(17px * var(--text-scale))}.ghost{font-size:calc(14px * var(--text-scale))}.contactmeta{font-size:calc(12.5px * var(--text-scale))}.langpick button{font-size:calc(13px * var(--text-scale))}.signscore .big{font-size:calc(42px * var(--text-scale))}.signscore .small{font-size:calc(12px * var(--text-scale))}.passline{font-size:calc(12.5px * var(--text-scale))}.verdict-big{font-size:calc(22px * var(--text-scale))}.reviewitem{font-size:calc(13.5px * var(--text-scale))}.pill{font-size:calc(12.5px * var(--text-scale))}.notice{font-size:calc(12px * var(--text-scale))}.guidetoggle{font-size:calc(15px * var(--text-scale))}.guidehead{font-size:calc(14.5px * var(--text-scale))}.guidehead .chev{font-size:calc(18px * var(--text-scale))}.guidebody{font-size:calc(13.5px * var(--text-scale))}.reportlink{font-size:calc(12.5px * var(--text-scale))}.reportthanks{font-size:calc(13px * var(--text-scale))}.hztext{font-size:calc(14.5px * var(--text-scale))}.hzpick button{font-size:calc(16px * var(--text-scale))}.hzmark{font-size:calc(13px * var(--text-scale))}.hznote{font-size:calc(12px * var(--text-scale))}.choosecard .cname{font-size:calc(16px * var(--text-scale))}.choosecard .cwho{font-size:calc(13.5px * var(--text-scale))}.choosecard .cfact,.choosecard .cowned{font-size:calc(11.5px * var(--text-scale))}.choosecard .cgo,.backlink{font-size:calc(13px * var(--text-scale))}.purchase-intro{font-size:calc(15px * var(--text-scale))}.reportinput{font-size:max(16px,calc(13.5px * var(--text-scale)))}.home-title{font-size:calc(18px * var(--text-scale))}.setbtn{font-size:calc(13.3333px * var(--text-scale))}.header{padding:10px max(10px,env(safe-area-inset-left)) 6px}.header-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:584px;display:grid}#settings-toggle{white-space:nowrap;padding:8px;font-size:12px}.wrap{padding-top:8px}.mb.on{border:2px solid var(--blue-deep);background:#dff1e6}@media (width<=600px){.wrap{padding:8px max(4px,env(safe-area-inset-left)) 16px max(4px,env(safe-area-inset-right))}.card{border-radius:12px;margin-bottom:12px;padding:14px 6px}.choose{gap:12px;margin-top:14px}.choosecard{padding:16px 10px}.toggle-row{margin-bottom:8px}.qimage{border-radius:10px;width:100%;max-height:none;margin:14px auto}.feedback{padding:12px 8px}.home-intro{padding-bottom:16px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--control-line:#708779;--selected:#dff1e6;--focus:#117453}html,body{background:var(--paper);color:var(--ink)}.settings-theme{cursor:pointer;align-items:center;gap:14px;min-height:44px;display:flex}.settings-theme input{width:24px;height:24px;accent-color:var(--blue-deep);flex:none}.app :is(.mb,.hzpick button,.ghost,.langpick button,.text-size-controls button,.reportinput,#settings-toggle){border-color:var(--control-line)}.app :is(.mb,.hzpick button,.langpick button){position:relative}.app :is(.mb,.hzpick button,.langpick button).on{outline:2px solid var(--blue-deep);outline-offset:-3px}.app :is(.mb,.hzpick button,.langpick button).on:after{content:"✓";color:var(--blue-deep);font-size:14px;font-weight:700;line-height:1.2;position:absolute;top:2px;right:7px}.app :is(button,a,select,textarea,input):focus-visible{outline-color:var(--focus)}.app button:disabled{opacity:1}.app .primary:disabled{color:#405b4d;background:#d3e4d8;border-color:#708779}.app .primary:disabled .ja-sub{color:inherit}.app .text-size-controls button:disabled{color:#506b5e;background:#e7eee9}.reportinput{background:var(--card);color:var(--ink)}.reportinput::placeholder{color:var(--sub);opacity:1}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#101a16;--card:#1b2922;--ink:#eef5f0;--sub:#bdcec3;--blue:#88dcb5;--blue-deep:#a2e7c5;--red:#ffb4ab;--green:#98e1b5;--line:#435c4d;--control-line:#829b8b;--selected:#294a3a;--focus:#f3d77b;--amber:#f3d77b}[data-theme=dark] :is(.langtoggle,.settings-panel,.text-size-controls button,.ghost,.setbtn,.guidetoggle,.guidehead,.mb,.hzpick button,.choosecard,.langpick button,.weak-review){background:var(--card)}[data-theme=dark] :is(.langtoggle.on,.hzpick button.on,.langpick button.on,.mb.on,.menu-icon,.tag){background:var(--selected)}[data-theme=dark] .primary{color:#102b1d;background:#a2e7c5;border-color:#a2e7c5}[data-theme=dark] .primary .ja-sub{color:#102b1d}[data-theme=dark] .home-intro{color:#eef5f0;background:#204e39}[data-theme=dark] .home-intro .home-start{color:#102b1d;background:#a2e7c5}[data-theme=dark] .home-intro .home-start .ja-sub{color:#102b1d}[data-theme=dark] .progress{background:#435c4d}[data-theme=dark] .feedback.ok{background:#203c2d}[data-theme=dark] .feedback.ng{background:#422a29}[data-theme=dark] .app .primary:disabled{color:#bdcec3;background:#35483c;border-color:#829b8b}[data-theme=dark] .app .primary:disabled .ja-sub{color:inherit}[data-theme=dark] .app .text-size-controls button:disabled{color:#bdcec3;background:#35483c}:root{--paper:#f6f9f7;--line:#b6c9be}:root[data-theme=dark]{--paper:#101a16;--line:#435c4d}.app .wrap{padding:8px max(20px,env(safe-area-inset-left)) 24px max(20px,env(safe-area-inset-right))}.app .header{padding:14px max(20px,env(safe-area-inset-left)) 8px}.app .header-row{max-width:560px}.app :is(.card,.setbtn,.choosecard,.weak-review,.settings-panel,.guidetoggle,.guidehead,.feedback){box-shadow:none;background:0 0;border-radius:0}.app .card{border:0;border-bottom:1px solid var(--line);margin:0;padding:24px 0}.app .card .card{border:0;padding:0}.app .home-intro,.app .home-intro :is(.eyebrow,.ja-sub,.exam-facts,.exam-facts strong){color:var(--ink)}.app .home-intro .home-start{background:var(--blue-deep);color:var(--paper);border-radius:8px}.app .home-intro .home-start .ja-sub{color:var(--paper)}.app .home-welcome{margin:8px 0 16px}.app .field-section{margin:24px 0 0}.app .field-grid{display:block}.app .setbtn{border:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:16px;margin:0;padding:20px 0;display:flex}.app .setbtn .go{display:block}.app .menu-icon{color:var(--blue);background:0 0;border-radius:0}.app .home-feature-heading .menu-icon{color:var(--blue);background:0 0}.app .weak-review{border:0;border-bottom:1px solid var(--line);margin:0;padding:22px 0}.app .choose{gap:0;margin-top:16px}.app .choosecard{border:0;border-top:1px solid var(--line);padding:24px 0}.app .settings-panel{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:calc(100% - 40px);max-width:560px;padding:0}.app .reading-settings{padding:18px 0}.app .feedback{border:0;border-top:2px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.app .qimage{border-radius:0}.app .tag{background:0 0;border-radius:0;padding:0}.app :is(.primary,.ghost,.mb,.hzpick button,.langpick button){border-radius:8px}:root[data-theme=dark] .app :is(.card,.setbtn,.choosecard,.weak-review,.settings-panel,.guidetoggle,.guidehead,.feedback,.menu-icon,.tag){background:0 0}:root{--header-paper:#e4eee7}:root[data-theme=dark]{--header-paper:#192b22}.app .header{background:var(--header-paper);padding-bottom:14px}.app .header-row{align-items:baseline}.app .settings-panel{border-top:0;border-bottom:3px solid var(--control-line)}.app .settings-heading{font-size:calc(18px * var(--text-scale));color:var(--blue-deep);border-bottom:1px solid var(--line);margin:0;padding:18px 0 12px;line-height:1.6}.app .home-intro,.app .field-section{border-bottom:3px solid var(--line)}.app .setbtn:last-child{border-bottom:0}.app .weak-review{border-bottom:3px solid var(--line)}