:root{--ink: #14181f;--ink-soft: #232a35;--paper: #f7f1e4;--paper-line: #e2d8c0;--brass: #a9803f;--brass-deep: #8a672f;--hadir: #4f6d55;--hadir-bg: #e4ebe1;--tidak: #9c4a41;--tidak-bg: #f1e1dd;--ragu: #ad7f28;--ragu-bg: #f2e8d2;--text: #2a251c;--text-soft: #6c6353;--font-display: "Fraunces", ui-serif, Georgia, serif;--font-body: "Manrope", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ink);background-image:radial-gradient(circle at 15% 10%,rgba(169,128,63,.12),transparent 45%),radial-gradient(circle at 85% 90%,rgba(169,128,63,.08),transparent 50%);font-family:var(--font-body);color:var(--text);min-height:100vh}#root{min-height:100vh}.page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:56px 20px 80px}.ledger{width:100%;max-width:920px;background:var(--paper);border-radius:4px;box-shadow:0 1px #fff6 inset,0 30px 60px -20px #0000008c,0 0 0 1px #0000000f;padding:48px 44px 40px;position:relative}.ledger:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--brass-deep),var(--brass) 50%,var(--brass-deep));border-radius:4px 4px 0 0}.ledger__header{text-align:center;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--paper-line)}.eyebrow{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-deep);margin:0 0 10px}.title{font-family:var(--font-display);font-weight:500;font-size:clamp(28px,5vw,42px);margin:0;color:var(--text);letter-spacing:.01em}.subtitle{font-family:var(--font-body);font-size:13px;color:var(--text-soft);margin:8px 0 0;letter-spacing:.03em}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:32px}.stat-card{border:1px solid var(--paper-line);border-radius:3px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff59}.stat-card__value{font-family:var(--font-display);font-size:34px;font-weight:600;line-height:1;color:var(--text)}.stat-card__label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.stat-card--hadir .stat-card__value{color:var(--hadir)}.stat-card--tidak .stat-card__value{color:var(--tidak)}.stat-card--ragu .stat-card__value{color:var(--ragu)}.stat-card--neutral .stat-card__value{color:var(--brass-deep)}.table-wrap{overflow-x:auto}.rsvp-table{width:100%;border-collapse:collapse;font-size:14px}.rsvp-table thead th{text-align:left;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);padding:0 12px 10px;border-bottom:1px solid var(--brass-deep);white-space:nowrap}.rsvp-table tbody td{padding:14px 12px;border-bottom:1px solid var(--paper-line);vertical-align:top}.rsvp-table tbody tr:last-child td{border-bottom:none}.col-no{color:var(--text-soft);width:40px}.col-name{font-weight:700;white-space:nowrap}.col-num{text-align:center;width:60px}.col-message{color:var(--text);max-width:320px;font-style:italic;line-height:1.5}.col-waktu{color:var(--text-soft);white-space:nowrap;font-size:13px}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:#eee;color:#555}.pill--hadir{background:var(--hadir-bg);color:var(--hadir)}.pill--tidak{background:var(--tidak-bg);color:var(--tidak)}.pill--ragu{background:var(--ragu-bg);color:var(--ragu)}.cards{display:none}@media (max-width: 720px){.table-wrap{display:none}.cards{display:flex;flex-direction:column;gap:12px}.guest-card{border:1px solid var(--paper-line);border-radius:4px;padding:14px 16px;background:#ffffff59}.guest-card__top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.guest-card__index{color:var(--text-soft);font-size:13px}.guest-card__name{font-weight:700;flex:1}.guest-card__message{font-style:italic;color:var(--text);margin:10px 0 0;line-height:1.5;font-size:14px}.guest-card__meta{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--text-soft)}.stats{grid-template-columns:repeat(2,1fr)}.ledger{padding:32px 20px 28px}}.state-card{border:1px dashed var(--paper-line);border-radius:4px;padding:32px 24px;text-align:center}.state-card--error{border-color:var(--tidak)}.state-card__title{font-family:var(--font-display);font-size:20px;font-weight:600;margin:0 0 8px;color:var(--text)}.state-card__body{font-size:14px;color:var(--text-soft);margin:0;line-height:1.6}.state-card__body code{background:#0000000f;padding:2px 6px;border-radius:3px;font-size:13px}.footer{text-align:center;margin-top:36px;font-family:var(--font-display);font-style:italic;font-size:13px;color:var(--text-soft);letter-spacing:.04em}