@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&family=Noto+Serif+Thai:wght@400;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.delay-3{transition-delay:3ms}:root{--bg:#f7f5f0;--bg-card:#fff;--bg-hover:#f0ede6;--border:#e8e3da;--border-strong:#d4ccb8;--text-primary:#1c1917;--text-secondary:#78716c;--text-tertiary:#a8a29e;--accent:#d4622a;--accent-soft:#fbf0eb;--accent-hover:#b85220;--success:#3a7d44;--success-soft:#eef6f0;--warning:#b45309;--warning-soft:#fef3c7;--danger:#c0392b;--danger-soft:#fee8e6;--info:#1d5fa6;--info-soft:#ebf2fc;--tab-h:68px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{font-size:16px}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Sarabun,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.font-display{font-family:Noto Serif Thai,serif}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;transition:box-shadow .15s}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px 20px;font-family:Sarabun,sans-serif;font-size:14px;font-weight:500;transition:background .15s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:12px;width:100%;padding:12px 20px;font-family:Sarabun,sans-serif;font-size:14px;font-weight:500;transition:background .15s}.input-base{background:var(--bg);border:1.5px solid var(--border);color:var(--text-primary);border-radius:12px;outline:none;width:100%;padding:11px 14px;font-family:Sarabun,sans-serif;font-size:14px;transition:border-color .15s}.input-base:focus{border-color:var(--accent)}.input-base::placeholder{color:var(--text-tertiary)}.badge{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-info{background:var(--info-soft);color:var(--info)}.tab-bar{height:calc(var(--tab-h) + var(--safe-bottom));background:var(--bg-card);border-top:1px solid var(--border);z-index:50;align-items:flex-start;padding-top:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item{cursor:pointer;color:var(--text-tertiary);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px;font-size:10px;font-weight:500;transition:color .15s;display:flex}.tab-item.active{color:var(--accent)}.tab-item:active{transform:scale(.92)}.fab{bottom:calc(var(--tab-h) + var(--safe-bottom) + 16px);background:var(--accent);color:#fff;cursor:pointer;z-index:40;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;right:20px;box-shadow:0 4px 20px #d4622a66}.fab:hover{transform:scale(1.05)}.fab:active{transform:scale(.95)}.page{min-height:100svh;padding-bottom:calc(var(--tab-h) + var(--safe-bottom) + 24px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-up{animation:.3s forwards fadeUp}.animate-fade-in{animation:.2s forwards fadeIn}.animate-slide-up{animation:.3s cubic-bezier(.32,.72,0,1) forwards slideUp}.delay-1{opacity:0;animation-delay:50ms}.delay-2{opacity:0;animation-delay:.1s}.delay-3{opacity:0;animation-delay:.15s}.delay-4{opacity:0;animation-delay:.2s}.delay-5{opacity:0;animation-delay:.25s}.sheet-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;animation:.2s fadeIn;position:fixed;inset:0}.sheet-content{background:var(--bg-card);z-index:101;max-height:92svh;padding-bottom:calc(24px + var(--safe-bottom));border-radius:24px 24px 0 0;animation:.3s cubic-bezier(.32,.72,0,1) slideUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.sheet-handle{background:var(--border-strong);border-radius:2px;width:36px;height:4px;margin:12px auto 20px}.progress-track{background:var(--bg-hover);border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .5s}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}