*{box-sizing:border-box}html,body{color:#171714;background:#f4f2ed;margin:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}.shell{width:min(100%,520px);min-height:100vh;margin:auto;padding:22px 20px 105px}.top{justify-content:space-between;align-items:center;margin-bottom:54px;display:flex}.top>div{align-items:center;gap:9px;display:flex}.mark{color:#fff;background:#171714;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.prototype{color:#706d65;border:1px solid #cbc8c0;border-radius:99px;padding:6px 8px;font-size:11px}.eyebrow{letter-spacing:.16em;color:#79756b;margin:0 0 13px;font-size:11px;font-weight:700}.hero h1,h2{letter-spacing:-.045em;margin:0 0 18px;font-size:46px;line-height:.96}.lede,.muted{color:#666258;max-width:390px;font-size:16px;line-height:1.45}.hero{margin-bottom:38px}.stack{gap:10px;margin:20px 0;display:grid}.birthday,.person,.card{background:#fff;border:1px solid #e5e1d8;border-radius:18px}.birthday{align-items:center;padding:14px;display:flex}.birthday h3,.birthday p,.person p,.circleHead h3,.circleHead p{margin:0}.birthday p,.person p,.circleHead p{color:#77736a;margin-top:4px;font-size:13px}.grow{flex:1}.when{font-size:13px;font-weight:700}.orb{background:#e9e6de;border-radius:50%;place-items:center;width:44px;height:44px;margin-right:12px;font-weight:700;display:grid}.orb.small{width:36px;height:36px}.primary{color:#fff;cursor:pointer;background:#171714;border:0;border-radius:14px;width:100%;padding:15px 18px;font-size:15px;font-weight:700}.card{padding:18px}.form{gap:14px;margin:26px 0;display:grid}.form label{gap:7px;font-size:12px;font-weight:700;display:grid}input{background:#faf9f6;border:1px solid #d8d4ca;border-radius:11px;width:100%;padding:13px;font-size:15px}.compact{margin-top:18px}.person{align-items:center;padding:12px 14px;display:flex}.inline{gap:8px;margin:24px 0;display:flex}.inline button,.share{background:#fff;border:1px solid #d2cec4;border-radius:11px;padding:0 14px;font-weight:700}.circleHead{justify-content:space-between;align-items:start;display:flex}.share{padding:9px 11px}.checks{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.checks label{position:relative}.checks input{opacity:0;position:absolute}.checks span{border:1px solid #ddd8ce;border-radius:99px;padding:8px 11px;font-size:13px;display:block}.checks input:checked+span{color:#fff;background:#171714;border-color:#171714}.notice{color:#fff;z-index:4;background:#171714;border-radius:99px;padding:10px 14px;font-size:13px;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.prose{line-height:1.55}.danger{background:0 0;border:1px solid #cfc9bf;border-radius:10px;margin-top:12px;padding:10px 12px}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #ddd9d0;border-radius:18px;grid-template-columns:repeat(4,1fr);width:min(100% - 28px,492px);padding:6px;display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000014}nav button{color:#77736a;background:0 0;border:0;border-radius:12px;padding:11px 5px;font-size:12px;font-weight:700}nav button.active{color:#fff;background:#171714}@media (min-width:700px){.shell{padding-top:35px}}.linkButton{text-align:center;text-decoration:none;display:block}.textButton{cursor:pointer;color:#666;background:0 0;border:0}.privacyNote{color:#888;margin:10px 0 0;font-size:12px;line-height:1.5}.error{color:#a33;font-size:13px}.empty{color:#777;text-align:center;border:1px dashed #ddd;border-radius:16px;padding:22px}