.checkin-area{--checkin-ink:var(--ink);--checkin-paper:var(--paper);--checkin-muted:var(--muted);min-height:100svh;display:flex;flex-direction:column;background:transparent;color:var(--checkin-ink);font-family:var(--font-guest);font-size:16px;line-height:1.65;overflow-wrap:anywhere}.checkin-area *{box-sizing:border-box}.checkin-area :where(h1,h2){font-family:var(--sans);font-weight:600;letter-spacing:-.04em;line-height:1.08;margin:0}.checkin-area :where(p){margin:0}.checkin-area :where(button,input){font:inherit}.checkin-area a,.checkin-area button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.checkin-area button{cursor:pointer}.checkin-area button:disabled{cursor:default;opacity:.55}.checkin-area :focus-visible{outline:2px solid var(--accent-strong);outline-offset:4px}.checkin-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 5vw;border-bottom:1px solid var(--line);background:var(--bar);backdrop-filter:blur(16px)}.checkin-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:24px;line-height:1.2;letter-spacing:-.04em}.checkin-brand>.brand-mark{display:block;flex:none;width:36px;height:36px;border-radius:10px}.checkin-header>div{display:flex;gap:30px;align-items:center}.checkin-header-note{color:var(--checkin-muted);font-size:14px}.checkin-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--muted);font-size:14px;transition:color .2s ease}.checkin-back:hover{color:var(--ink)}.checkin-area button svg,.checkin-back svg,.checkin-button svg{flex-shrink:0}.checkin-signout{position:relative}.checkin-signout button{display:flex;align-items:center;gap:8px;min-height:44px;border:0;background:transparent;padding:8px 0;color:var(--muted);font-size:14px;transition:color .2s ease}.checkin-signout button:hover{color:var(--ink)}.checkin-signout p{position:absolute;z-index:2;right:0;top:100%;width:200px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--raised);color:var(--danger);box-shadow:var(--shadow);font-size:14px}.checkin-eyebrow{display:flex;align-items:center;gap:10px;color:var(--checkin-muted);font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.5;margin-bottom:17px!important}.checkin-eyebrow:before{content:"";width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--violet);box-shadow:0 0 10px var(--violet)}.checkin-symbol{display:grid;place-items:center;width:62px;height:62px;border:1px solid var(--line-strong);border-radius:18px;background:var(--glass);color:var(--amber)}.checkin-login{display:grid;grid-template-columns:1.05fr 1fr;width:min(1280px,100%);margin:55px auto 70px;padding-inline:5vw;flex:1}.checkin-login-intro{padding:48px 50px;background:radial-gradient(520px 320px at 0 0,var(--glow-soft),transparent 70%),radial-gradient(420px 280px at 100% 100%,var(--warning-light),transparent 70%),var(--bg-2);border:1px solid var(--line);border-radius:24px;animation:frontier-rise .6s var(--ease) both}.checkin-login-intro .checkin-symbol{margin-bottom:42px}.checkin-login-intro h1{font-size:clamp(54px,5vw,76px)}.checkin-login-intro h1 em{font-weight:400}.checkin-login-intro>p:not(.checkin-eyebrow){margin-top:28px;color:var(--muted);font-size:16px}.checkin-login-footnote{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:52px;color:var(--muted);font-size:12px}.checkin-login-footnote span{display:grid;place-items:center;width:23px;height:23px;border:0;border-radius:50%;background:var(--primary);color:var(--on-primary);font-family:var(--mono);font-size:11px;font-weight:600}.checkin-login-footnote span:nth-of-type(2){margin-left:12px}.checkin-login-panel{padding:72px 0 30px clamp(36px,5vw,78px);align-self:center;animation:frontier-rise .6s .08s var(--ease) both}.checkin-login-panel h2{font-size:48px}.checkin-login-panel>p:not(.checkin-eyebrow){margin-top:23px;color:var(--checkin-muted);font-size:16px}.checkin-phone-form{margin-top:32px}.checkin-phone-form>label{display:block;margin-bottom:10px;font-size:15px;font-weight:550}.checkin-input{display:flex;align-items:center;gap:14px;min-height:58px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);padding-inline:17px;transition:border-color .2s ease,box-shadow .2s ease}.checkin-input:focus-within{border-color:var(--accent-strong);box-shadow:var(--focus-ring)}.checkin-input input{width:100%;min-width:0;padding-block:13px;border:0;outline:none!important;color:var(--checkin-ink);background:transparent;font-size:17px}.checkin-input input::placeholder{color:var(--dim)}.checkin-code-input input{letter-spacing:.3em;font-family:var(--mono);font-size:22px}.checkin-form-help{margin-top:10px!important;font-size:14px;color:var(--checkin-muted)}.checkin-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border:1px solid transparent;border-radius:var(--pill);padding:13px 22px;font-size:15px;font-weight:650;line-height:1.5;text-align:center;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.checkin-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-glow)}.checkin-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.checkin-phone-form>.checkin-button{width:100%;margin-top:25px}.checkin-consent{margin-top:21px!important;font-size:12px;line-height:1.8;color:var(--checkin-muted)}.checkin-form-status{min-height:26px;margin-top:17px!important;font-size:15px;color:var(--danger)}.checkin-code-sent{margin-bottom:22px!important;color:var(--checkin-muted);font-size:16px}.checkin-code-sent strong{color:var(--checkin-ink);font-weight:600;white-space:nowrap}.checkin-code-actions{display:flex;justify-content:space-between;gap:14px;margin-top:13px}.checkin-code-actions button{min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--accent);font-size:14px;text-align:left;text-decoration:underline;text-decoration-color:var(--guest-violet-line);text-underline-offset:4px}.checkin-area .checkin-footer{display:flex;min-height:80px;justify-content:space-between;gap:20px;padding:25px 5vw;margin-top:auto;border-top:1px solid var(--line);background:transparent;color:var(--checkin-muted);font-size:12px}.checkin-workspace{width:min(1200px,100%);padding:48px 5vw 72px;margin-inline:auto;flex:1;animation:frontier-fade .4s ease both}.checkin-workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}.checkin-workspace-heading h1{max-width:15ch;font-size:clamp(36px,4.5vw,58px)}.checkin-workspace-heading>div>p:last-child{margin-top:22px;color:var(--checkin-muted);font-size:16px}.checkin-verified{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:8px 14px;border:1px solid var(--guest-mint-line);border-radius:var(--pill);background:var(--success-light);color:var(--success);font-size:12px}.checkin-booking-list{display:grid;gap:12px;border-top:0}.checkin-booking-row{display:flex;align-items:center;gap:26px;min-height:156px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);transition:background .2s ease,border-color .2s ease,transform .2s ease}.checkin-booking-row:hover{background:var(--soft);border-color:var(--line-strong);transform:translateY(-2px)}.checkin-date-tile{display:grid;align-content:center;justify-items:center;gap:0;min-width:68px;height:80px;border:1px solid var(--guest-amber-line);border-radius:16px;background:var(--warning-light)}.checkin-date-tile strong{font-family:var(--sans);font-size:28px;font-weight:600;letter-spacing:-.04em;line-height:1.2}.checkin-date-tile>span{color:var(--warning);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.checkin-booking-row h2{font-size:30px;margin-bottom:10px}.checkin-booking-host-alert{display:inline-flex;align-items:center;gap:7px;margin:0 0 7px;padding:5px 10px;border:1px solid var(--guest-violet-line);border-radius:999px;background:var(--accent-light);color:var(--accent);font-size:12px;font-weight:650;line-height:1.3}.checkin-booking-row p{gap:6px;margin-top:4px;color:var(--checkin-muted)}.checkin-booking-row p,.checkin-open-booking{display:flex;align-items:center;font-size:14px}.checkin-open-booking{gap:15px;margin-left:auto;font-weight:600;white-space:nowrap}.checkin-empty{display:flex;flex-direction:column;align-items:center;padding:54px 30px;border:1px solid var(--line);background:var(--glass);text-align:center;border-radius:24px}.checkin-empty h2{margin-top:30px;font-size:39px}.checkin-empty>p{max-width:470px;margin-top:20px;font-size:16px;color:var(--muted)}.checkin-empty .checkin-button{margin-top:30px;min-width:180px}.checkin-empty>.checkin-empty-help{font-size:14px}.checkin-all-bookings{margin:-20px 0 30px}.checkin-stay-dates{display:grid;grid-template-columns:1fr 1fr .8fr;gap:30px;padding:35px;border:1px solid var(--line);background:var(--glass);border-radius:var(--radius)}.checkin-stay-dates>div{display:grid;grid-template-columns:25px 1fr;gap:4px 15px}.checkin-stay-dates svg{grid-row:span 2;margin-top:5px;color:var(--amber)}.checkin-stay-dates span{color:var(--muted);font-size:14px}.checkin-stay-dates strong{font-family:var(--sans);font-weight:400;font-size:23px;letter-spacing:-.025em;line-height:1.4}.checkin-details-columns{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:48px}.checkin-details-columns h2{font-size:28px}.checkin-essentials{margin-top:30px}.checkin-essentials>div{padding:16px 0;border-bottom:1px solid var(--line)}.checkin-essentials dt{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--checkin-muted)}.checkin-essentials dd{margin:7px 0 0 26px;font-size:16px}.checkin-text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:20px;border-bottom:1px solid var(--line-strong);font-size:14px;transition:border-color .2s ease}.checkin-text-link:hover{border-color:var(--accent)}.checkin-coming-later{align-self:start;padding:36px;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass)}.checkin-coming-later>svg{margin-bottom:27px;color:var(--violet)}.checkin-coming-later p{margin-top:22px;color:var(--checkin-muted);font-size:15px;line-height:1.85}.checkin-error{align-items:center;justify-content:center;gap:25px;padding:30px;text-align:center}.checkin-error h1{max-width:18ch;font-size:46px}@media (max-width:1000px){.checkin-login-intro{padding:40px 30px}.checkin-login-panel{padding-left:36px}.checkin-login-intro h1{font-size:57px}.checkin-workspace-heading{align-items:flex-start;flex-direction:column}.checkin-stay-dates{padding:28px;gap:20px}.checkin-stay-dates strong{font-size:20px}}@media (max-width:760px){.checkin-header{min-height:76px;padding:14px 22px;gap:18px}.checkin-header>div{gap:18px}.checkin-brand{font-size:21px}.checkin-brand>.brand-mark{width:30px;height:30px}.checkin-header-note{display:none}.checkin-header .checkin-back{max-width:128px;font-size:12px;line-height:1.4}.checkin-login{display:flex;flex-direction:column;margin:0;padding:0}.checkin-login-intro{padding:28px 25px 30px;border-radius:0;border-width:0 0 1px}.checkin-login-footnote,.checkin-login-intro .checkin-symbol,.checkin-login-intro>p:not(.checkin-eyebrow){display:none}.checkin-login-intro h1{font-size:41px;max-width:17ch}.checkin-login-intro h1 br{display:none}.checkin-login-intro .checkin-eyebrow{margin-bottom:12px!important}.checkin-login-panel{width:100%;padding:35px 25px 30px}.checkin-login-panel h2{font-size:40px}.checkin-login-panel>.checkin-eyebrow{display:none}.checkin-login-panel>p:not(.checkin-eyebrow){margin-top:17px}.checkin-phone-form{margin-top:26px}.checkin-area .checkin-footer{min-height:75px;padding:22px 25px}.checkin-workspace{padding:45px 25px 60px}.checkin-workspace-heading{gap:24px;margin-bottom:34px}.checkin-workspace-heading h1{font-size:clamp(32px,8.5vw,44px)}.checkin-booking-row{gap:18px;flex-wrap:wrap;padding:22px 20px}.checkin-booking-row>div{flex:1}.checkin-booking-row h2{font-size:27px}.checkin-open-booking{margin-left:82px}.checkin-date-tile{min-width:64px}.checkin-empty{padding:36px 22px}.checkin-empty h2{font-size:33px}.checkin-empty p{font-size:15px}.checkin-stay-dates{grid-template-columns:1fr;padding:25px;gap:22px}.checkin-stay-dates strong{font-size:24px}.checkin-details-columns{grid-template-columns:1fr;gap:38px;margin-top:42px}.checkin-coming-later{padding:28px}.checkin-all-bookings{margin-top:-14px}}@media (max-width:380px){.checkin-header,.checkin-login-intro,.checkin-login-panel{padding-inline:20px}.checkin-header>div{gap:12px}.checkin-header .checkin-back{max-width:105px}.checkin-signout button{font-size:12px}.checkin-login-intro h1{font-size:37px}.checkin-workspace{padding-inline:20px}}@media (prefers-reduced-motion:reduce){.checkin-area *,.checkin-area :after,.checkin-area :before{animation:none!important;transition:none!important}}.checkin-login-intro h1 em{font-style:normal;font-weight:600;background:var(--glow);-webkit-background-clip:text;background-clip:text;color:transparent}.checkin-brand{font-weight:700}.checkin-stay-dates strong{font-weight:600;font-size:20px;font-variant-numeric:tabular-nums}.checkin-workspace-heading h1{max-width:22ch;text-wrap:balance}.checkin-booking-row>div{min-width:0}.checkin-verified{max-width:100%;flex-shrink:1}.checkin-area textarea{font:inherit}.checkin-area :is(a,button,input,textarea){scroll-margin-block:24px}.checkin-assistant-note{background:var(--accent-light);border:1px solid var(--guest-violet-line)}@media (max-width:760px){.checkin-workspace{padding:32px 20px 48px}.checkin-header{padding-inline:20px;flex-wrap:wrap}.checkin-header>div{gap:16px}.checkin-workspace-heading{gap:18px}.checkin-stay-dates{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px;gap:20px 12px}.checkin-stay-dates>div{grid-template-columns:1fr;gap:5px}.checkin-stay-dates svg{display:none}.checkin-stay-dates>div:last-child{grid-column:1/-1;display:flex;align-items:baseline;gap:10px;padding-top:14px;border-top:1px solid var(--line)}.checkin-stay-dates strong{font-size:16px}.checkin-details-columns{margin-top:32px}.checkin-login-intro h1{font-size:36px}.checkin-login-panel h2{font-size:32px}}@media (max-width:360px){.checkin-header,.checkin-workspace{padding-inline:16px}}