@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#294e40;--muted:#84877e;--bg:#f8f9f5;--line:#e9ece4;--ink:#293b32}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b8ca85;outline-offset:3px}button{border:0;background:none}a{text-decoration:none;color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:#fff;border-right:1px solid var(--line);padding:34px 23px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;font-size:31px;font-weight:800;letter-spacing:-1.5px}.brand>span{font-size:27px}.brand-dot{color:#b0bc8c}.workspace{font-size:10px;letter-spacing:1.7px;color:#969c92;margin:57px 14px 19px}.nav{display:flex;width:100%;gap:14px;align-items:center;border-radius:10px;padding:14px 16px;margin-bottom:8px;font-size:21px;color:#7b857c;text-align:left}.nav span{font-size:13px;font-weight:600}.nav i{font-size:11px;font-style:normal;margin-left:auto;background:#e6ebdf;border-radius:5px;padding:2px 6px}.nav.active{background:#edf2e8;color:var(--green)}.sidebar-note{margin-top:auto;padding:28px 15px;color:#58664f}.sidebar-note>span{font-size:33px;color:#a5b47c}.sidebar-note h3{font-size:17px;line-height:1.5;font-weight:500}.sidebar-note p{font-size:12px;line-height:1.8;color:#92968a}.text-button{padding:0;color:var(--green);font-size:12px;font-weight:600}.account{border-top:1px solid var(--line);padding-top:24px;display:flex;align-items:center;gap:10px}.account b{font-size:12px}.account small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.account>span{margin-left:auto}.avatar{width:39px;height:39px;object-fit:cover;border-radius:50%}.avatar.owner{display:grid;place-items:center;background:#eadfcf}.shell{margin-left:235px}header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 44px;gap:20px;background:#fff9}.breadcrumb{font-size:13px;color:#778474}.breadcrumb span{color:#b7c18d;margin-left:8px}.demo-label{margin-left:auto;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#9ba08f}.primary{background:var(--green);color:#fff;padding:13px 20px;border-radius:8px;font-weight:600;font-size:12px}.secondary{background:#fff;border:1px solid #dde2d3;border-radius:7px;padding:10px 14px;font-size:12px;font-weight:600}main{max-width:1300px;margin:auto;padding:40px 44px}.welcome{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#8c967d}h1{font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-1.3px;font-weight:600;margin:14px 0 12px}.welcome p:last-child{color:#8a8e82;font-size:13px}.welcome-doodle{font:80px Georgia;color:#b7c396;transform:rotate(-18deg);margin-right:30px}.columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px}.section-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:25px}.tabs button{padding:0 0 16px;color:#8c9387;font-weight:600;font-size:13px}.tabs .selected{color:var(--green);border-bottom:2px solid var(--green)}.quiet{font-size:10px;color:#959b8d}.stories{display:flex;gap:23px;padding:25px 0}.stories button{padding:0;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px}.story{width:62px;height:62px;border-radius:50%;object-fit:cover;border:2px solid #a6b88e;padding:3px;background:white}.story.add{border:1px dashed #bdc7ac;display:grid;place-items:center;font-size:27px;color:#91a27a;background:#f0f4e9}.animal{display:grid;place-items:center;font-size:31px;background:#e7e9dd}.yellow{background:#f4ebcf}.pink{background:#efe4dd}.composer{display:flex;width:100%;align-items:center;gap:13px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:22px;text-align:left;color:#9aa18f;font-size:12px}.compose-icon{margin-left:auto;font-size:21px;color:#7f916a}.card,.post{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;margin-bottom:22px}.post-head{display:flex;align-items:center;gap:11px;padding:18px 20px}.post-head b{font-size:13px}.post-head small{display:block;font-size:10px;color:#929a8d;margin-top:4px}.post-head .tag{margin-left:auto;background:#f0f3e9;color:#7c8c6c;font-size:9px;padding:5px 9px;border-radius:5px}.post-image{width:100%;height:330px;object-fit:cover;display:block}.post-body{padding:18px 20px 16px}.post-body h3{font-size:17px;font-family:Manrope;margin:0 0 9px;letter-spacing:-.4px}.post-body p{font-size:12px;line-height:1.8;color:#7c8679;margin:0 0 13px}.post-actions{display:flex;gap:20px;border-top:1px solid #f0f2ec;padding-top:13px}.post-actions button{font-size:12px;color:#7e8c75}.post-actions button.liked{color:#bd7759}.post-actions .save{margin-left:auto}.card{padding:22px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:6px}.card-title h3{margin:0;font-size:14px;font-weight:600}.card-title .text-button{font-size:10px}.pet-row{display:flex;align-items:center;width:100%;gap:11px;padding:20px 0 0;text-align:left}.large{width:45px;height:45px}.pet-row b{font-size:13px}.pet-row small{display:block;font-size:10px;color:#8e9689;margin-top:5px}.pet-row>span:last-child{margin-left:auto;color:#9da58e}.sex{color:#abb69b;font-weight:400}.badge{font-size:9px;padding:5px 8px;background:#f0f3ec;border-radius:5px;color:#819471;white-space:nowrap}.muted{color:#929a8a;font-size:12px;line-height:1.7}.reminders>.muted{font-size:10px;margin:11px 0 21px}.task{display:flex;align-items:flex-start;gap:10px;margin:19px 0}.task input{accent-color:var(--green);margin-top:3px}.task b{font-size:12px;font-weight:500}.task small{display:block;font-size:10px;color:#929a89;margin-top:5px}.task:has(input:checked) b{text-decoration:line-through;color:#9ca493}.reminders>.text-button{display:block;border-top:1px solid var(--line);padding-top:18px;margin-top:22px;font-size:11px}.prompt{background:#eaf0df;border-radius:12px;padding:25px;position:relative;overflow:hidden}.prompt .eyebrow{font-size:9px}.prompt h3{font-family:Manrope;font-weight:500;font-size:22px;letter-spacing:-.8px;line-height:1.5;margin:15px 0 10px}.prompt p{font-size:11px;line-height:1.8;color:#8b967d}.prompt .secondary{margin-top:14px;background:#f8faef;border:0;position:relative;z-index:1;font-size:10px}.prompt-art{position:absolute;right:-13px;bottom:5px;font-size:100px;color:#d6e1bf}footer{padding:25px 3px;color:#9aa38e;font-size:10px;line-height:2}footer span{font-size:9px;color:#b1b6a7}.hidden{display:none!important}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h2{font-family:Manrope;font-size:23px;font-weight:600;letter-spacing:-.6px}.pet-card{display:flex;align-items:center;gap:15px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:18px 0}.pet-card .animal{width:50px;height:50px;border-radius:50%}.pet-card p{margin:5px 0;color:var(--muted);font-size:12px}.pet-card button{margin-left:auto}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #dce2d4;border-radius:7px;padding:12px;background:#fff;color:var(--ink);margin:9px 0 18px}textarea{resize:vertical;min-height:110px}label{font-size:12px}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;width:460px;max-width:94vw;color:var(--ink);box-shadow:0 25px 100px #132e2426}dialog::backdrop{background:#263e3455;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top h2{font-size:21px}.close{font-size:28px}.check{display:flex;gap:9px;align-items:center}.check input{accent-color:var(--green)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:14px 24px;border-radius:10px;box-shadow:0 8px 35px #0002;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5}.comment-box{margin-top:12px}.comment-box input{margin-bottom:5px}.comment-box p{padding:8px;background:#f7f8f3;border-radius:5px}.view>h2{margin-top:0}
@media(min-width:1450px){.post-image{height:400px}}@media(max-width:1150px){.sidebar{width:195px;padding:30px 15px}.shell{margin-left:195px}header{padding:0 25px}main{padding:30px 25px}.columns{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.stories{gap:15px}.story{width:51px;height:51px}h1{font-size:28px}.card{padding:18px}.quiet{display:none}}@media(max-width:950px){.right-column{display:none}.columns{grid-template-columns:1fr}.welcome-doodle{display:none}.main-column{max-width:680px}.demo-label{display:none}header .primary{margin-left:auto}}@media(max-width:620px){.sidebar{position:fixed;top:auto;bottom:0;right:0;width:100%;height:70px;z-index:4;padding:7px;background:#fff;border-top:1px solid var(--line)}.sidebar .brand,.workspace,.sidebar-note,.account{display:none}nav{display:flex;justify-content:space-around}.nav{width:auto;flex-direction:column;gap:3px;padding:5px 8px;margin:0;font-size:20px}.nav span{font-size:9px}.nav i{display:none}.shell{margin-left:0;padding-bottom:75px}header{height:70px;padding:0 20px}.breadcrumb{font-size:11px}main{padding:23px 18px}.welcome{margin-bottom:22px}.eyebrow{font-size:7px;letter-spacing:1.1px}h1{font-size:25px}.welcome p:last-child{font-size:11px;line-height:1.7}.stories{gap:0;justify-content:space-between}.story{width:47px;height:47px}.stories button{font-size:10px}.post-image{height:290px}.primary{padding:11px 14px;font-size:11px}.post-head,.post-body{padding:15px}.post-body h3{font-size:16px}}

.friend-tabs{border-bottom:1px solid var(--line);margin-top:25px;gap:20px}.friend-tabs span{background:#e6eddf;border-radius:20px;padding:2px 6px;margin-left:4px;font-size:10px}.friend-filters{display:flex;gap:12px;margin-top:18px}.friend-filters input{flex:1;min-width:0}.friend-filters select{width:130px}.friend-card{flex-wrap:wrap;align-items:flex-start}.friend-info{flex:1;min-width:150px}.friend-info p{line-height:1.6}.friend-actions{display:flex;width:100%;justify-content:flex-end;gap:8px;align-items:center}.friend-actions button{margin-left:0}.friend-actions .badge{margin-right:auto}.friend-actions button{min-height:40px}@media(max-width:620px){.friend-tabs{gap:14px}.friend-tabs button{font-size:11px}.friend-filters{flex-direction:column;gap:0}.friend-filters select{width:100%;margin-top:0}.friend-card{padding:18px}}

.wall-cover{height:125px;border-radius:14px 14px 0 0;background:#dce7ce;display:flex;align-items:center;justify-content:center;color:#6c805b;font:22px Georgia,serif}.wall-profile{border-radius:0 0 14px 14px;overflow:visible;position:relative;padding-top:35px}.wall-avatar{position:absolute;top:-30px;background:#eadfcf;border:5px solid white;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:22px}.wall-profile h2{margin:12px 0}.wall-stats{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:11px;color:#7a8770}.post-owner{padding:0;color:var(--green);font-size:13px;font-weight:700;text-decoration:underline;text-decoration-color:#b7c7ac;text-underline-offset:4px}#wall-back{margin:0 0 20px}.friend-info>.text-button{margin:8px 0}.post-actions button{min-height:36px}.post-actions button.liked{color:#a84458}@media(max-width:620px){.nav{padding:5px}.nav span{font-size:8px}.wall-cover{font-size:18px}.wall-stats{gap:10px}}

.inbox-layout{display:grid;grid-template-columns:160px minmax(0,1fr);background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.inbox-people{padding:16px;border-right:1px solid var(--line);background:#f1f5eb}.inbox-people input{padding:9px;font-size:11px}.conversation-contact{display:flex;gap:8px;width:100%;text-align:left;padding:12px 8px;border-radius:9px;margin-bottom:8px}.conversation-contact.selected{background:#fff}.conversation-contact>span:first-child{font-size:23px}.conversation-contact small{display:block;font-size:10px;line-height:1.6;color:#7a8770}.conversation-contact b{font-size:12px}.conversation-panel{min-width:0}.conversation-heading{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.conversation-heading .animal{border-radius:50%;width:38px;height:38px;font-size:23px}.conversation-heading small{display:block;font-size:10px;color:#89947e;margin-top:5px}.conversation-heading button{margin-left:auto}.message-history{min-height:240px;max-height:430px;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px}.conversation-empty{text-align:center;padding:30px 10px}.conversation-empty>span{font-size:40px;color:#a6b88e}.message-bubble{align-self:flex-end;max-width:95%;background:#edf3e5;border-radius:13px 13px 2px 13px;padding:14px;overflow-wrap:anywhere}.message-bubble small{display:block;font-size:9px;color:#77856c}.message-bubble p{white-space:pre-wrap;line-height:1.6;margin:10px 0}.gift-bubble{background:#fbf1da;display:flex;flex-direction:column;gap:10px;min-width:190px}.gift-emoji{font-size:45px}.message-send{display:flex;justify-content:space-between;align-items:center;gap:10px}#message-form{padding:16px;border-top:1px solid var(--line)}#message-text{min-height:85px}.gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0}.gift-option{border:1px solid var(--line);border-radius:10px;padding:12px 5px;display:flex;flex-direction:column;align-items:center;gap:7px}.gift-option span{font-size:29px}.gift-option b{font-size:11px}.gift-option small{font-size:9px;color:#88947c}.gift-option.selected{border:2px solid var(--green);background:#eff5e8}.gift-preview{background:#f1f5eb;padding:14px;border-radius:8px;font-size:12px;margin-bottom:16px}button:disabled{opacity:.45;cursor:not-allowed}.friend-actions{flex-wrap:wrap}@media(max-width:620px){nav{overflow-x:auto;justify-content:space-between}.nav{flex-shrink:0;min-width:43px}.inbox-layout{grid-template-columns:1fr}.inbox-people{border-right:0;border-bottom:1px solid var(--line)}#conversation-list{display:flex;gap:8px;overflow-x:auto}.conversation-contact{min-width:145px;width:auto}.inbox-people input{margin-bottom:8px}.message-history{min-height:200px}.message-send{flex-wrap:wrap}}

#auth-screen{display:none;max-width:510px;margin:6vh auto;padding:35px;background:white;border:1px solid var(--line);border-radius:18px}body.signed-out>.sidebar,body.signed-out>.shell{display:none}body.signed-out>#auth-screen{display:block}#auth-screen .eyebrow{margin-top:30px}#auth-screen .tabs{margin:25px 0}#auth-screen h1{line-height:1.3}#auth-form{margin-top:25px}#auth-submit{width:100%}#auth-error{color:#a23b40;font-size:13px}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble.received{align-self:flex-start;background:#f0f0eb;border-radius:13px 13px 13px 2px}#toast.visible{opacity:1}.sidebar{overflow-y:auto}.sidebar-note{padding-top:15px;padding-bottom:15px}.workspace{margin-top:30px}.nav{margin-bottom:3px;padding-top:11px;padding-bottom:11px}@media(max-width:620px){#auth-screen{margin:15px;border-radius:12px;padding:24px}.sidebar{overflow-y:visible}.nav{padding:5px 3px;min-width:46px}.nav span{font-size:8px}header{gap:10px}.inbox-people{padding:12px}}

/* Keep the longer wordmark readable in the sidebar and on small phones. */
.sidebar .brand>span{font-size:24px;line-height:1.15;letter-spacing:-1px}#auth-screen .brand>span{font-size:clamp(22px,6vw,30px);line-height:1.2;letter-spacing:-1px}