:root{--p-bni-700:#8f2029;--p-bni-600:#a8272f;--p-bni-050:#fbeeee;--p-ink-900:#1b1a19;--p-ink-600:#57534d;--p-ink-400:#8b867d;--p-paper:#ffffff;--p-page:#f6f4f0;--p-rule:#e5e0d8;--p-field:#faf9f7;--p-ok-600:#2f6b46;--p-warn-050:#fdf4e3;--p-warn-600:#8a5a12;--p-on-accent:#ffffff}@media (prefers-color-scheme:dark){:root{--p-bni-600:#e08a86;--p-bni-700:#f0a9a4;--p-bni-050:#2d1e1e;--p-ink-900:#eae6e0;--p-ink-600:#a29c93;--p-ink-400:#7d776e;--p-paper:#1f1e23;--p-page:#141317;--p-rule:#302e35;--p-field:#26252b;--p-ok-600:#7fc79b;--p-warn-050:#2f2718;--p-warn-600:#e0b467;--p-on-accent:#1b1a19}}:root{--bg-page:var(--p-page);--bg-surface:var(--p-paper);--bg-field:var(--p-field);--text-primary:var(--p-ink-900);--text-muted:var(--p-ink-600);--text-faint:var(--p-ink-400);--accent:var(--p-bni-600);--accent-strong:var(--p-bni-700);--accent-wash:var(--p-bni-050);--border:var(--p-rule);--ok:var(--p-ok-600);--warn-bg:var(--p-warn-050);--warn:var(--p-warn-600);--on-accent:var(--p-on-accent)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg-page);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Noto Sans Thai,Sarabun,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.page{min-height:100vh;padding:1.2rem 1.2rem calc(1.2rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1rem}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.2rem}.h1,h1{font-size:1.5rem;line-height:1.3;font-weight:700;margin:0}.subtitle{color:var(--text-muted);font-size:.88rem;margin:.25rem 0 0}.field-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.field-label{font-size:.76rem;font-weight:600;color:var(--text-muted)}.field-input{min-height:48px;font-size:16px;font-family:inherit;color:var(--text-primary);background:var(--bg-field);border:1px solid var(--border);border-radius:8px;padding:0 .9rem;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.field-input::placeholder{color:var(--text-faint)}.field-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-wash)}.field-hint{font-size:.7rem;line-height:1.4;color:var(--text-faint)}.field-hint--warn{color:var(--warn)}.btn-primary{min-height:50px;width:100%;border:none;border-radius:8px;background:var(--accent);color:var(--on-accent);font-size:.9rem;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{min-height:50px;width:100%;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s ease}.btn-secondary:active{transform:scale(.97)}.pdpa-note{font-size:.7rem;line-height:1.4;color:var(--text-faint);text-align:center}.submit-error{font-size:.76rem;color:var(--warn);background:var(--warn-bg);border-radius:8px;padding:.6rem .8rem}.skeleton-block{background:var(--border);border-radius:8px;animation:skeleton-pulse 1.2s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.state-screen{text-align:center;color:var(--text-muted);font-size:.9rem;line-height:1.6}.receipt-title{color:var(--ok);font-size:1.1rem;font-weight:700;margin:0 0 .6rem}.receipt-name{font-size:1.4rem;font-weight:700;margin:0 0 1rem}.receipt-row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.88rem}.receipt-row:last-of-type{border-bottom:none}.receipt-row dt{color:var(--text-muted)}.receipt-row dd{margin:0;text-align:right;font-weight:600}.receipt-footer{margin:1rem 0;color:var(--text-muted);font-size:.88rem;text-align:center}.button-stack{display:flex;flex-direction:column;gap:.6rem}.live-page{max-width:900px;margin:0 auto}.live-stats{display:flex;gap:.8rem;margin-bottom:.8rem}.live-stat{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:.9rem .5rem}.live-stat-num{font-size:2rem;font-weight:600;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.live-stat-label{font-size:.76rem;color:var(--text-muted)}.live-table-wrap{overflow-x:auto;padding:.4rem .6rem}.live-empty{color:var(--text-muted);text-align:center;padding:1rem 0}.live-table{width:100%;border-collapse:collapse;font-size:.82rem}.live-table th{text-align:left;font-size:.7rem;color:var(--text-faint);position:-webkit-sticky;position:sticky;top:0;background:var(--bg-surface)}.live-table td,.live-table th{padding:.5rem .6rem;border-bottom:1px solid var(--border)}.live-table td{vertical-align:top}.live-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap}.member-section{margin-bottom:1.1rem}.member-section-title{font-size:.8rem;font-weight:600;color:var(--text-faint);letter-spacing:.04em;margin:0 0 .4rem .2rem}.member-card{padding:.3rem .9rem}.member-row{display:flex;flex-direction:column;gap:.1rem;padding:.6rem 0;border-bottom:1px solid var(--border)}.member-row:last-child{border-bottom:none}.member-cat{font-weight:600;font-size:1rem;color:var(--text-primary)}.member-name{font-size:.85rem;color:var(--text-muted)}.member-company{color:var(--text-faint);font-size:.78rem}.members-header{border-top:4px solid var(--accent);margin:-2.5rem -1.2rem 1.2rem;padding:1.4rem 1.2rem 0}.members-logo-card{background:#ffffff;border:1px solid var(--border);border-radius:12px;padding:.9rem 1.2rem;display:flex;justify-content:center;margin-bottom:1rem}.members-logo{max-width:240px;width:100%;height:auto}.members-title{color:var(--accent)}.member-section-title{color:var(--accent);border-left:3px solid var(--accent);padding-left:.5rem}.intro-note{margin:0 0 1.1rem;font-size:.86rem;line-height:1.65;color:var(--text-muted)}.section-title{margin:0 0 .15rem;font-size:1rem;font-weight:700;color:var(--text-primary)}.section-note{margin:0 0 .9rem;font-size:.8rem;color:var(--text-faint)}.field-textarea{min-height:84px;padding-top:.7rem;resize:vertical;font-family:inherit;line-height:1.55}.level-list{display:flex;flex-direction:column;gap:.6rem}.level-option{display:flex;flex-direction:row;align-items:center;gap:.75rem;width:100%;min-height:64px;padding:.85rem 1rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.level-option:active{transform:scale(.985)}.level-option--on{border-color:var(--accent);border-width:2px;padding:calc(.85rem - 1px) calc(1rem - 1px);background:var(--accent-wash)}.level-title{font-size:.92rem;font-weight:700;color:var(--text-primary)}.level-option--on .level-title{color:var(--accent-strong)}.level-detail{font-size:.78rem;line-height:1.5;color:var(--text-muted)}.level-current{margin:.9rem 0 0}.level-current,.saved-note{font-size:.8rem;font-weight:600;color:var(--ok)}.saved-note{margin:.7rem 0 0}.board-page{max-width:900px;margin:0 auto}.board-levels{display:flex;gap:.8rem}.board-level{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:1.1rem .5rem}.board-level-num{font-size:2.4rem;font-weight:700;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.board-level-label{font-size:.78rem;color:var(--text-muted);text-align:center}.board-level--accent{border-color:var(--accent);border-width:2px}.board-level--accent .board-level-num{color:var(--accent)}.board-highlight{display:flex;justify-content:center;padding:1.2rem;background:var(--accent-wash);border-color:var(--accent)}.board-highlight-num{font-size:1.7rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.board-highlight-label{font-size:.95rem;font-weight:600;color:var(--accent-strong);text-align:center}.board-outcomes{display:flex;gap:.8rem}.board-outcome{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:.15rem}.board-outcome-num{font-size:1.6rem;font-weight:700;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.board-outcome-label{font-size:.76rem;color:var(--text-muted)}.btn-link{display:flex;align-items:center;justify-content:center;text-decoration:none}.host-guest-card{display:flex;flex-direction:column;gap:.3rem}.host-guest-name{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.host-guest-meta{margin:0;font-size:.82rem;color:var(--text-muted)}.host-invite-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-top:.8rem}@media (min-width:560px){.host-invite-grid{grid-template-columns:repeat(3,1fr)}}.host-invite-tile{display:flex;flex-direction:column;gap:.15rem;padding:10px 12px;border-radius:10px;background:var(--bg-surface);border:1px solid var(--border);position:relative;min-width:0}.host-invite-tile--arrived{background:var(--accent-wash);border-left:4px solid var(--ok)}.host-invite-tile-name{padding-right:1.2rem;font-size:1rem;font-weight:700;color:var(--text-primary)}.host-invite-tile-full,.host-invite-tile-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-invite-tile-full{font-size:.72rem;color:var(--text-muted)}.host-invite-tile-by{margin:0;font-size:.68rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-invite-tile-dot{position:absolute;top:10px;right:12px;width:8px;height:8px;border-radius:999px;background:var(--ok)}.host-invite-tile-badges{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.15rem}.host-invite-tile-badge{display:inline-block;padding:.1rem .4rem;border-radius:999px;font-size:.65rem;font-weight:600}.host-invite-tile-badge--warn{background:var(--warn-bg);color:var(--warn)}.host-invite-tile-badge--muted{background:var(--bg-field);color:var(--text-faint)}.host-invite-tile-btn{margin-top:.4rem;min-height:44px;width:100%;border:none;border-radius:8px;background:var(--accent);color:var(--on-accent);font-size:.8rem;font-weight:700;cursor:pointer;transition:transform .12s ease}.host-invite-tile-btn:active{transform:scale(.97)}.host-invite-tile-btn:disabled{opacity:.5;cursor:not-allowed}.host-invite-tile-arrived{margin-top:.4rem;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--ok)}.host-attendee-card{padding:12px;border-radius:10px}.host-attendee-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.host-attendee-name{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;color:var(--text-primary)}.host-attendee-name-full{font-size:.78rem;font-weight:400;color:var(--text-muted)}.host-attendee-time{flex-shrink:0;font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.host-attendee-meta{margin:.1rem 0 0;font-size:.72rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-segmented{display:flex;gap:.4rem}.host-segmented-btn{flex:1 1;min-height:44px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);color:var(--text-primary);font-size:.78rem;font-weight:600;cursor:pointer;transition:transform .12s ease}.host-segmented-btn--sm{min-height:40px}.host-segmented-btn:active{transform:scale(.97)}.host-segmented-btn:disabled{opacity:.5;cursor:not-allowed}.host-segmented-btn--active{border-color:var(--accent);border-width:2px;background:var(--accent-wash);color:var(--accent-strong);font-weight:700}.host-match-list{display:flex;flex-direction:column;gap:.6rem;margin-top:.6rem}.host-add-btn{margin-top:.8rem;width:100%;min-height:44px}.host-dup-warning{margin-top:.6rem;padding:10px 12px;border-radius:10px;background:var(--warn-bg);border:1px solid var(--warn);display:flex;flex-direction:column;gap:.5rem}.host-dup-warning-title{margin:0;font-size:.82rem;font-weight:700;color:var(--warn)}.host-dup-warning-row{display:flex;flex-direction:column;gap:.2rem}.host-dup-warning-btn{align-self:flex-start;min-height:36px}.host-level-row{display:flex;gap:.5rem;margin-top:.4rem}.host-level-btn{flex:1 1;min-height:44px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);color:var(--text-primary);font-size:.82rem;font-weight:600;cursor:pointer}.host-level-btn:disabled{opacity:.5;cursor:not-allowed}.host-badge{display:inline-block;margin-top:.4rem;margin-right:.4rem;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600}.host-badge--muted{background:var(--bg-field);color:var(--text-faint)}.host-badge--ok,.host-outcome-passed{background:var(--bg-field);color:var(--ok)}.host-outcome-pending{background:var(--warn-bg);color:var(--warn)}.host-outcome-rejected{background:var(--bg-field);color:var(--text-faint)}.host-interview-zone{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.host-push-all-btn,.host-push-btn{margin-top:.6rem}.host-badge--warn{background:var(--warn-bg);color:var(--warn)}.host-badge--info{background:var(--accent-wash);color:var(--accent-strong)}.host-attendee-empty{padding:.6rem 0}.host-attendee-empty-sub{color:var(--text-faint);font-size:.85rem;margin-top:.2rem}.host-invites-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:none;padding:0;cursor:pointer;text-align:left}.host-invites-toggle-icon{color:var(--text-faint);font-size:.76rem}.host-invite-list{display:flex;flex-direction:column;gap:.6rem;margin-top:.8rem}.host-invite-card{border:1px solid var(--border);border-radius:10px;padding:.8rem}.host-export-link{margin-top:.4rem;color:var(--text-muted);font-size:.82rem}.host-attendee-looking{margin:4px 0 0;font-size:.72rem;line-height:1.5;color:var(--text-muted)}.host-stat-btn{border:1px solid var(--border);cursor:pointer;font:inherit;text-align:center;transition:transform .12s ease,border-color .12s ease,background .12s ease}.host-stat-btn:active{transform:scale(.97)}.host-stat-btn--on{border-color:var(--accent);border-width:2px;background:var(--accent-wash)}.host-clear-filter{margin-top:8px;min-height:44px}.host-attendee-meta a,.host-invite-tile a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:2px}.level-chip{flex:0 0 auto}.level-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}