/* Accepted combination: macaron stationery over a quiet illustrated garden. */
:root{--green:#84617e;--muted:#817582;--line:#e7dee7;color:#514a53;background:#fffdf8}
body{background:linear-gradient(#fffdf8e8,#fffdf8c9),url('./garden-background.png') center bottom/cover fixed no-repeat;background-color:#fffdf8}
header{background:#fffafbd9;border-color:#eee1e9}.brand{color:#7f627d}.brand-mark{background:#e8d8f1;color:#8b699a}nav .active{background:#f7dfeb;color:#8c617d}nav button{color:#88768a}
.memory-cover h1{color:#765a74}.together-days{color:#988295}.together-days b{color:#c27794}.cover-heart{color:#d090a4}
.timeline-panel{border:1px solid #e9dfe4;border-radius:26px 30px 25px 31px;background:#fffefbaa;box-shadow:4px 5px 0 #eee4ef35}.timeline-toolbar{padding:15px 20px 5px}.season-label{color:#80966e}.timeline-toolbar>button{background:#f6eff9;color:#907699;border-color:#e4d8ea}
.timeline-scroll{background:linear-gradient(115deg,#fce9ee50,#edf4e954,#eaf2fb50)}
.timeline-panel .memory-preview{background:#fce8eeeF;border-color:#e0bdcc;box-shadow:2px 3px 0 #e9cad93b;border-radius:16px 22px 17px 20px}
.timeline-panel .memory-preview:before{height:12px;width:43px;left:18px;top:-6px;transform:rotate(-6deg);background:repeating-linear-gradient(90deg,#edcce5b3 0 7px,#f5e1eeb3 7px 14px);border-radius:0}
.timeline-panel .botanical-milestone,.timeline-panel .botanical-reflection{background:#eee5f9eF;border-color:#d1bfdf}.timeline-panel .botanical-gratitude,.timeline-panel .botanical-resolution{background:#e5f2dfeF;border-color:#c5d9b9}.timeline-panel .botanical-conflict{background:#e4f0faeF;border-color:#bed5e6}.timeline-panel .botanical-anniversary{background:#fff0d5ef;border-color:#e7d3ac}.timeline-panel .botanical-deep_talk{background:#fce7daef;border-color:#e7cbb9}
.timeline-panel .memory-preview strong{color:#625365}.timeline-panel .memory-preview .category{color:#8e7593}.timeline-panel .memory-preview:hover{background:#fff8fc;border-color:#b99dc1}
.timeline-panel .branch.bottom .memory-preview{background:#edf1fcef;border-color:#cbd4e8}
.axis time{color:#928185;background:#fffaf3d9}.timeline-bottom{padding:12px 20px 16px;color:#9b8fa0}.timeline-bottom .icon-button{background:#f3eafb;border-color:#decee8;color:#91779d}.more{background:#fff9fce6;border-color:#e0cfdf;color:#987d98}
.record-dock{background:linear-gradient(100deg,#f3c0d4,#e1cef0);border-color:#c394b6;color:#78536e;box-shadow:0 3px 0 #dab8d2,0 0 0 6px #fffaf8e8}.record-dock:hover{background:linear-gradient(100deg,#f0b8cf,#dbc4ec);box-shadow:0 3px 0 #d6b2cc,0 0 0 6px #fffaf8}.dock-flower{color:#9d739b}
.upcoming h2{color:#957998}.upcoming-items>div{background:#fff0dceb;border-color:#eee0c9}.upcoming-items>div:nth-child(2){background:#eaf2fceb;border-color:#dbe4ed}.upcoming-items>div:nth-child(3){background:#edf4e5eb;border-color:#dce7d1}.upcoming-items strong{color:#84718a}.days-away{color:#9b849d}
.filters select{border-color:#d0bfd4;color:#87728e}.browse-options{background:#fffbfd}.toolbar-actions button:last-child{background:#eee2f5}button.primary{background:#a57798;border-color:#a57798}button.primary:hover{background:#936486}
dialog{background:#fffcfa;color:#625567}dialog h1,dialog h2{color:#876589}dialog::backdrop{background:#6b537a3b}input,textarea,select{border-color:#c9b7cd;color:#705f76;background:#fff}summary{color:#95799d}details{border-color:#eadddf}.privacy-note{background:#f3eaf8}.privacy-note p{color:#88758d}.resolution{background:#edf4e7;border-color:#baceab}.metrics button{background:#f8e4ed;border-color:#ead1df}.metrics button:nth-child(2n){background:#e9eff9}.metrics button:nth-child(3n){background:#e8f1df}.metrics button:nth-child(4n){background:#faf0db}.row-symbol{background:#eee2f5;color:#9c7da6}#notice{background:#90708c}footer{color:#9b8a9b;border-color:#e9dee6}
/* Names keep their explicit color across profile order, cards, editors and history. */
.avatar.person-pink,.memory-preview .avatar.person-pink,.bubble .avatar.person-pink{background:#f8c9dd;color:#954b73}
.avatar.person-blue,.memory-preview .avatar.person-blue,.bubble .avatar.person-blue{background:#cce7fa;color:#386888}
.bubble.person-pink,.editor-person.person-pink{background:#fce3ee;color:#874a6b;border-color:#eac0d3}
.bubble.person-blue,.editor-person.person-blue{background:#e0f0fc;color:#3a6685;border-color:#bcd9ed}
@media(max-width:767px){header{background:#fffafbe0}.timeline-toolbar{padding:12px 12px 2px}.timeline-bottom{padding:12px}.timeline-panel{border-radius:23px}.upcoming-items>div{padding:15px}}