.composer-modes { display:flex;gap:5px;margin:0 0 14px;grid-column:1/-1; }
.composer-modes button { border:0;background:transparent;border-radius:20px;padding:5px 11px;color:#b9bdb1;font-size:12px;font-weight:500;box-shadow:none; }
.composer-modes button:first-child { margin-left:-11px; }
.composer-modes [aria-pressed=true] { color:#efd9af;background:#ffffff0c; }
.shared-compose { max-height:calc(100dvh - var(--dock-bottom) - 16px);overflow-y:auto;overscroll-behavior:contain; }
.shared-heading { display:flex;justify-content:space-between;align-items:center;gap:16px; }
.shared-heading label { margin:0; }
.shared-heading .shared-expanded { font-size:12px;white-space:nowrap;color:#c7c7b8;font-weight:500; }
#shared-date { display:inline-block;width:145px;margin-left:8px;padding:5px 8px;font-size:13px;color-scheme:dark;color:#e7d5b6;background:transparent;border-color:#d9c29b44;border-radius:6px; }
#shared-input { display:block;width:100%;resize:none;border:0;background:transparent;color:#f5f0e7;font-size:20px;line-height:1.45;padding:14px 0 5px;min-height:44px;max-height:160px; }
#shared-input:focus { outline:none;box-shadow:none; }
#shared-input::placeholder { color:#aaa99e; }
.shared-compose:not(.is-expanded) .shared-expanded { display:none; }
.shared-compose:not(.is-expanded) form { display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px; }
.shared-compose:not(.is-expanded) .shared-heading { grid-column:1/-1; }
.shared-compose:not(.is-expanded) .setup-actions { margin:0;grid-column:2;grid-row:2; }
.shared-compose:not(.is-expanded) .shared-color-scope { display:none; }
.shared-compose:not(.is-expanded) #shared-input { font-size:16px; }
.shared-compose .setup-actions { justify-content:space-between;margin-top:14px; }
.shared-compose .setup-actions button { white-space:nowrap; }
.shared-compose .status:empty { display:none; }
.shared-compose .status { grid-column:1/-1;margin:10px 0 0;min-height:0;font-size:12px;color:#d0dec7; }
.shared-color-scope { font-size:11px;color:#bfc7b7; }
.shared-feedback { margin:8px 0;color:#bfc9b8;font-size:12px; }
.shared-connections { display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 8px; }
.connection-chip { display:inline-flex;gap:12px;align-items:center;max-width:100%;background:transparent;color:#dcd5c2;border:1px solid #7e867750;border-radius:24px;font-size:13px;padding:8px 12px;box-shadow:none; }
.connection-chip>span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.connection-chip small { font-size:11px;white-space:nowrap;color:#b0b9a9; }
.connection-chip[aria-pressed=true] { border-color:#dec597aa;background:#e3cb9d16;color:#efd9b0; }
.connection-chip .connection-score { color:hsl(var(--score-hue) 45% 74%);font-weight:650; }
.shared-compose .text-button { color:#d6c4a5; }
.shared-compose .text-button:hover { color:#f4e0bb; }
.choose-goals { font-size:12px; }
.recent-activity { max-width:min(48%,620px);margin:60px 0 32px; }
.recent-heading { display:flex;align-items:center;justify-content:space-between;gap:20px; }
.recent-heading h2 { font-size:21px;letter-spacing:-.03em; }
.recent-heading button { font-size:12px; }
.activity-list { list-style:none;padding:0;margin:0; }
.activity-list li { border-bottom:1px solid currentColor;color:inherit;border-color:#ffffff20; }
.activity-entry { display:grid;gap:7px;width:100%;border:0;background:transparent;text-align:left;color:inherit;border-radius:0;padding:17px 0;box-shadow:none;font-weight:400; }
.activity-entry>span { font-size:17px;line-height:1.4;overflow-wrap:anywhere; }
.activity-entry>small { font-size:12px;opacity:.7; }
body.viewing #recent-activity { display:none; }
body.global-logging:not(.action-assessed) { background:#181911;--page-image:url('/backgrounds/entry.jpg'); }
body.global-logging:not(.action-assessed) .recent-activity { color:#ece6d9; }
body.global-logging:not(.action-assessed)::before,body.global-logging:not(.action-assessed)::after { opacity:0; }
body.global-logging.action-assessed { background-color:hsl(var(--smart-hue) 73% 91%);--page-image:none; }
body.global-logging.action-assessed::before,body.global-logging.action-assessed::after { opacity:1; }
body.global-logging.action-assessed .goal-bubble { color:#25392d; }
body.global-logging.action-assessed .bubble-score,body.global-logging.action-assessed .goal-bubbles-title { color:#526b5b; }
body.global-logging:not(.action-assessed) .recent-heading .text-button { color:#d6c4a5; }
#activity-dialog { width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border:1px solid #96866a;border-radius:26px;padding:30px;background:#1b241e;color:#f1ecdf; }
#activity-dialog::backdrop { background:#14201888;backdrop-filter:blur(5px); }
#activity-dialog fieldset { display:flex;gap:12px;flex-wrap:wrap;border:0;padding:12px 0;margin:18px 0; }
#activity-dialog fieldset label { display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500; }
#activity-dialog fieldset input { width:auto;margin:0; }
#activity-dialog form { margin-top:15px; }
#activity-dialog details { margin-top:24px; }
#activity-dialog .text-button { color:#e4c99c; }
#activity-dialog form textarea,#activity-dialog form input { color-scheme:dark;background:#ffffff06;color:#f1ecdf;border-color:#c2c9b644; }
.shared-source { font-size:23px;line-height:1.45;overflow-wrap:anywhere; }
.shared-review-goal { display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0;border-top:1px solid #ffffff20;padding-top:16px; }
.shared-review-goal span { font-size:13px;color:#c3ccbe; }
.shared-delete { margin-top:28px;color:#e0b9a9!important; }
.history-connections { display:block;margin-top:8px;font-size:12px; }
.tracking-options input[type=checkbox] { width:auto;margin-right:8px; }
@media(max-width:1100px){.recent-activity{max-width:760px;margin-top:28px}}
@media(max-width:600px){.shared-heading{flex-wrap:wrap;gap:10px}#shared-input{font-size:18px}.shared-compose:not(.is-expanded) form{column-gap:10px}.shared-compose .setup-actions>button{padding:12px 16px;font-size:14px}.shared-compose .setup-actions{gap:10px}.shared-color-scope{max-width:130px}.connection-chip{font-size:12px;padding:7px 10px;gap:8px}.recent-activity{margin-top:24px}#activity-dialog{padding:20px}.composer-modes{margin-bottom:12px}}
@media(prefers-reduced-motion:no-preference){.shared-compose .shared-expanded{animation:shared-enter .2s ease both}.connection-chip{transition:background .15s,border-color .15s}@keyframes shared-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}