.friends-notes{padding:4px 0 10px;margin:4px 0 20px;border-bottom:1px solid var(--line)}.friends-notes-row{display:flex;gap:14px;overflow-x:auto;padding:8px 3px 12px;scrollbar-width:thin}.friend-note-tile{flex:0 0 112px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:8px;padding:0 3px}.friend-note-bubble{position:relative;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#fff0c8,#eee1f8);padding:12px 10px;min-height:62px;width:112px;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.friend-note-bubble:after{content:'';position:absolute;bottom:-5px;left:43px;width:12px;height:12px;border-radius:0 0 4px 0;background:#f3e8e9;transform:rotate(45deg)}.friend-note-tile .pip-figure{width:49px;height:59px;margin-top:4px}.friend-note-tile .friend-initial{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#ffe0a6,#e1d4f1);font-size:19px;font-weight:600;margin-top:8px}.friend-note-tile strong{font-size:11px;font-weight:600;max-width:110px;overflow-wrap:anywhere}.friend-note-tile.own .friend-note-bubble{background:linear-gradient(135deg,#ffe1a4,#ffead2)}.friend-note-tile .quiet-note{background:#f3eee5;color:#896f63}.friends-code-box{padding:18px;background:linear-gradient(130deg,#fff0ca,#eee3f6);border-radius:17px;margin:18px 0}.friends-code-box input{width:100%;text-align:center;letter-spacing:.12em;font-size:17px;background:transparent;border:0;color:var(--ink);padding:10px 0}.friends-person{padding:17px;background:linear-gradient(130deg,#fff1d5,#efe7f7);border-radius:16px;margin:13px 0}.friends-person-head{display:flex;gap:12px;align-items:center}.friends-person-head .pip-figure{width:35px;height:45px}.friends-person-head strong{font-size:14px;overflow-wrap:anywhere}.friends-person .personal-tools{margin:12px 0 0;gap:16px}.friends-status{font-size:12px;line-height:1.6;white-space:pre-wrap}.friends-note-options{padding:18px;background:linear-gradient(135deg,#fff0ce,#eee3f7);border-radius:17px;margin:18px 0}.friends-note-options .personal-check{margin:0 0 12px}.friends-note-options textarea{min-height:80px}.friends-note-options .tiny{margin:12px 0 0}.friend-current-note{padding:20px;background:linear-gradient(135deg,#ffe8b8,#eee0f8);border-radius:20px;margin:18px 0}.friend-current-note h3{font:26px Georgia}.friend-current-note p{white-space:pre-wrap;overflow-wrap:anywhere}.friend-note-prompt{font:19px Georgia;margin-bottom:12px}.friends-section-title{font:23px Georgia;margin:27px 0 16px}.friends-request-count{font-size:11px;margin-left:5px}@media(max-width:480px){.friends-notes-row{gap:11px}.friend-note-tile{flex-basis:103px}.friend-note-bubble{width:103px}.friend-note-tile strong{max-width:100px}.friends-code-box{padding:15px}}

#feed .feed-checkin-title{margin-top:8px;margin-bottom:10px}#feed .topics{padding-top:12px;padding-bottom:12px}#feed .feed-feeling-note{margin-top:0;margin-bottom:10px}#feed .feed-checkin-save{margin-bottom:12px}#feed .friends-notes{margin-top:0;margin-bottom:14px;padding-top:0}#feed .feed-controls{gap:10px;flex-wrap:wrap;margin-bottom:18px}.feed-control-actions{display:flex;align-items:center;gap:15px}.feed-control-actions button{min-height:36px;white-space:nowrap}.feed-control-actions .text-link{font-size:12px}#profile .feed-share-prompt{margin:20px auto 12px;text-align:left;max-width:460px}@media(max-width:380px){.feed-control-actions{gap:11px}#feed .feed-controls .tabs{gap:13px}}

.friend-discovery{margin-bottom:24px;padding:clamp(16px,3vw,26px);border-radius:24px;background:linear-gradient(135deg,#fff0d6,#f1e8f8)}.friend-discovery h2{font:28px Georgia;margin:0 0 12px}.friend-discovery label{display:block;margin:20px 0 8px;font-size:13px}.friend-discovery input{width:100%;min-width:0;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#fffaf4;color:var(--ink);font:inherit}.friend-suggestion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}.friend-suggestion-grid .friends-person{margin:0;min-width:0;background:#fffaf3;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.friend-suggestion-grid .tiny{margin:0;overflow-wrap:anywhere}.friend-suggestion-grid .btn{margin-top:auto}.find-people-welcome{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:18px 22px;margin:0 0 24px;border-radius:22px;background:linear-gradient(120deg,#fff0d2,#eee5f5)}.find-people-welcome>div{flex:1 1 210px}.find-people-welcome .tiny{margin:7px 0 0}.find-people-welcome[hidden],.friend-discovery[hidden]{display:none}
.welcome-people{flex-basis:100%;display:flex;flex-wrap:wrap;gap:12px}.welcome-person{display:flex;align-items:center;flex-wrap:wrap;gap:10px;flex:1 1 220px;min-width:0;padding:14px;border-radius:17px;background:#fffaf3}.welcome-person .pip-figure{width:35px;height:45px}.welcome-person .profile-avatar{width:48px;height:48px}.welcome-person strong{font-size:13px;overflow-wrap:anywhere;flex:1}.welcome-person .btn{font-size:12px;padding:10px 12px}

/* Center the guest invitation within the notes row. */
.friends-notes-row>.notes-signin{align-self:center;flex:1 0 180px;text-align:center;white-space:normal;padding:16px 10px}

/* Inviting feed actions, with the same soft palette as the app. */
#feed .feed-control-actions{gap:10px;flex-wrap:wrap}
#feed .feed-control-actions :is(.feed-explore-action,.feed-share-action){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;border:1px solid #d9c7e5;border-radius:999px;background:linear-gradient(125deg,#f0e3fa,#e5ecfa);color:#594033;font-size:13px;font-weight:650;line-height:1.5;text-decoration:none;box-shadow:0 3px 9px #684f3910;transition:transform .18s ease,box-shadow .18s ease}
#feed .feed-control-actions .feed-share-action{background:linear-gradient(125deg,#ffe19a,#ffddc2);border-color:#d9b570}
#feed .feed-explore-action:before{content:'✧';font-size:20px;line-height:1;font-weight:400}
@media(hover:hover){#feed .feed-control-actions :is(.feed-explore-action,.feed-share-action):hover{transform:translateY(-2px);box-shadow:0 5px 13px #684f3920}}
#feed .feed-control-actions :is(.feed-explore-action,.feed-share-action):active{transform:translateY(0);box-shadow:0 1px 3px #684f3915}
@media(max-width:480px){#feed .feed-control-actions :is(.feed-explore-action,.feed-share-action){padding:9px 14px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#feed .feed-control-actions :is(.feed-explore-action,.feed-share-action){transition:none;transform:none}}