:root{color:#061e37;font-synthesis:none;background:#f5f6f6;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline-offset:4px;outline:3px solid #93621c}.demo{text-align:center;color:#fff;background:#061e37;padding:12px;font-size:11px}.shell{background:#fff;border:1px solid #e5e8e9;border-radius:20px;max-width:480px;margin:24px auto;overflow:hidden}header{justify-content:space-between;align-items:center;padding:24px;display:flex}.logo{flex-shrink:0;width:148px;height:86px;display:block;position:relative;overflow:hidden}.logo img{width:174px;max-width:none;height:174px;position:absolute;top:-45px;left:-19px}.settings{padding:14px 0;font-size:12px}main{padding:0 24px 28px}h1{letter-spacing:-.8px;margin:10px 0 22px;font-size:26px;line-height:1.25}h2{margin:0 0 16px;font-size:16px}p,li,dd{font-size:13px;line-height:1.6}li{margin:12px 0}.primary{color:#fff;text-align:center;background:#061e37;border:0;border-radius:32px;width:100%;min-height:48px;padding:15px 20px;font-size:13px;font-weight:700;text-decoration:none;display:block}.hero{padding:22px;font-size:16px}.checkin{background:#f5f6f6;border:1px solid #e5e8e9;border-radius:18px;margin:28px 0;padding:18px 14px}.moods{justify-content:space-between;gap:2px;margin:18px 0;display:flex}.mood{background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:9px;min-width:44px;min-height:66px;padding:6px 2px;font-size:10px;display:flex}.mood[aria-pressed=true]{background:#fff;border-color:#061e37}.face{border-radius:50%;flex:none;width:32px;height:32px;line-height:0;display:block;position:relative}.face svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:32px;height:32px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tone-0{background:#e8dedf}.tone-1{background:#eee4dc}.tone-2{background:#e9e7db}.tone-3{background:#e1e9df}.tone-4{background:#dce8e4}.caption{color:#5b6973;margin:12px 0 0;font-size:11px}.text{background:0 0;border:0;padding:12px 0;font-size:12px;text-decoration:underline;display:inline-block}.circle{margin:28px 0}.friend{border-bottom:1px solid #e5e8e9;align-items:center;gap:12px;padding:13px 0;display:flex}.avatar{background:#e4ece5;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;display:grid}.friend strong{font-size:13px}.friend p{color:#5b6973;margin:4px 0 0;font-size:12px}nav{border-top:1px solid #e5e8e9;justify-content:space-around;display:flex}nav a{padding:18px 8px;font-size:12px}dt{margin-top:24px;font-size:14px;font-weight:700}dd{color:#5b6973;margin:7px 0 0}.skip{z-index:10;background:#fff;padding:14px;position:fixed;top:-100px}.skip:focus{top:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:520px){:root{background:#fff}.shell{border:0;border-radius:0;margin:0 auto}}.auth-form{margin:24px 0}.auth-form label{margin:17px 0;font-size:13px;display:block}.auth-form input:not([type=checkbox]),.auth-form select{width:100%;font:inherit;color:#061e37;background:#fff;border:1px solid #c8d0d6;border-radius:10px;min-height:48px;margin-top:8px;padding:14px;display:block}.auth-form .check{align-items:flex-start;gap:10px;line-height:1.6;display:flex}.auth-form input[type=checkbox]{accent-color:#061e37;flex-shrink:0;width:20px;height:20px}details{margin:20px 0}summary{cursor:pointer;padding:14px 0;font-size:13px}.admin-user{border-top:1px solid #e5e8e9;padding:16px 0;font-size:13px}.admin-user p{overflow-wrap:anywhere;margin:6px 0}.mood-fieldset{border:0;min-width:0;margin:0;padding:0}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title h2{margin:0}.circle-card{overflow-wrap:anywhere;border-bottom:1px solid #e5e8e9;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:14px;text-decoration:none;display:flex}.circle-card span{color:#5b6973;flex-shrink:0;font-size:12px}.invite-link{margin-top:18px;font-size:13px}.invite-link input{width:100%;font:inherit;border:1px solid #c8d0d6;border-radius:10px;margin:10px 0;padding:12px;display:block}.invite-link button+button{margin-left:22px}.friend details{margin:0 0 0 auto}.friend details p{max-width:250px}h1,strong{overflow-wrap:anywhere}.account-menu{margin:0;font-size:12px;position:relative}.account-menu summary{white-space:nowrap;padding:14px 0}.account-menu-items{z-index:20;background:#fff;border:1px solid #e5e8e9;border-radius:12px;min-width:218px;padding:8px 14px;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #061e3714}.account-menu-items a,.account-menu-items button{text-align:left;min-height:44px;padding:14px 0;font-size:12px;display:block}.account-menu-items p:empty{display:none}.notification-item{border-bottom:1px solid #e5e8e9;padding:18px 0}.notification-item p{margin:4px 0}.notification-actions{align-items:center;gap:24px;font-size:12px;display:flex}.new-label{color:#5b6973;font-size:11px;font-weight:400}.time-pair{gap:12px;display:flex}.time-pair label{flex:1;min-width:0}.mute-circles{border:1px solid #e5e8e9;border-radius:12px;padding:12px;font-size:13px}input:not([type=checkbox]):not([type=radio]),select,textarea,.auth-form input:not([type=checkbox]),.auth-form select,.invite-link input{font-size:max(16px,1em)}.shell{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.bottom-navigation{z-index:30;width:min(100%,480px);padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-navigation a{text-align:center;justify-content:center;align-items:center;min-height:60px;display:flex}html{scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}.account-tools{align-items:center;gap:18px;display:flex}.push-onboarding{background:#f5f6f6;border:1px solid #e5e8e9;border-radius:16px;margin:24px 0;padding:20px}.push-onboarding .text{margin-right:18px}.phone-settings{border-bottom:1px solid #e5e8e9;margin-bottom:24px;padding:0 0 24px}.support-card{background:#f5f6f6;border:1px solid #e5e8e9;border-radius:16px;margin:20px 0;padding:18px}.support-cancel{margin-left:24px}.recipient-choices{border:1px solid #e5e8e9;border-radius:12px;padding:12px}.support-responses{flex-direction:column;gap:12px;margin:24px 0;display:flex}.request-circle{color:#5b6973;margin-top:6px;font-size:12px;font-weight:400;display:block}.flow-heading:focus{outline:none}