:root{--bg: #0e1116;--card: #171c24;--card-2: #212936;--border: #2c3644;--text: #e8edf4;--muted: #8b98a9;--accent: #4f8cff;--accent-press: #3a76e8;--green: #34c77b;--amber: #f5a623;--red: #ef5563;--radius: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;-webkit-tap-highlight-color:transparent}.app{max-width:480px;margin:0 auto;padding:16px 16px calc(48px + env(safe-area-inset-bottom));min-height:100dvh}.screen-center{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:24px}.stack{display:flex;flex-direction:column;gap:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.btn{min-height:54px;padding:12px 18px;font-size:17px;font-weight:600;font-family:inherit;border-radius:var(--radius);border:none;width:100%;cursor:pointer;transition:transform .05s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:#fff}.btn-primary:active{background:var(--accent-press)}.btn-secondary{background:var(--card-2);color:var(--text);border:1px solid var(--border)}.btn-danger{background:transparent;color:var(--red);border:1px solid rgba(239,85,99,.4)}.btn-link{display:flex;align-items:center;justify-content:center;text-decoration:none}.link-btn{background:none;border:none;color:var(--accent);font:inherit;padding:0;cursor:pointer;text-decoration:underline}.input{min-height:54px;font-size:17px;font-family:inherit;background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:0 16px;width:100%;outline:none}.input:focus{border-color:var(--accent)}.input-code{text-transform:uppercase;letter-spacing:.25em;font-weight:700}.field{display:flex;flex-direction:column;gap:8px}.field>span{font-size:14px;font-weight:600;color:var(--muted)}.error{color:var(--red);margin:0;font-size:15px}.hint{color:var(--muted);font-size:13.5px;margin:0}.hero{text-align:center;padding:40px 0 24px}.hero-icon{font-size:56px}.hero h1,.page-head h1{font-size:26px;margin:8px 0 4px}.tagline{color:var(--muted);margin:0}.page-head{padding:16px 0 20px}.section-title{font-size:15px;color:var(--muted);margin:0;text-transform:uppercase;letter-spacing:.06em}.recent-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 14px;background:var(--card-2);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text)}.recent-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-code{color:var(--muted);font-size:13px;letter-spacing:.15em}.top-bar{display:flex;align-items:center;gap:10px;padding:4px 0 16px}.icon-btn{flex:0 0 auto;width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--card);border:1px solid var(--border);border-radius:12px;color:var(--text);text-decoration:none;cursor:pointer}.top-title-group{flex:1;min-width:0}.top-title{font-size:18px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-sub{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:6px}.live-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.live-dot.on{background:var(--green)}.live-dot.off{background:var(--amber)}.summary{margin-bottom:14px;padding:12px 14px}.stats{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:8px}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:24px;font-weight:700}.stat-value.ok{color:var(--green)}.stat-value.warn{color:var(--amber)}.stat-sub{font-size:15px;color:var(--muted);font-weight:600}.stat-label{font-size:12px;color:var(--muted)}.summary-hint{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--border);font-size:13.5px;color:var(--amber)}.room{position:relative;width:100%;aspect-ratio:3 / 4;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:24px 24px;background-position:center;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.rtable{position:absolute;transform:translate(-50%,-50%);background:var(--card-2);border:2px solid var(--border);border-radius:10px;cursor:pointer;user-select:none;-webkit-user-select:none}.rtable.mine{border-color:var(--accent)}.rtable.released{opacity:.45;border-style:dashed}.rtable.dragging{z-index:5;box-shadow:0 10px 24px #0000008c}.rtable-tag{position:absolute;top:-9px;left:8px;z-index:1;background:var(--bg);color:var(--muted);font-size:10.5px;font-weight:700;padding:0 6px;border-radius:999px;pointer-events:none}.rtable-released{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:center;pointer-events:none}.segments{position:absolute;top:3px;right:3px;bottom:3px;left:3px;display:flex;pointer-events:none}.segments.srow{flex-direction:row}.segments.scol{flex-direction:column}.segment{flex:1;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden}.segment span{font-size:11px;font-weight:800;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55)}.segments.srow .segment+.segment{border-left:2px solid var(--border);border-radius:0 6px 6px 0}.segments.srow .segment:not(:last-child){border-radius:6px 0 0 6px}.segments.scol .segment+.segment{border-top:2px solid var(--border);border-radius:0 0 6px 6px}.segments.scol .segment:not(:last-child){border-radius:6px 6px 0 0}.segment.mine-seat span{text-decoration:underline}.room-hint{margin:8px 2px 0}.people{margin-top:14px}.people-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.people-list li{display:flex;align-items:center;gap:10px;font-size:15px}.person-dot{width:14px;height:14px;border-radius:50%;flex:0 0 auto}.inline-dot{display:inline-block;width:11px;height:11px;margin-right:2px}.person-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-table{color:var(--muted);font-size:13px;border:1px solid var(--border);border-radius:999px;padding:1px 8px;flex:0 0 auto}.person-eta{margin-left:auto;color:var(--muted);flex:0 0 auto}.table-count{color:var(--muted);font-size:13px;font-weight:600}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:42px;height:42px;border-radius:50%;border:3px solid transparent;cursor:pointer;flex:0 0 auto}.swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--bg),0 0 0 4px #ffffff59}.stepper{display:flex;align-items:center;justify-content:space-between;gap:12px}.stepper-label{font-weight:600}.stepper-controls{display:flex;align-items:center;gap:4px}.stepper-btn{width:52px;height:52px;font-size:26px;font-weight:600;background:var(--card-2);color:var(--text);border:1px solid var(--border);border-radius:14px;cursor:pointer}.stepper-btn:disabled{opacity:.35}.stepper-value{min-width:44px;text-align:center;font-size:22px;font-weight:700}.stepper-sm .stepper-btn{width:46px;height:46px;font-size:22px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;background:var(--card);border:1px solid var(--border);border-bottom:none;border-radius:22px 22px 0 0;padding:10px 18px calc(24px + env(safe-area-inset-bottom));animation:sheet-up .2s ease-out}@keyframes sheet-up{0%{transform:translateY(40px);opacity:.6}to{transform:translateY(0);opacity:1}}.sheet-handle{width:44px;height:5px;border-radius:999px;background:var(--border);margin:4px auto 12px}.sheet-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.sheet-head h2{margin:0;font-size:20px}.sheet-status{margin:0;font-size:16px}.sheet-label{margin:0;font-weight:600;color:var(--muted);font-size:14px}.eta-picker{display:flex;flex-direction:column;gap:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--border);background:var(--card-2);color:var(--text);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.time-row{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:15px}.time-input{flex:1;color-scheme:dark}.group-row{gap:10px}.group-status{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.group-status.open{background:var(--green);box-shadow:0 0 8px var(--green)}.group-status.idle{background:var(--border)}.group-main{flex:1;min-width:0;display:flex;flex-direction:column}.group-sub{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idle-card{text-align:center;align-items:center}.idle-title{margin:0;font-size:20px}.idle-hint{font-size:14px}.room-toolbar{display:flex;align-items:center;gap:10px;margin-top:8px}.room-toolbar .room-hint{flex:1;margin:0 2px}.btn-compact{width:auto;min-height:44px;padding:8px 14px;font-size:15px;flex:0 0 auto}.sheet-section{border-top:1px solid var(--border);padding-top:14px;display:flex;flex-direction:column;gap:12px}.occupant-row{display:flex;align-items:center;gap:10px}.occupant-name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.occupant-sub{color:var(--muted);font-weight:400;font-size:12.5px}.occupant-eta{color:var(--muted);font-size:13px;flex:0 0 auto}.occupant-btn{width:42px;height:42px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:17px;background:var(--card-2);color:var(--text);border:1px solid var(--border);border-radius:12px;cursor:pointer}.occupant-btn.danger{color:var(--red);border-color:#ef556366}.guest-form .link-btn{align-self:center}.sheet-owner{border-top:1px solid var(--border);padding-top:14px;display:flex;flex-direction:column;gap:12px}.sheet-owner-row{display:flex;gap:10px}.icon-btn-active{border-color:var(--accent)}.end-space{margin-top:20px}.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:30;background:var(--card-2);border:1px solid var(--border);color:var(--text);padding:12px 18px;border-radius:14px;font-size:14.5px;max-width:min(420px,calc(100vw - 32px));box-shadow:0 8px 24px #00000073}