:root{color:#f8efe4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0e0e;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#0f0e0e;min-width:320px;margin:0}button,input,textarea{font:inherit}a{color:inherit}.app-shell{color:#f8efe4;background:radial-gradient(circle at top,#f4b05b24,#0000 30%),linear-gradient(#111 0%,#171515 48%,#0e0d0d 100%);flex-direction:column;gap:16px;min-height:100svh;padding:20px 16px 28px;display:flex}.brand-header{padding:8px 4px 0}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.18em;color:#e0a44d;margin:0 0 6px;font-size:.72rem}.brand-header h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.4rem,10vw,4rem);line-height:.95}.tagline{color:#d8c4ad;margin-top:10px;font-size:1.05rem}.panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121010eb;border:1px solid #ffd0841f;border-radius:28px;width:100%;max-width:720px;margin:0 auto;box-shadow:0 20px 60px #00000052}.hero-panel{flex-direction:column;gap:18px;padding:18px;display:flex}.checkin-list{gap:12px;display:grid}.checkin-card,.confirmation-card,.about-card,.empty-state-card{background:#ffffff08;border:1px solid #ffd0841f;border-radius:22px}.checkin-card{gap:12px;padding:14px;display:flex}.checkin-avatar,.empty-state-icon{color:#171313;background:linear-gradient(#f0b34d,#9b5a16);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.empty-state-icon{font-size:1.05rem}.checkin-body{flex:1;min-width:0}.checkin-topline{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.empty-state-topline{align-items:flex-start}.checkin-name-row{align-items:center;gap:10px;min-width:0;display:flex}.checkin-topline h2,.section-heading h2,.confirmation-panel h2,.about-card h2,.empty-state-card h2{color:#fff5e8;margin:0;font-size:1.1rem}.checkin-topline span{color:#d19a57;white-space:nowrap;font-size:.9rem}.checkin-body p,.about-card p,.confirmation-panel>p,.status-message,.timestamp,.empty-state-card p{color:#d8c4ad;margin:8px 0 0;line-height:1.5}.timestamp{color:#a98b69;margin-top:6px;font-size:.82rem}.live-indicator{color:#7ef0a7;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#3ec86d1f;border:1px solid #3ec86d33;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:.72rem;display:inline-flex}.live-dot{background:#32d46c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 6px #32d46c29}.card-actions{margin-top:12px}.check-out-button{color:#f2d7b8;background:0 0;border:1px solid #ffd0842e;border-radius:999px;padding:9px 12px;font-size:.88rem;font-weight:600}.actions-stack{gap:10px;display:grid}.primary-button,.secondary-button,.ghost-button{letter-spacing:.02em;border:0;border-radius:18px;width:100%;padding:16px 18px;font-size:1rem;font-weight:700}.primary-button{color:#1a130b;background:linear-gradient(#f0b34d 0%,#bc7420 100%);box-shadow:0 10px 22px #bc74203d}.secondary-button{color:#f7ebdf;background:#ffffff0a;border:1px solid #ffd0842e}.ghost-button{color:#d8c4ad;background:0 0;border:1px solid #ffd0841a}.about-card{padding:16px}.modal-overlay{z-index:20;background:#090808b8;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.modal-panel{width:100%;max-width:720px;margin:0}.modal-header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px;display:flex}.close-button{color:#f7ebdf;background:#ffffff0a;border:1px solid #ffd08429;border-radius:50%;width:36px;height:36px;font-size:1.4rem;line-height:1}.section-heading{margin-bottom:18px}.checkin-form{gap:14px;display:grid}.checkin-form label,.checkin-form fieldset{color:#f7ebdf;border:0;gap:8px;margin:0;padding:0;display:grid}.checkin-form input[type=text],.checkin-form textarea{box-sizing:border-box;color:#fff5e8;width:100%;font:inherit;background:#ffffff0a;border:1px solid #ffd08429;border-radius:16px;padding:14px 15px}.checkin-form input::placeholder,.checkin-form textarea::placeholder{color:#907d69}.checkin-form input:focus,.checkin-form textarea:focus,.duration-option input:focus-visible+span,.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.check-out-button:focus-visible,.close-button:focus-visible{outline-offset:2px;outline:2px solid #f0b34d}.duration-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.duration-option{position:relative}.duration-option input{opacity:0;margin:0;position:absolute;inset:0}.duration-option span{color:#f7ebdf;background:#ffffff08;border:1px solid #ffd08429;border-radius:16px;place-items:center;min-height:50px;display:grid}.duration-option input:checked+span{color:#fff4dc;background:#f0b34d2e;border-color:#f0b34da6}.confirmation-panel{text-align:center;gap:14px;padding:18px;display:grid}.confirmation-badge{color:#f0b34d;letter-spacing:.08em;text-transform:uppercase;background:#f0b34d29;border-radius:999px;justify-self:center;padding:8px 12px;font-size:.84rem}.confirmation-card{text-align:left;gap:6px;padding:16px;display:grid}.confirmation-card strong{font-size:1.05rem}.confirmation-card span{color:#d19a57}.empty-state-card{align-items:flex-start;gap:12px;padding:14px;display:flex}.empty-state-topline{margin-bottom:4px}@media (width>=720px){.app-shell{padding:28px 22px 40px}.hero-panel,.confirmation-panel,.modal-panel{padding:24px}.modal-overlay{place-items:center}.actions-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-button,.secondary-button,.ghost-button{width:auto}}