:root{--header:#101010f5;--soft:#232323;--accent-ink:#ffc65a;--shadow:0 18px 50px #0002}html[data-theme=light]{color-scheme:light;--bg:#faf8f3;--surface:#fff;--text:#23251f;--muted:#62655b;--accent:#edb327;--accent-ink:#805700;--line:#dddcd3;--header:#faf8f3f5;--soft:#eeece4;--shadow:0 18px 50px #49350b0c}html[lang=th] body{font-family:"Leelawadee UI","Tahoma","Segoe UI",sans-serif}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{letter-spacing:-.015em;line-height:1.35}body,.site-header,.project-card,.skill,.contact-panel{transition:background-color .2s,color .2s}.site-header{background:var(--header)}.eyebrow,.stack,.skill-number{color:var(--accent-ink)}.nav{max-width:1400px;gap:18px}.nav-links{gap:20px}.account-nav{gap:10px}.theme-toggle,.language-toggle,.carousel-button,.copy-email{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;min-height:38px;min-width:38px;padding:6px 10px;display:inline-flex;align-items:center;justify-content:center;font:inherit;cursor:pointer}.theme-toggle:hover,.language-toggle:hover,.copy-email:hover{border-color:var(--accent)}.admin-header{border-bottom:2px solid var(--accent)}.admin-nav-link{color:var(--accent-ink);font-weight:700}.role-badge{color:var(--accent-ink)}.reading-progress{height:3px;background:var(--accent);position:fixed;inset:0 auto auto 0;width:0;z-index:30;pointer-events:none}.hero{position:relative}.hero:before{content:"";position:absolute;inset:5% 0 10% 40%;background:radial-gradient(ellipse,#eeb43213,transparent 65%);z-index:-1;pointer-events:none}.project-grid.project-slider{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent) var(--soft);padding:10px 3px 22px;overscroll-behavior-x:contain;cursor:grab}.project-slider .project-card{flex:0 0 58%;min-width:0;scroll-snap-align:start;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:var(--shadow)}.project-slider.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.project-slider img{-webkit-user-drag:none;user-select:none}.project-card:hover{border-color:var(--accent);transform:translateY(-3px)}.project-card h3{font-size:23px}.project-card p{overflow-wrap:anywhere}.slider-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:10px}.slider-toolbar p{margin:0;font-size:13px}.slider-actions{display:flex;align-items:center;gap:10px}.carousel-button:disabled{opacity:.35;cursor:default}.project-slider:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.project-index{min-width:44px;font-size:13px;text-align:center;color:var(--muted)}.project-tools{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.reassurance{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.reassurance span{padding:5px 12px;border:1px solid var(--line);border-radius:30px;color:var(--muted);font-size:12px}.workflow{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.workflow h3{font-size:22px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.workflow-grid strong{display:block;margin:8px 0;color:var(--text)}.workflow-grid p{font-size:14px}.workflow-grid .step{color:var(--accent-ink);font-size:12px}.copy-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.copy-email{font-size:13px}.copy-status{font-size:13px;min-height:22px;margin-top:8px}.auth-card-new input:not([type=hidden]),.admin-page input,.admin-page textarea{background:var(--bg);color:var(--text);border-color:var(--line)}.admin-page .project-list p,.admin-page .project-list div{color:var(--text)!important}.footer small{color:var(--muted)}.button.outline{border-color:var(--line)}.auth-error{background:#ffe3e3;color:#7a1d1d}.reveal-ready{opacity:0;transform:translateY(15px)}.reveal-ready.is-visible{opacity:1;transform:none;transition:opacity .5s,transform .5s}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:1100px){.nav{flex-wrap:wrap;padding-block:12px}.nav-links{order:3;width:100%;justify-content:center}.account-nav{margin-left:auto}}@media(max-width:760px){.nav{width:calc(100% - 28px);gap:10px}.nav-links{gap:14px;justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding:4px 0}.account-nav{gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 55px)}.account-nav .role-badge{display:none}.account-nav .viewer-name{display:none}.theme-toggle,.language-toggle{font-size:12px;padding:5px 8px}.hero h1{font-size:45px}.project-slider .project-card{flex-basis:88%}.slider-toolbar{align-items:flex-start}.slider-toolbar p{max-width:200px}.workflow-grid{grid-template-columns:1fr;gap:8px}.project-card:hover{transform:none}.section{scroll-margin-top:50px}.project-card h3{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal-ready{opacity:1;transform:none}}
 .translation-fields{padding:18px;border:1px solid var(--line);border-radius:10px;margin:12px 0 24px}.translation-fields summary{cursor:pointer;margin-bottom:12px;color:var(--accent-ink)}