@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai+Looped:wght@400;500;600;700&display=swap";
:root{--navy:#1e3a5f;--navy-dark:#14293f;--gold:#c9962c;--gold-dark:#a87a1e;--bg:#f4f2ed;--card-bg:#fff;--text:#22314a;--text-muted:#6b7686;--success:#2f7d5b;--success-bg:#e7f4ee;--error:#b4432f;--error-bg:#fbeae6;--pending-bg:#fbf2e3;--border:#e2e5ea;--field-h:54px;--icon-btn-h:40px;--training-bg:#d97706;--training-text:#fff}*{box-sizing:border-box}html{background:var(--bg);font-size:17px}html,body{margin:0;padding:0}body{color:var(--text);font-family:Noto Sans Thai Looped,Sarabun,sans-serif}button{-webkit-tap-highlight-color:transparent;font-family:inherit}button:focus:not(:focus-visible){outline:none}input,select,textarea{font-family:inherit}input[type=date],input[type=time]{appearance:none;color:var(--text);background:#fff}input[type=date]::-webkit-date-and-time-value{color:var(--text);text-align:left}.lf-info-card>div:last-child{border-bottom:none!important}.lf-activity-item{transition:border-color .15s,box-shadow .15s}.lf-activity-item:has(>.lf-activity-card:hover){border-color:var(--navy)!important}.lf-activity-card:focus-visible{outline:3px solid var(--gold);outline-offset:-3px;border-radius:12px}@media (prefers-reduced-motion:reduce){.lf-activity-item{transition:none}}.lf-page{justify-content:center;padding:0;display:flex}.lf-card{width:100%;max-width:none;box-shadow:none;border-radius:0}.lf-type-grid{grid-template-columns:1fr 1fr}.lf-header-inner,.lf-body{width:100%}@media (min-width:700px){html{font-size:19px}:root{--field-h:62px;--icon-btn-h:48px}.lf-page,.lf-card{min-height:100vh}.lf-header-inner,.lf-body{max-width:640px;margin:0 auto}.lf-type-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1100px){html{font-size:20px}:root{--field-h:66px;--icon-btn-h:52px}.lf-header-inner,.lf-body{max-width:760px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes lfPulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes resultPopIn{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes ringPulseGreen{0%{box-shadow:0 0 #2f7d5b73}70%{box-shadow:0 0 0 18px #2f7d5b00}to{box-shadow:0 0 #2f7d5b00}}@keyframes ringPulseRed{0%{box-shadow:0 0 #b4432f73}70%{box-shadow:0 0 0 18px #b4432f00}to{box-shadow:0 0 #b4432f00}}.lf-detail-overlay{align-items:flex-end;padding:0}.lf-detail-sheet{border-radius:16px 16px 0 0;max-width:640px;max-height:88vh;box-shadow:0 -8px 30px #00000040}@media (min-width:700px){.lf-detail-overlay{align-items:center;padding:16px}.lf-detail-sheet{border-radius:16px;max-height:85vh;box-shadow:0 20px 60px #0000004d}}