:root{--bg: #f8fafc;--fg: #1e293b;--heading: #0f172a;--card: #ffffff;--primary: #155dfc;--primary-hover: #0f4fe0;--secondary: #00bc7d;--accent: #06b6d4;--muted: #e2e8f0;--muted-2: #f1f5f9;--muted-fg: #475569;--border: #cbd5e1;--border-soft: #e2e8f0;--radius: .625rem;--radius-lg: 1rem;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 12px 32px rgba(15, 23, 42, .06);--shadow-lg: 0 24px 60px rgba(15, 23, 42, .16);--font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--inspected-bg: #00bc7d;--inspected-fg: #ffffff;--clean-bg: #cffafe;--clean-fg: #0e7490;--cleaning-bg: #dbeafe;--cleaning-fg: #1d4ed8;--dirty-bg: #e2e8f0;--dirty-fg: #475569;--ooo-bg: #ffe4e6;--ooo-fg: #be123c;--bar-inspected: #00bc7d;--bar-clean: #22d3ee;--bar-cleaning: #3b82f6;--bar-dirty: #94a3b8;--bar-ooo: #ef4444;--selected: #1e293b;--selected-fg: #ffffff;--soft-primary: #e8f0ff;--danger: #be123c;--ok: #047857;--header-h: 72px;color-scheme:light}html[data-theme=dark]{--bg: #11161f;--fg: #f4f9ff;--heading: #f4f9ff;--card: #1a2029;--primary: #409cff;--primary-hover: #1a86f0;--secondary: #00c47f;--accent: #00ced9;--muted: #243041;--muted-2: #1c2531;--muted-fg: #94a3b8;--border: #314052;--border-soft: #2a3544;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .28);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .45);--clean-bg: #083344;--clean-fg: #a5f3fc;--cleaning-bg: #172554;--cleaning-fg: #bfdbfe;--dirty-bg: #243041;--dirty-fg: #cbd5e1;--ooo-bg: #3f1219;--ooo-fg: #fecdd3;--bar-dirty: #64748b;--selected: #f4f9ff;--selected-fg: #11161f;--soft-primary: #173056;--danger: #fb7185;--ok: #6ee7b7;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.5;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}:focus{outline:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.page{min-height:100vh;display:flex;flex-direction:column}.wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}.wrap-narrow{width:min(760px,calc(100% - 32px));margin:0 auto;padding-bottom:80px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--header-h);padding:14px 28px}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand:hover{text-decoration:none}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-weight:650;letter-spacing:-.02em;color:var(--heading)}.byline{font-size:12px;color:var(--muted-fg);font-weight:500}.header-actions{display:flex;align-items:center;gap:16px}.header-actions>a,a.header-feedback{color:var(--muted-fg);font-weight:600;font-size:14px;text-decoration:none}.setup-brand{display:flex;align-items:center;gap:14px;min-width:0}.header-split{width:1px;height:28px;background:var(--border)}.header-context,.property-btn{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;background:none;border:0;padding:0;text-align:left}.header-context span,.property-btn span{font-size:12px;color:var(--muted-fg)}.header-context strong,.property-btn strong{display:inline-flex;align-items:center;gap:4px;color:var(--heading);font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid transparent;padding:11px 18px;font-weight:600;letter-spacing:-.01em;text-decoration:none;transition:background .15s ease,transform .15s ease}.btn:hover{text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary,.btn-ghost{background:var(--card);color:var(--heading);border-color:var(--border)}.btn-secondary:hover,.btn-ghost:hover{background:var(--muted-2)}.btn-soft{background:var(--soft-primary);color:var(--cleaning-fg)}.btn-ready{background:var(--inspected-bg);color:#fff}.btn-danger{background:var(--ooo-bg);color:var(--ooo-fg)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-small{padding:8px 14px}.icon-btn{width:36px;height:36px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--muted-fg);display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--muted);color:var(--heading)}.text-link{color:var(--primary);font-weight:600;font-size:14px;background:none;border:0;padding:0}.text-btn{background:none;border:0;color:var(--muted-fg);font-weight:600;padding:0}.text-btn:hover{color:var(--heading)}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-soft);background:var(--card);color:var(--muted-fg);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.eyebrow.plain{border:0;background:transparent;padding:0}.live-dot{width:8px;height:8px;border-radius:999px;background:var(--secondary);box-shadow:0 0 0 4px color-mix(in srgb,var(--secondary) 18%,transparent)}.display{margin-top:18px;font-size:clamp(40px,5vw,68px);line-height:.98;letter-spacing:-.045em;color:var(--heading);font-weight:640;max-width:11ch}.lede{margin-top:18px;font-size:18px;color:var(--muted-fg);max-width:46ch}.lede-sm{color:var(--muted-fg);font-size:15px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.trust{display:flex;flex-wrap:wrap;gap:16px 22px;list-style:none;padding:0;margin:22px 0 0;color:var(--muted-fg);font-weight:600;font-size:14px}.trust li{display:inline-flex;align-items:center;gap:8px}.trust-line{margin-top:10px;color:var(--muted-fg);font-weight:600;font-size:14px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:28px 0 72px}.preview-wrap{position:relative;min-height:420px}.preview-card,.panel,.room-card,.hk-row,.link-card{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.preview-card{padding:16px 16px 8px;overflow:hidden}.preview-top{display:flex;justify-content:space-between;margin-bottom:12px}.preview-top strong{display:block;color:var(--heading)}.preview-top span,.preview-rows span:first-child{color:var(--muted-fg);font-size:13px}.preview-bar,.bar,.hk-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--muted)}.preview-bar span,.bar span{display:block;height:100%}.bar-inspected{background:var(--bar-inspected)}.bar-clean{background:var(--bar-clean)}.bar-cleaning{background:var(--bar-cleaning)}.bar-dirty{background:var(--bar-dirty)}.bar-ooo{background:var(--bar-ooo)}.preview-rows{list-style:none;margin:8px 0 0;padding:0}.preview-rows li{display:flex;justify-content:space-between;align-items:center;padding:10px 8px;border-radius:10px}.preview-rows li.on{background:color-mix(in srgb,var(--accent) 12%,var(--card))}.float-toast,.toast{display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow-lg);padding:12px 14px}.float-toast{position:absolute;right:-8px;bottom:28px}.float-toast strong,.toast strong{display:block;color:var(--heading);font-size:14px}.float-toast span,.toast span{color:var(--muted-fg);font-size:12px}.toast-glyph,.toast svg{color:var(--muted-fg)}.how{padding:20px 0 80px}.how-kicker{color:var(--primary);font-weight:700;font-size:14px}.how h2{margin-top:8px;max-width:18ch;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.04em;color:var(--heading);font-weight:640}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.step-card{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}.step-num{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--soft-primary);color:var(--primary);font-weight:700;font-size:14px}.step-card h3{margin:12px 0 6px;color:var(--heading);letter-spacing:-.02em}.step-card p,.fine{color:var(--muted-fg)}.fine{margin-top:22px;font-size:14px}.fine.center,.center{text-align:center}.site-footer{margin-top:auto;padding:28px 20px 36px;text-align:center}.footer-links{display:flex;justify-content:center;gap:18px;margin-top:8px}.footer-links a{color:var(--muted-fg);font-size:14px;font-weight:600}.setup{padding-top:12px}.setup-intro h1{font-size:clamp(36px,4vw,48px);letter-spacing:-.04em;color:var(--heading)}.setup-intro p{margin-top:8px;color:var(--muted-fg);max-width:46ch}.stack,.setup{display:flex;flex-direction:column;gap:16px}.panel{padding:22px}.panel-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.panel-head h2{color:var(--heading);font-size:18px;letter-spacing:-.02em}.panel-head p{color:var(--muted-fg);font-size:14px;margin-top:2px}.badge{width:28px;height:28px;flex:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--muted);color:var(--muted-fg);font-weight:700;font-size:13px}.badge-ok{background:#d1fae5;color:#047857}html[data-theme=dark] .badge-ok{background:#064e3b;color:#a7f3d0}.badge-num{background:var(--soft-primary);color:var(--primary)}.split-fields,.picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650;color:var(--heading)}input,textarea,select{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-weight:500}textarea{resize:vertical}.hint{color:var(--muted-fg);font-size:13px;font-weight:500;margin-top:10px}.hint.ok{color:var(--ok)}.dropzone{border:1.5px dashed var(--border);border-radius:var(--radius-lg);background:var(--muted-2);min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:28px 16px;color:var(--muted-fg)}.dropzone strong{color:var(--heading);font-size:16px}.dropzone.over{border-color:var(--primary);background:var(--soft-primary)}.drop-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--card);color:var(--primary);border:1px solid var(--border-soft)}.btn-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:8px 0}.paste-box,.preview-block,.picker{margin-top:16px;display:flex;flex-direction:column;gap:12px}.file-pill{margin-top:8px;display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius);background:var(--muted-2)}.file-pill strong,.file-pill span{display:block}.file-pill span span{color:var(--muted-fg);font-size:13px}.file-icon{color:var(--muted-fg)}.file-pill .text-btn{margin-left:auto}.big-stat{font-size:18px;color:var(--muted-fg)}.big-stat strong{font-size:40px;letter-spacing:-.04em;color:var(--heading);margin-right:6px}.stat-line,.match-line{color:var(--muted-fg);font-size:14px}.match-line{display:flex;flex-wrap:wrap;gap:8px 14px}.match-line span{background:var(--muted-2);border-radius:999px;padding:4px 8px}.table-wrap{overflow-x:auto;border:1px solid var(--border-soft);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border-soft)}th{color:var(--muted-fg);font-size:12px;font-weight:700}.check-line{flex-direction:row;align-items:center;gap:8px;font-weight:600}.check-line input{width:auto}.quiet-range{color:var(--muted-fg);padding:4px 8px 20px}.quiet-range summary{cursor:pointer;font-weight:650;color:var(--muted-fg)}.quiet-range p{margin:8px 0;font-size:14px}.range-row{display:flex;gap:8px}.range-row input{max-width:220px}.banner{border-radius:var(--radius);padding:10px 12px;font-size:14px}.banner-bad{background:var(--ooo-bg);color:var(--ooo-fg)}.rule-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 12px;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;font-weight:700;font-size:13px;white-space:nowrap}html[data-theme=dark] .rule-pill{background:#052e24;color:#6ee7b7;border-color:#065f46}.desk-main{padding-bottom:48px}.ready-block{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-top:8px}.ready-line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.ready-num{font-size:clamp(56px,7vw,84px);line-height:.9;letter-spacing:-.05em;font-weight:640;color:var(--heading)}.ready-rest{font-size:22px;color:var(--heading);font-weight:600;letter-spacing:-.03em}.ready-sub{margin-top:6px;color:var(--muted-fg)}.desk-main .bar{margin-top:18px}.legend{display:flex;flex-wrap:wrap;gap:14px 18px;list-style:none;padding:0;margin:12px 0 0;color:var(--muted-fg);font-size:14px}.legend li{display:inline-flex;align-items:center;gap:6px}.legend strong{color:var(--heading)}.legend-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:18px 0;flex-wrap:wrap}.seg-pills,.view-toggle,.segmented{display:inline-flex;gap:6px;background:var(--muted);padding:4px;border-radius:999px}.pill,.view-toggle button,.segmented button{border:0;background:transparent;border-radius:999px;padding:8px 12px;color:var(--muted-fg);font-weight:650}.pill.on,.view-toggle button.on{background:var(--selected);color:var(--selected-fg)}.segmented button.on{background:var(--card);color:var(--heading);box-shadow:0 1px 2px #0f172a14}.pill span,.segmented span{font-variant-numeric:tabular-nums}.toolbar-right{display:flex;gap:8px;align-items:center}.search{position:relative;min-width:min(280px,100%);font-weight:500}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted-fg)}.search input{border-radius:999px;padding-left:36px;background:var(--card)}.view-toggle button{width:34px;height:34px;padding:0;display:grid;place-items:center}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.room-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;text-align:left;min-height:132px}.room-card.flash{box-shadow:0 0 0 2px var(--secondary),var(--shadow)}.room-number{font-size:28px;font-weight:650;letter-spacing:-.04em;color:var(--heading)}.room-meta,.room-note{color:var(--muted-fg);font-size:13px}.room-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.room-grid.list{grid-template-columns:1fr}.room-grid.list .room-card{display:grid;grid-template-columns:92px auto 1fr;align-items:center;column-gap:16px;min-height:0}.room-grid.list .room-note{grid-column:2 / -1}.empty-state,.message-panel{background:var(--card);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:28px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state h2,.message-panel h1{color:var(--heading);letter-spacing:-.03em}.empty-state p,.message-panel p{color:var(--muted-fg);max-width:42ch}.message-screen{min-height:100vh;display:grid;place-items:center;gap:24px;padding:32px 16px;align-content:center}.sync-live{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ok)}.sync-wait{color:var(--muted-fg)}.sync-muted{color:var(--muted-fg);font-weight:600}.loading{color:var(--muted-fg);padding:24px 0}.chip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;letter-spacing:.01em;line-height:1.2}.chip-inspected{background:var(--inspected-bg);color:var(--inspected-fg)}.chip-clean{background:var(--clean-bg);color:var(--clean-fg)}.chip-cleaning{background:var(--cleaning-bg);color:var(--cleaning-fg)}.chip-dirty{background:var(--dirty-bg);color:var(--dirty-fg)}.chip-out_of_order{background:var(--ooo-bg);color:var(--ooo-fg)}.chip-sq{width:7px;height:7px;border-radius:2px;background:currentColor}.dot-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.dot-inspected{color:var(--secondary)}.dot-clean{color:var(--clean-fg)}.dot-cleaning{color:var(--cleaning-fg)}.dot-dirty{color:var(--dirty-fg)}.dot-out_of_order{color:var(--ooo-fg)}.status-dot{width:8px;height:8px;border-radius:999px;background:currentColor}.phone-page{background:var(--bg)}.phone{width:min(480px,100%);margin:0 auto;padding:8px 16px 32px}.phone-head{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0}.phone-brand{display:flex;gap:10px;align-items:center}.phone-kicker{color:var(--muted-fg);font-size:13px;font-weight:600}.phone-head h1{font-size:28px;letter-spacing:-.04em;color:var(--heading)}.sync-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px}.segmented{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-bottom:12px}.segmented button{padding:12px}.phone-search{display:block;margin-bottom:12px}.floor-select{margin-bottom:12px}.hk-progress{margin:6px 0 14px}.hk-progress-top{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}.hk-progress-top strong{color:var(--heading)}.hk-progress-top span,.group-label{color:var(--muted-fg)}.hk-bar{height:6px}.hk-bar span{display:block;height:100%;background:var(--secondary);border-radius:999px}.group-label{font-size:13px;font-weight:700;margin:16px 0 8px}.hk-list{display:flex;flex-direction:column;gap:10px}.hk-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px}.hk-title{display:flex;gap:8px;align-items:baseline}.hk-title strong{font-size:20px;letter-spacing:-.03em;color:var(--heading)}.hk-title span{color:var(--muted-fg);font-size:13px}.hk-row .btn{min-width:112px}.phone-foot{margin-top:22px;color:var(--muted-fg);font-size:13px;text-align:center}.center-btn{display:block;margin:8px auto 0}.sheet{display:flex;flex-direction:column;gap:12px}.sheet-list{display:flex;flex-direction:column;gap:8px}.sheet-option{display:flex;align-items:center;gap:10px;border:1px solid var(--border-soft);border-radius:var(--radius);padding:12px;font-weight:650}.sheet-option.on{border-color:var(--primary);background:var(--soft-primary)}.sheet-option input{width:auto}dialog.dialog{border:0;padding:0;background:transparent;width:min(560px,calc(100vw - 24px));color:var(--fg)}dialog.dialog-wide{width:min(640px,calc(100vw - 24px))}dialog::backdrop{background:#0f172a75}.dialog-card{background:var(--card);border-radius:20px;padding:20px;box-shadow:var(--shadow-lg)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.dialog-head h2{font-size:22px;letter-spacing:-.03em;color:var(--heading)}.dialog-footer{display:flex;justify-content:flex-end;margin-top:16px}.share-body{display:flex;flex-direction:column;gap:12px}.link-card{padding:14px;box-shadow:none;background:var(--muted-2)}.link-card-head{display:flex;align-items:center;gap:8px;color:var(--heading)}.link-card p{color:var(--muted-fg);font-size:13px;margin:4px 0 8px}.role-tag{margin-left:auto;background:#d1fae5;color:#047857;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}html[data-theme=dark] .role-tag{background:#064e3b;color:#a7f3d0}.link-row{display:flex;gap:8px}.link-row input{font-size:13px;background:var(--card)}.lock-note{display:flex;gap:8px;color:var(--muted-fg);font-size:13px;align-items:flex-start}.claim{display:flex;flex-direction:column;gap:8px;padding-top:4px}.claim p{color:var(--muted-fg);font-size:13px;font-weight:500}.claim-row{display:flex;align-items:center;gap:8px}.claim-row input{flex:1 1 auto;min-width:0;width:auto}.claim-row .btn{flex:none;white-space:nowrap}.share-actions,.reset-confirm{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.detail{display:flex;flex-direction:column;gap:8px}.detail-meta{color:var(--muted-fg)}.detail-note{background:var(--muted-2);border-radius:var(--radius);padding:10px 12px}.detail-note span,.timeline span{display:block;color:var(--muted-fg);font-size:13px}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.timeline li{border-top:1px solid var(--border-soft);padding-top:10px}.timeline strong{color:var(--heading)}.toast-stack{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:20}.reveal{animation:rise .4s ease-out both}.reveal-d1{animation-delay:.06s}.reveal-d2{animation-delay:.12s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:900px){.hero,.steps,.split-fields,.picker-grid{grid-template-columns:1fr}.display{max-width:none}.preview-wrap{min-height:0}.float-toast{position:static;margin-top:12px}.site-header{padding:12px 16px;align-items:flex-start}.header-feedback{display:none}.ready-block{flex-direction:column;align-items:flex-start}.how h2{max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}