:root{--blue: #1268e8;--blue2: #2b82f3;--navy: #071638;--ink: #16223d;--muted: #61708d;--line: #d8e3f2;--wash: #f3f8fd;--surface: #fff;--green: #21b66f;--amber: #ed9300;--red: #e72c3d;--redwash: #fff0f2;--shadow: 0 10px 30px rgba(35, 91, 151, .08);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--wash);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:linear-gradient(160deg,#f9fcff 0,#eff6fc 62%,#f6f9fd);min-width:320px;min-height:100vh;font-size:16px;line-height:1.45}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy);letter-spacing:-.025em}h1{font-size:clamp(1.8rem,7vw,2.35rem);line-height:1.08}h2{font-size:1.08rem}small{display:block;color:var(--muted);font-size:.82rem;line-height:1.4}select,input,textarea{width:100%;min-height:50px;border:1px solid #cbd9ea;border-radius:12px;padding:12px 14px;background:#fff;color:var(--navy)}textarea{min-height:92px;resize:vertical}select:focus,input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(18,104,232,.3);outline-offset:2px}.entry{min-height:100dvh;max-width:410px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px}.entry h1{font-size:3rem;color:var(--blue);margin:8px 0 38px}.entry h2{font-size:2rem;margin-bottom:12px}.entry>p{color:var(--muted);font-size:1.08rem}.brand-mark{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:900;font-size:3rem;background:linear-gradient(145deg,#71b4ff,#2b7fec);box-shadow:0 18px 45px #1268e838}.google-button{min-height:50px;margin:18px 0 10px}.legal{font-size:.78rem!important;margin-top:28px}.page{min-height:100dvh;padding:20px 18px calc(38px + env(safe-area-inset-bottom))}.narrow{max-width:620px;margin:0 auto}.page-heading{margin:24px 4px 22px}.page-heading h1{margin-bottom:10px}.page-heading p{color:var(--muted);font-size:1.05rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem!important;font-weight:800;color:var(--blue)!important;margin:0 0 4px}.back,.text-button{border:0;background:none;color:var(--navy);min-height:48px;padding:8px 3px;font-weight:700}.text-button{color:var(--blue)}.text-button.danger{color:var(--red)}.surface{background:#fffffff0;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px;box-shadow:var(--shadow)}.surface h2{margin-bottom:6px}.surface>p:last-child{margin-bottom:0}.field{display:block;margin:12px 0}.field>span{display:block;font-weight:700;font-size:.87rem;color:#31415f;margin:0 0 5px}.button{display:flex;width:100%;min-height:54px;border-radius:13px;border:1px solid transparent;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-weight:800;margin-top:10px;padding:12px 16px}.button.primary{background:linear-gradient(135deg,var(--blue),#0874f4);color:#fff;box-shadow:0 8px 18px #1268e833}.button.secondary{background:#f5f9fe;border-color:#9cc5fa;color:var(--blue)}.button.ghost{background:transparent;color:var(--blue)}.button.danger{color:var(--red)}.button.danger-fill{background:var(--red);color:#fff}.button:disabled{opacity:.45;cursor:not-allowed}.inline-error,.notice{border-radius:13px;padding:12px 14px;margin:12px 0;font-size:.9rem}.inline-error{color:#a50f22;background:var(--redwash);border:1px solid #ffc1ca}.notice.warning{background:#fff8e8;color:#805300;border:1px solid #f4d58b}.muted,.updated,.source-note{color:var(--muted)}.source-note{text-align:center;font-size:.76rem;max-width:560px;margin:28px auto}.disclosure{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:14px 0;background:#fff;text-align:left}.disclosure summary{font-weight:800;color:var(--navy);min-height:32px;cursor:pointer}.shell{max-width:900px;margin:0 auto;min-height:100dvh;padding:0 18px calc(96px + env(safe-area-inset-bottom))}.app-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 4px 18px;position:sticky;top:0;z-index:3;background:linear-gradient(#f6faff 75%,#f6faff00)}.app-header h1{font-size:2rem;margin:0}.app-header p{margin:0}.app-header select{width:auto;max-width:180px;min-height:44px}.content{max-width:760px}.tabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:10;width:min(900px,100%);display:grid;grid-template-columns:repeat(4,1fr);padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tabs button{border:0;background:transparent;color:#5c6b88;min-height:58px;border-radius:12px;font-size:.76rem}.tabs button span{display:block;font-size:1.45rem;line-height:1.1}.tabs button.active{color:var(--blue);font-weight:800;background:#edf5ff}.screen-heading{margin:8px 3px 24px}.screen-heading h2{font-size:2rem;margin-bottom:5px}.screen-heading p{color:var(--muted)}.section-heading{font-size:.86rem;text-transform:uppercase;letter-spacing:.09em;color:#5a6b88;margin:24px 4px 10px}.alert-summary,.resume-card,.activity-row,.room-link{width:100%;border:1px solid var(--line);background:#fff;border-radius:17px;display:flex;align-items:center;gap:13px;text-align:left;padding:15px;margin-bottom:12px;color:var(--ink)}.alert-summary{border-color:#ffc0c8;background:var(--redwash)}.alert-summary span:nth-child(2),.resume-card span,.activity-row span:nth-child(2),.room-link span{flex:1}.alert-dot,.event-icon{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-weight:900}.person-card{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:19px;padding:15px;margin-bottom:13px;box-shadow:var(--shadow)}.avatar{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#edf3fb;color:var(--navy);font-size:1.4rem;font-weight:900}.avatar.tone-green{background:#e8faf2;color:#138650}.avatar.tone-amber{background:#fff5dc;color:#a56600}.avatar.tone-red{background:#ffebee;color:var(--red)}.person-body{flex:1;min-width:0}.person-body h2{margin:2px 0}.person-body>p{color:var(--muted);font-size:.9rem}.room-link{border-radius:13px;padding:9px;margin:8px 0 0;box-shadow:none}.room-link>b{margin-right:3px}.health{color:var(--green)}.health.waiting,.health.setup,.health.paused{color:var(--amber)}.resume-card{background:linear-gradient(135deg,#e9f4ff,#f7fbff);border-color:#b8d7fa;padding:18px}.empty{border:1px dashed #bccce0;background:#ffffff8c;border-radius:17px;padding:22px;text-align:center}.empty p{color:var(--muted);margin:5px 0}.activity-row{padding:14px}.activity-row.state-closed .event-icon{background:#8a99ae}.activity-row.state-acknowledged .event-icon{background:var(--amber)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row>span{min-width:0}.facts{margin:0}.facts>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #edf1f6}.facts>div:last-child{border:0}.facts dt{color:var(--muted)}.facts dd{text-align:right;margin:0;color:var(--navy);font-weight:700}.detail-page,.alert-page{padding-top:16px}.room-visual{height:250px;border-radius:19px;overflow:hidden;position:relative;margin-bottom:14px;background:linear-gradient(135deg,#dfeeff,#edf3fb)}.room-visual img{width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.04)}.room-art{position:relative;width:100%;height:100%;overflow:hidden;background-image:url(/illustrations/room-templates.webp);background-repeat:no-repeat;background-size:200% 100%;background-color:#102554}.room-art.bedroom{background-position:left center}.room-art.living-room{background-position:right center}.room-art.compact{width:82px;height:66px;flex:0 0 82px;border-radius:11px;border:1px solid #335ba8}.room-art-label{position:absolute;left:12px;bottom:12px;font-size:.72rem;line-height:1;color:#fff;background:#243755cc;padding:5px 9px;border-radius:8px}.room-art.compact .room-art-label{left:5px;right:5px;bottom:5px;padding:4px 3px;font-size:.55rem;text-align:center}.visual-label{position:absolute;left:12px;bottom:12px;background:#071638d9;color:#fff;padding:5px 9px;border-radius:8px;font-size:.75rem}.room-art+.visual-label{display:none}.status-line,.connection-card,.alert-state{display:flex;gap:12px;align-items:center}.status-line>span,.connection-card>span,.alert-state>span{width:18px;height:18px;border-radius:50%;background:var(--green);flex:0 0 18px}.status-line.waiting>span,.status-line.setup>span,.connection-card.waiting>span,.connection-card.setup>span{background:var(--amber)}.status-line.paused>span,.connection-card.paused>span{background:#8b98aa}.alert-hero{display:grid;grid-template-columns:minmax(136px,.42fr) minmax(0,1fr);align-items:center;gap:20px;margin:18px 0 14px;padding:18px;border:1px solid #ffc4cb;border-radius:20px;background:linear-gradient(135deg,#fff7f8,#fff);box-shadow:var(--shadow)}.alert-hero h1{margin:0 0 12px}.alert-art{position:relative;min-width:0;border-radius:17px;padding:8px 8px 30px;overflow:hidden;background:linear-gradient(145deg,#122a61,#0a1738);color:#fff}.alert-art svg{display:block;width:100%;height:auto}.alert-art>span{position:absolute;inset:auto 8px 8px;font-size:.67rem;font-weight:800;text-align:center}.alert-art-panel{fill:#193b7b;stroke:#497fe2;stroke-width:3}.alert-art-phone{fill:#f5f8ff;stroke:#90b7ff;stroke-width:3}.alert-art-button,.alert-art-signal{fill:var(--red)}.alert-art-mark{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:5}.alert-art-wave{fill:none;stroke:#78a7ff;stroke-linecap:round;stroke-width:5}.alert-state{border-radius:12px;padding:10px 12px;margin:0;background:var(--redwash)}.alert-state>span{background:var(--red);box-shadow:0 0 0 6px #ffccd2}.choice-grid{display:grid;gap:9px;margin:12px 0}.choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-grid button{border:1px solid var(--line);background:#fff;border-radius:13px;min-height:52px;padding:10px;color:var(--ink)}.choice-grid button.selected{border:2px solid var(--blue);background:#edf5ff;color:var(--navy)}.timeline{border-left:2px solid #cbd7e7;margin-left:11px}.timeline div{position:relative;padding:0 0 18px 22px}.timeline span{position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--red)}.timeline p{margin:0}.compact-list{padding-left:20px;color:var(--muted)}.toggle{display:flex;align-items:center;justify-content:space-between;min-height:52px;border-bottom:1px solid #edf1f6}.toggle input{width:24px;min-height:24px}.step-header{text-align:center}.step-header strong{font-size:.9rem;color:var(--navy)}.step-header>div{display:flex;gap:6px;justify-content:center;margin-top:10px}.step-header span{width:56px;height:7px;border-radius:8px;background:#dae3ee}.step-header span.done{background:var(--blue)}.wizard .page-heading{margin-top:44px}.check{display:flex;align-items:flex-start;gap:10px;margin:18px 0;color:#41516e}.check input{width:24px;min-height:24px;flex:0 0 24px}.pair-label,.pair-expiry{text-align:center;color:var(--muted)}.pair-code{text-align:center;font-size:clamp(2.2rem,12vw,4rem);letter-spacing:.12em;font-weight:900;color:var(--navy);font-variant-numeric:tabular-nums}.pair-steps{padding-left:24px;color:#3f4f69}.pair-steps li{margin:10px 0}.connection-card{border:1px solid #bcd7f8;background:#edf6ff;border-radius:17px;padding:18px;margin:14px 0}.invite-link{margin-top:14px;padding:12px;background:#f2f6fb;border-radius:12px}.invite-link code{display:block;word-break:break-all;font-size:.75rem}.three button{font-size:.78rem}[data-contrast=high]{--muted: #34415a;--line: #8797ac;--wash: #fff}[data-contrast=high] .surface,[data-contrast=high] .person-card{border-width:2px}[data-motion=reduced] *{scroll-behavior:auto!important;animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(min-width:760px){.shell{padding-left:220px}.tabs{left:max(calc(50% - 350px),0px);transform:none;top:0;bottom:0;width:190px;display:flex;flex-direction:column;border:0;border-right:1px solid var(--line);padding:110px 12px}.tabs button{text-align:left;padding:10px 16px;font-size:.95rem}.tabs button span{display:inline;margin-right:12px}.content{padding-bottom:20px}.person-card{max-width:700px}.app-header{position:relative}}@media(max-width:370px){.page,.shell{padding-left:12px;padding-right:12px}.choice-grid.two{grid-template-columns:1fr}.pair-code{font-size:2.25rem}.tabs button{font-size:.68rem}}@media(max-width:520px){.alert-hero{grid-template-columns:112px minmax(0,1fr);gap:12px;padding:12px}.alert-hero h1{font-size:1.55rem}.alert-state{align-items:flex-start;font-size:.85rem}}