:root{color:#171717;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:#fff;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}button,input{font:inherit}button{border:0;cursor:pointer}.center-page,.app-shell{height:100vh;height:100svh;height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 18px) 18px calc(env(safe-area-inset-bottom,0px) + 16px);background:#fff;overflow:hidden}.app-shell{display:flex;flex-direction:column;gap:14px}.center-page{display:grid;place-items:center;overflow:auto;-webkit-overflow-scrolling:touch}.onboarding,.walkthrough{width:min(100%,390px);display:grid;gap:16px;text-align:left}.onboarding-copy{display:grid;gap:8px;text-align:center}.onboarding-copy p{margin:0;color:#747474;line-height:1.4}.google-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 16px;border:1px solid #dadce0;border-radius:4px;background:#fff;color:#3c4043;font-size:15px;font-weight:600;box-shadow:none}.google-button:disabled{opacity:.72}.google-mini-button{min-height:40px;padding:0 12px;border:1px solid #dedede;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#222;background:#fff;font-size:13px;font-weight:750;white-space:nowrap;box-shadow:0 3px 10px #0000000f}.google-mini-button:disabled{opacity:.72}.google-mini-button .google-icon{width:17px;height:17px}.google-icon{width:20px;height:20px;flex:0 0 auto}.divider{display:flex;align-items:center;gap:12px;color:#8a8a8a;font-size:12px;font-weight:700;text-transform:uppercase}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#e4e4e4}.eyebrow{color:#555;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.walkthrough{justify-items:stretch}.walkthrough-preview{height:180px;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center}.walkthrough-bubble{width:min(34vw,132px);aspect-ratio:1;border-radius:50%;display:inline-grid;place-items:center;box-shadow:0 18px 36px #0000001a}.walkthrough-color{background:#2ecc71}.walkthrough-emoji{background:#f3f3f3;font-size:54px}.walkthrough-dots{display:flex;justify-content:center;gap:7px}.walkthrough-dots span{width:7px;height:7px;border-radius:999px;background:#d8d8d8}.walkthrough-dots span.active{width:20px;background:#111}.walkthrough-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.home-screen-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-screen-step{min-width:0;min-height:82px;padding:10px 8px;border-radius:8px;display:grid;align-content:center;justify-items:center;gap:8px;background:#f7f7f7;box-shadow:inset 0 0 0 1px #0000000f;text-align:center}.home-screen-step span{width:32px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff}.home-screen-step strong{min-width:0;font-size:12px;line-height:1.15;overflow-wrap:anywhere}h1{margin:0;font-size:28px;font-weight:650;letter-spacing:0}header{width:min(100%,480px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px}header h1{font-size:18px}nav{display:flex;padding:3px;border-radius:999px;background:#f1f1f1}nav button{min-height:34px;padding:0 9px;border-radius:999px;color:#555;background:transparent;font-size:14px}nav button.active{color:#111;background:#fff;box-shadow:0 1px 4px #0000001a}input{width:100%;min-height:50px;padding:0 14px;border:1px solid #eeeeee;border-radius:12px;outline:none;background:#f8f8f8}input:focus{border-color:#111;background:#fff}.primary,.secondary{min-height:48px;padding:0 16px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650}.primary{color:#fff;background:#111}.secondary{color:#111;background:#eee}.home-panel,.connections-panel,.people-panel,.paid-panel{width:min(100%,480px);margin:0 auto}.home-panel{flex:1;min-height:0;overflow:auto;overflow-x:hidden;display:grid;grid-template-rows:auto auto auto auto auto auto auto;align-content:start;justify-items:center;gap:9px;padding-bottom:18px;-webkit-overflow-scrolling:touch}.display-name{margin:0;font-size:22px;font-weight:600}.bubble{width:min(58vw,210px);aspect-ratio:1;border-radius:50%;display:inline-grid;place-items:center;box-shadow:0 18px 38px #0000001a;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.bubble:active{transform:scale(.94)}.bubble-sections{--home-bubble-size: clamp(98px, 31vw, 132px);width:min(100%,320px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:6px;align-items:center;justify-items:center}.bubble-section{min-width:0;display:grid;justify-items:center;gap:6px}.bubble-section .bubble{width:var(--home-bubble-size)}.bubble-section .connected-bubble{width:var(--home-bubble-size);box-shadow:0 12px 28px #00000014;opacity:.9;pointer-events:none}.bubble-row-label{grid-column:1 / -1;margin:2px 0 -2px}.primary-person-actions{grid-column:1 / -1;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#747474;font-size:12px;font-weight:650}.heart-button{width:38px;aspect-ratio:1;border-radius:50%;display:inline-grid;place-items:center;background:#fff;box-shadow:0 6px 16px #0000001a;font-size:18px;line-height:1;transition:transform .16s ease,box-shadow .16s ease}.heart-button:active{transform:scale(.92)}.connected-person-name{grid-column:1 / -1;min-width:0;margin-top:2px;overflow:hidden;color:#555;font-size:13px;font-weight:700;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.connected-bubble-section{gap:0}.emoji-bubble{background:#f1f1f1;color:#111;font-size:clamp(54px,17vw,82px);line-height:1;-webkit-user-select:none;user-select:none}.connected-emoji-bubble{background:#f1f1f1;color:#111;font-size:clamp(42px,13vw,64px);line-height:1;-webkit-user-select:none;user-select:none}.green{background:#28c76f}.red{background:#ff4d4f}.orange{background:#ff922b}.yellow{background:#ffd43b}.blue{background:#339af0}.purple{background:#845ef7}.white{background:#fff;border:1px solid #d8d8d8}.black{background:#111}.grey{background:#adb5bd}.brown{background:#8d6e63}.unknown{background:#d5d5d5}.custom-color{border:0}.status-controls{display:flex;align-items:center;justify-content:center;gap:9px}.status-controls{flex-wrap:wrap;max-width:290px}.color-button{border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a}.color-button{width:34px;aspect-ratio:1;transition:transform .16s ease,box-shadow .16s ease}.color-button.selected{transform:scale(1.08);box-shadow:0 0 0 3px #fff,0 0 0 5px #111}.hint,.muted,.status-label{color:#747474}.hint{margin:0}.section-label{font-size:12px;font-weight:700;color:#747474;text-align:center;text-transform:uppercase}.emoji-section{width:min(100%,360px);display:grid;gap:8px}.emoji-options{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.emoji-button{min-width:0;aspect-ratio:1;border-radius:8px;display:inline-grid;place-items:center;background:#f1f1f1;font-size:21px;line-height:1;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.emoji-button.selected{background:#fff;box-shadow:0 0 0 2px #111;transform:translateY(-1px)}.more-emoji-button{color:#555;font-size:24px;font-weight:700}.add-emoji-button{color:#111;font-size:24px;font-weight:700}.custom-emoji-panel{grid-column:1 / -1;min-width:0;padding:10px;border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;background:#f7f7f7}.custom-emoji-panel input{min-width:0;height:42px;padding:0 12px;border:1px solid #dddddd;border-radius:8px;background:#fff;font-size:20px}.more-emoji-panel{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;padding:8px;border-radius:8px;background:#f7f7f7}.picker-modal{width:min(100%,420px);max-height:min(78vh,560px);padding:18px;border-radius:8px;background:#fff;box-shadow:0 20px 60px #0000002e;display:grid;gap:14px;overflow:auto}.picker-modal h2{margin:0;font-size:20px;font-weight:650}.picker-options{display:grid;gap:8px}.color-picker-options{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center}.color-picker-options .color-button{width:48px}.emoji-picker-options{grid-template-columns:repeat(8,minmax(0,1fr))}.selection-history{width:min(100%,460px);display:grid;gap:8px}.activation-card,.home-tip-card{width:min(100%,420px);min-width:0;padding:14px;border-radius:8px;display:grid;gap:12px;background:#f7f7f7}.activation-card h2{margin:2px 0 0;font-size:20px;font-weight:750}.activation-card p,.home-tip-card p,.home-tip-card div,.home-message p{margin:0}.home-tip-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;color:#555;font-size:13px;line-height:1.35}.home-tip-card strong{color:#111}.notification-tip{grid-template-columns:minmax(0,1fr)}.google-recovery-card{grid-template-columns:minmax(0,1fr) auto}.tip-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.tip-actions .primary{min-height:40px}.home-message{width:min(100%,420px)}.history-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}.history-column{min-width:0;display:grid;gap:6px}.history-group-list,.history-group{display:grid;gap:6px}.history-group-label{color:#9a9a9a;font-size:10px;font-weight:800;text-align:center;text-transform:uppercase}.history-column-title{min-width:0;overflow:hidden;color:#555;font-size:12px;font-weight:700;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.history-empty{margin:0;min-height:32px;padding:8px;border-radius:8px;background:#f7f7f7;font-size:13px;text-align:center}.selection-history-list{display:grid;gap:6px}.selection-history-item{min-height:32px;padding:7px 10px;border-radius:8px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;background:#f7f7f7}.history-emoji{font-size:20px;line-height:1;text-align:center}.history-color{width:20px;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.history-time{color:#747474;font-size:12px;text-align:right;white-space:nowrap}.connections-panel,.people-panel,.paid-panel{width:min(100%,480px);flex:1;min-height:0;overflow:auto;overflow-x:hidden;display:grid;gap:14px;align-content:start;padding:4px 0 18px;-webkit-overflow-scrolling:touch}.person-control-card{align-items:center}.your-bubble-controls{display:flex;justify-content:center;gap:14px}.mini-action-bubble{width:74px;aspect-ratio:1;border-radius:50%;display:inline-grid;place-items:center;box-shadow:0 10px 24px #0000001a}.emoji-action-bubble{background:#f1f1f1;font-size:32px;line-height:1}.people-card-list,.plan-grid{display:grid;gap:10px}.person-card{min-width:0;padding:12px;border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px;background:#f7f7f7}.home-pinned-grid{width:min(100%,380px);display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.home-pinned-person-card{padding:10px 12px}.person-card-main{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr) auto auto;align-items:center;gap:8px}.person-card-name{min-width:0;overflow:hidden;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.person-card-emoji{grid-row:1 / span 2;grid-column:3;font-size:24px;line-height:1}.person-card .status-label{grid-column:2}.person-heart-button{grid-row:1 / span 2;grid-column:4;width:34px;box-shadow:0 4px 12px #00000014;font-size:16px}.person-card-actions{min-width:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.person-card .secondary,.selected-pin{min-height:38px;padding:0 12px;border-radius:999px;font-size:13px}.selected-pin{color:#fff;background:#111}.paid-hero h2{margin:0;font-size:24px;letter-spacing:0}.launch-promo-card{border:1px solid #111111;background:#fff;box-shadow:0 12px 28px #00000014}.promo-count{min-height:38px;padding:9px 12px;border-radius:8px;display:grid;place-items:center;color:#111;background:#f7f7f7;font-size:15px;font-weight:800;text-align:center}.plus-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plus-preview-card{min-width:0;padding:12px;border-radius:8px;display:grid;gap:9px;background:#f7f7f7}.plus-preview-title{color:#747474;font-size:12px;font-weight:750;text-transform:uppercase}.plus-preview-compare{min-width:0;display:grid;gap:4px}.plus-preview-compare span,.plus-preview-compare strong{min-width:0;overflow-wrap:anywhere}.plus-preview-compare span{color:#747474;font-size:12px;text-decoration:line-through;text-decoration-thickness:1px}.plus-preview-compare strong{color:#111;font-size:15px;font-weight:800}.plus-preview-card p{margin:0;color:#747474;font-size:13px;line-height:1.35}.group-connect-card{border:1px solid #d9eadf;background:#f3fbf6}.group-flow{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.group-flow-step{min-width:0;min-height:74px;padding:10px;border-radius:8px;display:grid;align-content:center;justify-items:center;gap:8px;background:#fff;text-align:center}.group-flow-step span{width:24px;aspect-ratio:1;border-radius:50%;background:#28c76f;box-shadow:0 8px 18px #28c76f38}.group-flow-step strong{min-width:0;color:#222;font-size:12px;font-weight:800;line-height:1.15;overflow-wrap:anywhere}.group-connect-button{width:100%;color:#4d4d4d;background:#fff}.groups-manager{display:grid;gap:10px}.group-room-count{display:grid;gap:2px;color:#4d4d4d;font-size:13px}.group-room-count strong{color:#222;font-size:14px}.group-room-count span{line-height:1.35}.group-code-block{margin-top:0}.group-list{display:grid;gap:8px}.group-row{min-width:0;padding:10px;border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;background:#fff;box-shadow:inset 0 0 0 1px #00000012}.group-row div{min-width:0;display:grid;gap:2px}.group-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-row span{color:#747474;font-size:12px}.plan-card{align-content:start}.plus-product-header{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px}.plus-product-header img{width:54px;aspect-ratio:1;border-radius:12px;object-fit:cover;box-shadow:0 8px 18px #00000014}.plus-product-source{margin:2px 0 0;color:#747474;font-size:12px;font-weight:650}.plus-icon-preview{width:100%;min-height:86px;border-radius:8px;display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#f4f7ff,#f7f7f7)}.plus-icon-bubble{width:58px;aspect-ratio:1;border-radius:50%;background:#28c76f;box-shadow:0 12px 26px #28c76f47}.plus-icon-mark{width:24px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:absolute;margin:36px 0 0 48px;color:#fff;background:#111;font-size:18px;font-weight:800;line-height:1}.plan-price{margin:0;font-size:28px;font-weight:750}.plus-feature-list{margin:0;padding:0;display:grid;gap:8px;list-style:none}.plus-feature-list li{min-height:30px;padding:7px 10px;border-radius:8px;color:#333;background:#f7f7f7;font-size:13px;font-weight:650}.plus-trust-copy{margin:0;color:#747474;font-size:12px;line-height:1.35;text-align:center}.legal-page{min-height:100vh;min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 18px) 18px calc(env(safe-area-inset-bottom,0px) + 24px);background:#fff;overflow:auto}.legal-back{display:inline-flex;margin-bottom:18px;color:#111;font-weight:750;text-decoration:none}.legal-card{width:min(100%,680px);margin:0 auto;display:grid;gap:18px}.legal-card h1,.legal-card h2,.legal-card p{margin:0}.legal-card h1{font-size:32px}.legal-card h2{font-size:18px}.legal-card p{color:#555;line-height:1.5}.legal-card section{display:grid;gap:6px}.card{width:100%;min-width:0;padding:16px;border-radius:8px;background:#f7f7f7;display:grid;gap:12px}.card-title{min-width:0;display:flex;align-items:center;gap:8px;font-weight:650}.account-status{min-width:0;padding:12px;border-radius:8px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;background:#fff;box-shadow:inset 0 0 0 1px #00000012}.account-status.backed-up{background:#eefaf3;color:#165c32}.account-status.needs-backup{background:#fff6e7;color:#6d4200}.account-status-icon{width:28px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#ffffffb3}.account-status-heading{margin-bottom:2px;font-size:15px;font-weight:750}.account-status p,.account-actions p{margin:0;line-height:1.35}.account-actions{min-width:0;display:grid;gap:10px}.account-device-note{margin:0;color:#626262;font-size:14px;line-height:1.35}.account-fact{min-width:0;display:grid;gap:3px;color:#555;font-size:14px;line-height:1.35}.fact-label{color:#8a8a8a;font-size:11px;font-weight:800;text-transform:uppercase}.diagnostics-details{color:#747474;font-size:13px}.diagnostics-details summary{cursor:pointer;font-weight:650}.diagnostics-details .debug-text{margin-top:8px}.invite-code{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(22px,7vw,30px);font-weight:700;letter-spacing:0;overflow-wrap:anywhere}.login-code-block{display:grid;gap:4px}.inline-form{min-width:0;display:grid;gap:10px}.people-list{width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.person{min-height:54px;padding:8px;border-radius:8px;display:grid;grid-template-columns:18px minmax(0,1fr) auto 34px;align-items:center;gap:8px;background:#f7f7f7}.person>span:nth-child(2),.status-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.status-label{grid-column:2;font-size:12px;white-space:nowrap}.icon-button{grid-row:1 / span 2;grid-column:4;width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;color:#747474;background:transparent}.icon-button:active{background:#eee}.mini-bubble{width:18px;aspect-ratio:1;border-radius:50%}.person-emoji{grid-row:1 / span 2;grid-column:3;font-size:21px;line-height:1}@media(max-width:520px){.people-list{grid-template-columns:1fr}}.error{margin:0;color:#d72638;font-size:14px}.debug-text{margin:0;color:#747474;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:end center;padding:18px;background:#0000002e}.duration-modal{width:min(100%,420px);padding:18px;border-radius:8px;background:#fff;box-shadow:0 20px 60px #0000002e;display:grid;gap:14px}.duration-modal h2{margin:0;font-size:20px;font-weight:650}.duration-options{display:grid;gap:10px}.cancel-choice{min-height:42px}.danger-action{color:#b42318}.secondary-entry{display:flex;justify-content:center;gap:8px;color:#747474;font-size:14px}.secondary-entry button,.link-button{min-height:auto;padding:0;color:#111;background:transparent;font-weight:650}.link-button{justify-self:center;color:#747474}.square-checkout-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;color:#111;font-weight:700}.compact-card{gap:6px}@media(max-width:420px){header{align-items:stretch;flex-direction:column}nav{width:100%}nav button{flex:1}.plus-preview-grid,.group-flow{grid-template-columns:1fr}.google-recovery-card{grid-template-columns:minmax(0,1fr)}.google-mini-button{width:100%}}