:root{--primary:#1d5bd6;--primary-pressed:#1747a6;--primary-soft:#d3e2fb;--primary-tint:#eaf1fd;--on-primary:#fff;--ink:#142033;--muted:#586377;--ground:#f4f7fb;--surface:#fff;--line:#dce3ee;--input-border:#c9d3e1;--segmented-track:#e3e9f2;--switch-off:#aeb9ca;--disabled-bg:#f1f3f7;--disabled-ink:#8a94a6;--danger:#b42318;--danger-soft:#fdecea;--danger-tint:#fff6f5;--danger-line:#f1c4be;--warning-bg:#fff4e5;--warning-ink:#8a4b00;--warning-line:#e0b77a;--success-bg:#e7f6ee;--success-ink:#17663d;--shadow-float:0 4px 14px #14203340;--radius-control:.75rem;--radius-card:1rem;--radius-sheet:1.375rem;--radius-pill:999px;--tap:2.75rem;--tap-primary:3rem;color:var(--ink);background:var(--ground);font-family:IBM Plex Sans Thai,Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0}main{max-width:40rem;padding:1.25rem 1rem calc(6rem + env(safe-area-inset-bottom));margin:0 auto}h1,h2,h3{line-height:1.25}a{color:var(--primary-pressed)}label{font-size:.875rem;font-weight:500}input,textarea{width:100%;min-height:var(--tap-primary);font:inherit;color:inherit;background:var(--surface);border:1px solid var(--input-border);border-radius:var(--radius-control);padding:.5rem .875rem;font-size:1rem}input:disabled,textarea:disabled{color:var(--disabled-ink);background:var(--disabled-bg)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.button{min-height:var(--tap);font:inherit;color:var(--ink);cursor:pointer;background:var(--surface);border:1px solid var(--input-border);border-radius:var(--radius-control);justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.button.primary{min-height:var(--tap-primary);color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.button.primary:active{background:var(--primary-pressed);border-color:var(--primary-pressed)}.button.danger{min-height:var(--tap-primary);color:var(--on-primary);background:var(--danger);border-color:var(--danger)}.button:disabled,.button[aria-disabled=true]{color:var(--disabled-ink);cursor:default;background:var(--disabled-bg);border-color:var(--disabled-bg)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.chip{min-height:var(--tap);font:inherit;color:var(--ink);white-space:nowrap;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);flex:none;align-items:center;gap:.375rem;padding:0 .875rem;font-size:.875rem;text-decoration:none;display:inline-flex}.chip[aria-current],.chip[aria-pressed=true]{color:var(--on-primary);background:var(--ink);border-color:var(--ink)}.chip-dot{background:var(--person);border-radius:var(--radius-pill);width:.625rem;height:.625rem}.segmented{background:var(--segmented-track);border-radius:.875rem;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.25rem;padding:.25rem;display:grid}.segmented>*{min-height:var(--tap);font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.625rem;justify-content:center;align-items:center;font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}.segmented>[aria-current],.segmented>[aria-pressed=true]{color:var(--on-primary);background:var(--primary);font-weight:600}.switch{cursor:pointer;background:var(--switch-off);border-radius:var(--radius-pill);border:0;flex:none;width:3.25rem;height:2rem;padding:0;position:relative}.switch:before{content:"";position:absolute;inset:-.375rem 0}.switch:after{content:"";background:var(--surface);border-radius:var(--radius-pill);width:1.5rem;height:1.5rem;position:absolute;top:.25rem;left:.25rem}.switch[aria-pressed=true]{background:var(--primary)}.switch[aria-pressed=true]:after{left:auto;right:.25rem}.notice{border-radius:var(--radius-control);border:1px solid #0000;align-items:flex-start;gap:.625rem;padding:.625rem .75rem;font-size:.875rem;display:flex}.notice.success{color:var(--success-ink);background:var(--success-bg)}.notice.warning{color:var(--warning-ink);background:var(--warning-bg);border-color:var(--warning-line)}.notice.danger{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-line)}.avatar-dot{background:color-mix(in srgb, var(--person) 15%, var(--surface));border-radius:var(--radius-pill);flex:none;justify-content:center;align-items:center;width:1.625rem;height:1.625rem;font-size:.875rem;display:inline-flex}.error{color:var(--danger);font-size:.875rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-header{align-items:center;gap:.25rem;margin:-.75rem -.5rem .5rem;display:flex}.page-header h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.25rem;font-weight:700;overflow:hidden}.icon-btn{width:var(--tap);height:var(--tap);color:var(--ink);cursor:pointer;border-radius:var(--radius-control);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.meta{color:var(--muted);font-size:.8125rem}.help{color:var(--muted);margin:0;font-size:.8125rem}.badge{color:var(--primary-pressed);background:var(--primary-tint);border-radius:var(--radius-pill);flex:none;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.text-link{min-height:var(--tap);font:inherit;color:var(--primary-pressed);cursor:pointer;background:0 0;border:0;align-items:center;padding:0 .25rem;font-size:.875rem;text-decoration:underline;display:inline-flex}.text-link.danger{color:var(--danger)}.segmented>.selected-light[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:0 1px 2px #1420331f}.message-card{text-align:center;background:var(--surface);border-radius:1.25rem;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;display:flex;box-shadow:0 8px 24px #1420332e}.message-card h2,.message-card h1{margin:0;font-size:1.125rem;font-weight:700}.message-card p{color:var(--muted);margin:0;font-size:.875rem}.message-card .button{align-self:stretch}.message-icon{width:3.5rem;height:3.5rem;color:var(--primary-pressed);background:var(--primary-tint);border-radius:var(--radius-pill);justify-content:center;align-items:center;display:flex}.sheet-backdrop{z-index:20;background:#1420337a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:40rem;padding:1.25rem 1.25rem calc(1.75rem + env(safe-area-inset-bottom));background:var(--surface);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;flex-direction:column;gap:.875rem;display:flex}.sheet h2{overflow-wrap:anywhere;margin:0;font-size:1.25rem;font-weight:700}