*{box-sizing:border-box} :root{--paper:#f5f1e9;--page:#fbf8f1;--ink:#5e5960;--muted:#a39a91;--line:#e7dfd2;--lav:#d8cde0;--lav-deep:#9d8eaa;--lav-pale:#f0ebf2;--butter:#eee1b5;--butter-deep:#a8955f;--butter-pale:#f8f2df;--sage:#cbd3c3;--serif:"Noto Serif SC",serif}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC",sans-serif;font-size:14px;background-image:radial-gradient(#b7aa9510 .7px,transparent .7px);background-size:7px 7px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer} .hidden{display:none!important}
.entry{min-height:100vh;display:grid;place-items:center;padding:25px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 22% 18%,#eae2ef 0,transparent 32%),radial-gradient(ellipse at 82% 82%,#f1e8c9 0,transparent 32%),#f6f2e9}.entry:before,.entry:after{content:"";position:absolute;width:360px;height:360px;border:1px solid #d8ccbd55;border-radius:50%;pointer-events:none}.entry:before{left:-170px;bottom:-160px}.entry:after{right:-180px;top:-190px}.entry-content{width:min(550px,100%);text-align:center;padding:65px 40px 45px;background:#fbf8f0d9;border:1px solid #e5dccd;box-shadow:0 25px 80px #796c5010;position:relative}.entry-small,.hand-label,.calendar-en{font-size:9px;letter-spacing:2.5px;color:#a79a8e}.entry h1{font:52px "Ma Shan Zheng",cursive;letter-spacing:10px;color:#655e69;margin:15px 0 8px}.entry-line{font:15px/2.1 var(--serif);color:#8c8280;letter-spacing:1px}.entry-flower{position:absolute;color:#c5b6cc;font-size:28px}.flower-a{left:35px;top:35px}.flower-b{right:42px;bottom:45px;color:#d7c58b}.entry-avatars{display:flex;align-items:center;justify-content:center;gap:18px;margin:32px auto 26px}.avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;position:relative;font:21px var(--serif);color:#776d7d;border:1px solid #fff;box-shadow:0 0 0 1px #d8ceda}.avatar i{position:absolute;right:-6px;bottom:-5px;font-style:normal;font-size:15px;color:#a997b1}.avatar-her{background:#eee8f2}.avatar-me{background:#f6efd9;color:#88784f;box-shadow:0 0 0 1px #e6d9ad}.avatar-me i{color:#b5a16a}.thread{font-size:20px;letter-spacing:3px;color:#b5a9a6}.password-wrap{display:flex;max-width:350px;margin:0 auto;border-bottom:1px solid #cfc4b7;padding-bottom:6px}.password-wrap input{min-width:0;flex:1;border:0;background:transparent;outline:0;padding:12px 5px;text-align:center;font-size:12px}.password-wrap button{background:#81788a;color:#fff;border:0;padding:0 16px;font-size:11px;letter-spacing:1px}.entry-hint{font-size:10px;color:#aaa096;margin-top:13px}.entry-bottom{font:12px var(--serif);color:#b2a69a;margin-top:42px}
.book{max-width:1180px;margin:0 auto;min-height:100vh;background:var(--page);padding:0 58px;box-shadow:0 0 70px #6d5e4810;border-left:1px solid #ebe3d7;border-right:1px solid #ebe3d7}.book-top{height:73px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.mini-brand{display:flex;align-items:center;gap:9px;font:19px "Ma Shan Zheng",cursive;letter-spacing:2px}.brand-flower{font-size:21px;color:#b6a5c2}.mini-brand small{font:8px "Noto Sans SC";letter-spacing:1.5px;color:#b0a69a;margin-left:3px}.top-date{font:11px var(--serif);color:#a79c90}.lock-btn{background:transparent;color:#a59b91;font-size:10px}.lock-btn span{margin-left:7px}.tabs{display:flex;justify-content:center;gap:clamp(10px,4vw,48px);padding:17px 0 14px;border-bottom:1px solid var(--line)}.tab{background:none;color:#a39a91;font:13px var(--serif);padding:4px 2px;position:relative}.tab.active{color:#655d68}.tab.active:after{content:"";height:2px;background:#c9b9d0;position:absolute;bottom:-15px;left:15%;right:15%}main{min-height:700px}.view{display:none;padding:38px 0 50px}.view.active{display:block}.home-title{display:flex;justify-content:space-between;align-items:center;padding:12px 6% 28px}.home-title h2,.personal-heading h2,.shared-heading h2,.deep-heading h2{font:30px var(--serif);font-weight:400;letter-spacing:2px;margin:12px 0 9px;color:#5f5961}.home-title h2 em{font-style:normal;color:#a18fae}.home-title p,.personal-heading p,.shared-heading p,.deep-heading p{font:13px var(--serif);color:#a19890;letter-spacing:.5px}.sun-doodle{width:170px}.sun-doodle svg{width:100%}.three-worlds{display:grid;grid-template-columns:1fr 105px 1fr;align-items:stretch;gap:0;margin:10px 0 24px}.world-card{position:relative;min-height:225px;text-align:left;padding:25px 28px;border:1px solid transparent;overflow:hidden;transition:transform .25s,box-shadow .25s}.world-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #7d705012}.her-world{background:var(--lav-pale);border-color:#e5dce9}.me-world{background:var(--butter-pale);border-color:#eee4c7}.world-index{font-size:9px;letter-spacing:2px;color:#a79c91}.world-symbol{font:31px Georgia;color:#aa9bb6;margin:14px 0 2px}.me-world .world-symbol{color:#b5a36c}.world-card h3{font:21px var(--serif);font-weight:400;margin:4px 0 7px}.world-card p{font-size:11px;color:#958d87}.world-link{display:inline-block;margin-top:18px;font:11px var(--serif);color:#8c8192}.me-world .world-link{color:#96855b}.avatar-stamp{position:absolute;right:22px;bottom:18px;width:37px;height:37px;border:1px solid #c7b8d1;border-radius:50%;display:grid;place-items:center;font:15px var(--serif);color:#9989a6;transform:rotate(-12deg)}.stamp-me{border-color:#d7c68e;color:#a28f5a;transform:rotate(9deg)}.world-join{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b0a3b2;font:10px var(--serif);gap:5px}.world-join svg{width:65px;height:110px}.together-band{width:100%;display:flex;align-items:center;gap:23px;text-align:left;background:#f4f0e8;border:1px solid #e9e1d5;padding:19px 28px;color:inherit}.together-doodle{font:39px Georgia;color:#b89eaa}.together-band h3{font:19px var(--serif);font-weight:400;margin:5px 0}.together-band p{font:11px var(--serif);color:#9d9389;margin:0}.band-arrow{margin-left:auto;font:11px var(--serif);color:#9b8e8c}.home-lower{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;margin-top:32px}.paper-note{background:#f7f0db;padding:23px 25px;position:relative;transform:rotate(-1deg);min-height:150px;border:1px solid #eee4c9}.tape{position:absolute;top:-9px;left:43%;width:65px;height:17px;background:#d9cfe0a8;transform:rotate(3deg)}.paper-note p{font:16px/1.9 var(--serif);color:#82785e}.quiet-btn{background:transparent;color:#a3998e;font-size:10px;padding:5px 0}.recent-paper{padding:0 3px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h3{font:17px var(--serif);font-weight:400}.recent-item{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px dashed #e5ddd2}.recent-date{font:11px Georgia;color:#b1a69a;min-width:70px}.recent-item p{margin:0;font:12px var(--serif);color:#7c7475}.personal-heading{display:flex;align-items:center;gap:24px;padding:16px 5% 30px;border-bottom:1px solid var(--line);position:relative}.avatar-big{width:76px;height:76px;flex-shrink:0}.avatar-big span{font-size:26px}.personal-heading h2{margin:5px 0}.page-number{margin-left:auto;color:#c0b4a8;font:12px Georgia}.lavender-heading{background:linear-gradient(90deg,#f1edf3,transparent)}.yellow-heading{background:linear-gradient(90deg,#f8f2e1,transparent)}.write-row{display:flex;justify-content:space-between;align-items:center;margin:26px 4% 10px;font:14px var(--serif)}.write-btn{background:transparent;border:1px solid #ded5ca;padding:9px 14px;font:11px var(--serif);color:#827984}.write-btn:hover{background:#f2edf3}.entry-list{padding:5px 7%}.diary-entry{padding:17px 0;border-bottom:1px dashed #e5ddd2;display:grid;grid-template-columns:90px 1fr;gap:15px}.diary-entry time{font:11px Georgia;color:#afa397}.diary-entry h3{font:16px var(--serif);font-weight:400;margin:0 0 7px}.diary-entry p{font:12px/1.9 var(--serif);color:#918781;margin:0}.margin-note{margin:45px auto 10px;text-align:center;font:14px var(--serif);color:#b2a5a6;letter-spacing:1px}.shared-heading,.deep-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 5% 26px}.shared-heading h2,.deep-heading h2{margin:9px 0}.overlap-stamps{display:flex;align-items:center}.overlap-stamps span{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;font:17px var(--serif);border:1px solid white;background:#eee8f2;color:#8e819b}.overlap-stamps span+span{margin-left:-12px;background:#f5efd8;color:#9b8857}.shared-actions{display:flex;gap:10px;padding:0 5% 20px}.subtabs{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0 5% 12px}.subtab{background:transparent;color:#a69b91;font:12px var(--serif)}.subtab.active{color:#706777;border-bottom:1px solid #bcaec6;padding-bottom:8px}.shared-list{padding:10px 7%}.shared-card{padding:17px 0;border-bottom:1px dashed #e5ddd2}.shared-card time{font:11px Georgia;color:#aaa096}.shared-card h3{font:17px var(--serif);font-weight:400;margin:7px 0}.shared-card p{font:12px/1.8 var(--serif);color:#938a83;margin:0}.deep-heading{padding-bottom:20px}.chat-doodle{width:83px;height:83px;border:1px solid #d9cfdf;border-radius:50%;display:grid;place-content:center;text-align:center;font:28px Georgia;color:#a997b5;transform:rotate(9deg)}.chat-doodle small{font:9px var(--serif);line-height:1.3}.deep-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;padding:0 2%}.calendar-paper,.day-paper{background:#fffdf8;border:1px solid #e9e1d6;padding:23px 25px}.calendar-paper{background:linear-gradient(135deg,#fffdf8,#faf6ed)}.calendar-top{display:flex;align-items:center;justify-content:space-between;text-align:center;margin-bottom:20px}.calendar-top button{background:transparent;color:#a79b91;font-size:17px;padding:5px 10px}.calendar-top h3{font:20px var(--serif);font-weight:400;margin:5px 0}.calendar-en{font-size:8px}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.weekdays{font-size:10px;color:#b2a79c;padding-bottom:9px;border-bottom:1px solid #eee7dd}.calendar-grid{row-gap:7px;padding-top:11px}.cal-day{height:39px;position:relative;display:grid;place-items:center;background:transparent;border-radius:50%;font:12px Georgia;color:#756f70;margin:auto;width:34px}.cal-day.muted{color:#d3ccc3}.cal-day.today{border:1px solid #cdbed5}.cal-day.has-chat:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;bottom:2px;background:#c8b8d4}.cal-day.deep-day:before{content:"";position:absolute;right:1px;top:1px;width:6px;height:6px;border-radius:50%;background:#e6d49a}.cal-day.selected{background:#eae3ed;color:#665a70}.calendar-legend{display:flex;gap:20px;margin-top:20px;font-size:9px;color:#a79c92}.calendar-legend span{display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.lavender-dot{background:#c8b8d4}.yellow-dot{background:#e6d49a}.day-paper{min-height:360px;position:relative}.day-paper h3{font:21px var(--serif);font-weight:400;margin:10px 0}.day-hint{font:11px var(--serif);color:#a39a91;line-height:1.7}.day-messages{margin-top:17px}.message-bubble{padding:12px 14px;background:#f0ebf2;margin:10px 0 10px 15px;font:12px/1.8 var(--serif);color:#77707b;position:relative}.message-bubble:before{content:"";position:absolute;left:-6px;top:13px;border-width:5px 6px 5px 0;border-style:solid;border-color:transparent #f0ebf2 transparent transparent}.message-bubble.me-message{background:#f8f1dc;margin-left:0;margin-right:15px}.message-bubble.me-message:before{left:auto;right:-6px;border-width:5px 0 5px 6px;border-color:transparent transparent transparent #f8f1dc}.message-bubble small{display:block;color:#aaa096;font-size:9px;margin-bottom:4px}.empty-day{text-align:center;padding:30px 0;color:#c2b6ad;font:14px/2 var(--serif)}.upload-chat{display:inline-block;margin-top:12px;padding:8px 13px;background:#837a8c;color:white;font-size:10px;cursor:pointer}.upload-chat input{display:none}.privacy-note{display:block;color:#b2a89e;font-size:9px;line-height:1.7;margin-top:9px}.word-section{margin:28px 2% 0;padding:22px 26px;background:#f6f2e9;border:1px solid #ebe3d8}.word-head{display:flex;justify-content:space-between;align-items:center}.word-head h3,.topic-strip h3{font:18px var(--serif);font-weight:400;margin:7px 0}.word-head select{background:transparent;border:1px solid #e0d7ca;padding:7px;color:#968b82;font-size:10px}.word-cloud{min-height:125px;display:flex;align-items:center;justify-content:center;gap:12px 19px;flex-wrap:wrap;padding:22px 7%}.word{font:16px var(--serif);color:#83758e}.word.large{font-size:25px;color:#9c8aab}.word.big{font-size:22px}.word.purple{color:#a494b0}.word.yellow{color:#a4915d}.word.small{font-size:12px;color:#a59a8d}.topic-strip{border-top:1px dashed #dfd6c9;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.topic-strip h3{font-size:15px}.topic-timeline{display:flex;align-items:center;gap:10px;font:11px var(--serif);color:#8f8581;flex-wrap:wrap}.topic-timeline i{font-style:normal;color:#c0b3bd}.deep-foot{display:flex;justify-content:space-between;padding:20px 3%;color:#b0a59b;font:11px var(--serif)}.wish-add{display:flex;max-width:650px;margin:20px auto;border-bottom:1px solid #d9cfc1}.wish-add input{flex:1;min-width:0;border:0;background:transparent;padding:13px;outline:0;font:13px var(--serif)}.wish-add button{border:0;background:#81788a;color:white;padding:0 15px;font-size:11px}.wish-item{padding:16px 10px;border-bottom:1px dashed #e5ddd2;display:flex;align-items:center;gap:12px}.wish-item input{accent-color:#a997b5}.wish-item.done span{text-decoration:line-through;color:#b9b0a7}.wish-doodle{font:55px Georgia;color:#c6b5ce}.book-footer{border-top:1px solid var(--line);padding:18px 0 25px;display:flex;justify-content:space-between;color:#b1a69b;font:10px var(--serif)}
.modal{position:fixed;inset:0;background:#4b455266;display:grid;place-items:center;padding:20px;z-index:10}.modal-paper{width:min(490px,100%);background:#fcf9f2;padding:35px;position:relative;border:1px solid #e5dccd;box-shadow:0 20px 60px #443b331a}.modal-close{position:absolute;right:16px;top:12px;background:none;font-size:24px;color:#a99e92}.modal-paper h3{font:22px var(--serif);font-weight:400;margin:10px 0 23px}.modal-paper form{display:grid;gap:14px}.modal-paper label{display:grid;gap:7px;font-size:11px;color:#8e857d}.modal-paper input,.modal-paper textarea,.modal-paper select{background:#fffdf8;border:1px solid #e7dfd4;padding:10px;outline:0;font-size:12px}.modal-paper textarea{min-height:100px;resize:vertical}.form-line{display:grid;grid-template-columns:1fr 1fr;gap:12px}.save-memory{background:#81788a;color:white;border:0;padding:12px;font-size:11px;letter-spacing:1px}#statsBody{font:13px/2 var(--serif);color:#847a78}
@media(max-width:760px){.book{padding:0 22px}.tabs{gap:17px;overflow-x:auto;justify-content:flex-start}.tab{white-space:nowrap}.three-worlds{grid-template-columns:1fr 55px 1fr}.world-card{padding:19px 15px;min-height:215px}.world-join svg{width:45px}.home-lower{grid-template-columns:1fr;gap:22px}.deep-layout{grid-template-columns:1fr}.calendar-paper,.day-paper{padding:19px}.home-title{padding-left:2%;padding-right:2%}.sun-doodle{width:115px}.topic-strip{align-items:flex-start;flex-direction:column}.entry-content{padding:55px 24px 35px}}
@media(max-width:480px){.book{padding:0 14px}.book-top{height:60px}.mini-brand{font-size:17px}.mini-brand small{display:none}.top-date{font-size:9px}.lock-btn{font-size:9px}.tabs{gap:18px;padding:14px 0}.tab{font-size:12px}.view{padding-top:24px}.home-title h2{font-size:23px}.home-title p{font-size:11px;max-width:240px;line-height:1.8}.sun-doodle{width:85px}.three-worlds{grid-template-columns:1fr 28px 1fr}.world-card{min-height:205px;padding:15px 11px}.world-card h3{font-size:17px}.world-card p{font-size:10px;line-height:1.7}.world-link{font-size:9px}.avatar-stamp{width:28px;height:28px;font-size:12px;right:12px}.world-join{font-size:8px}.world-join svg{width:28px}.together-band{padding:16px;gap:12px}.together-band h3{font-size:16px}.together-band p{font-size:10px;line-height:1.6}.band-arrow{font-size:9px}.home-lower{margin-top:25px}.personal-heading{padding:10px 0 22px;gap:15px}.avatar-big{width:58px;height:58px}.personal-heading h2,.shared-heading h2,.deep-heading h2{font-size:22px}.personal-heading p,.shared-heading p,.deep-heading p{font-size:10px;line-height:1.7}.page-number{font-size:10px}.deep-heading{padding:0 0 18px}.chat-doodle{width:60px;height:60px;font-size:21px}.calendar-paper,.day-paper{padding:14px}.cal-day{width:31px;height:35px}.calendar-grid{row-gap:5px}.word-section{padding:17px 15px;margin-left:0;margin-right:0}.word-head h3{font-size:15px}.word-cloud{gap:10px 13px;padding:18px 0}.word.large{font-size:21px}.deep-foot{font-size:9px}.entry h1{font-size:45px}.entry-line{font-size:13px}.password-wrap{flex-direction:column;border:0;gap:8px}.password-wrap input{border-bottom:1px solid #cfc4b7}.password-wrap button{padding:12px}.entry-content{padding:55px 20px 35px}}

/* Visual refinement: one navigation level, soft stationery-like controls */
:focus-visible{outline:2px solid #cbbbd4!important;outline-offset:3px}
button{border-radius:2px}
.book-top{border-bottom:1px solid #eee8df}
.tabs{border-bottom:1px solid #eee8df;gap:clamp(16px,4vw,48px)}
.tab{border:0!important;box-shadow:none!important;border-radius:0!important}
.tab.active:after{height:1px;background:#cbbbd4;bottom:-15px}
.world-card,.together-band,.calendar-paper,.day-paper,.word-section,.paper-note{box-shadow:none}
.world-card{border-color:#eee8e2}
.write-btn{border:1px solid #e8e0d6;color:#897f88;background:rgba(255,255,255,.25);border-radius:2px}
.write-btn:hover{background:#f3eff4;border-color:#ded3e3}
.together-band{border-color:#eee7dc;background:#f7f3ec}
.shared-actions{padding-bottom:22px}
.timeline-intro{display:flex;align-items:center;justify-content:space-between;padding:15px 7% 4px;color:#aaa096;font:11px var(--serif);border-top:1px solid #eee8df}
.shared-timeline{position:relative;margin-top:5px}
.shared-timeline:before{content:"";position:absolute;left:91px;top:14px;bottom:20px;width:1px;background:#e8e0e5}
.shared-timeline .shared-card{position:relative;padding:20px 0 20px 120px;min-height:88px;border-bottom:1px solid #f0ebe4}
.shared-timeline .shared-card:before{content:"";position:absolute;left:87px;top:25px;width:9px;height:9px;border-radius:50%;background:#d8cde0;border:2px solid #fbf8f1;box-shadow:0 0 0 1px #d8cde0}
.timeline-meta{position:absolute;left:0;top:20px;width:75px;display:flex;flex-direction:column;gap:7px}
.timeline-meta time{font:11px Georgia;color:#a99e93}
.memory-kind{font-size:9px;color:#a392ad;letter-spacing:.5px}
.shared-card h3{font-size:16px;color:#716974}
.shared-card p{max-width:650px}
@media(max-width:480px){.tabs{gap:18px}.timeline-intro{padding-left:2%;padding-right:2%;font-size:9px}.shared-timeline:before{left:68px}.shared-timeline .shared-card{padding-left:91px}.shared-timeline .shared-card:before{left:64px}.timeline-meta{width:56px}.timeline-meta time{font-size:9px}.memory-kind{font-size:8px}}


/* Personal identity portraits: only shown on their respective diary pages. */
.profile-image-frame{width:82px;height:82px;flex:0 0 82px;overflow:hidden;border-radius:7px;background:#eee8f2;box-shadow:0 4px 13px #766b5512;transform:rotate(-1.2deg);border:0}
.profile-image-frame img{display:block;width:100%;height:100%;object-fit:cover}
/* Quiet text actions should read like marginal notes, never boxed controls. */
.quiet-btn{border:0!important;outline:0;box-shadow:none!important;background:transparent!important;padding:5px 0;color:#a3998e;font:10px "Noto Sans SC",sans-serif}
.quiet-btn:hover{color:#81758c;text-decoration:underline;text-decoration-color:#d9cfdf;text-underline-offset:4px}
@media(max-width:480px){.profile-image-frame{width:64px;height:64px;flex-basis:64px;border-radius:6px}}


/* Latest refinements: a pale moon, China-time date, unboxed navigation controls. */
.brand-moon{display:block;width:20px;height:20px;flex:0 0 20px;color:#e8d99b;filter:drop-shadow(0 1px 1px #cdbd8c35)}
.lock-btn,.calendar-top button,.modal-close{border:0!important;outline:0;box-shadow:none!important;background:transparent!important;-webkit-appearance:none;appearance:none}
.lock-btn{padding:7px 0;color:#a59b91}
.calendar-top button{padding:7px 10px;color:#a79b91;font-size:18px;line-height:1}
button{border:0;box-shadow:none}
.world-card{border:1px solid #eee8e2}
.together-band{border:1px solid #eee7dc}
.write-btn{border:1px solid #e8e0d6}

/* Five-year same-day memory: quiet timeline rather than dashboard cards. */
.five-year-section{margin:38px 4% 12px;padding:22px 0 8px;border-top:1px solid #eee8df}
.five-year-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.five-year-heading h3{font:20px var(--serif);font-weight:400;color:#716974;margin:7px 0 5px}
.five-year-heading p{font:11px/1.7 var(--serif);color:#a39a91;margin:0}
.five-date-control{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#a59a90;font-size:10px}
.five-date{width:138px;padding:7px 3px;border:0!important;border-bottom:1px solid #e4dcd1!important;background:transparent!important;color:#897f88;font:11px var(--serif);outline:0}
.five-year-list{position:relative;margin-left:8px}
.five-year-item{display:grid;grid-template-columns:88px 1fr;gap:18px;padding:15px 0;border-bottom:1px dashed #ece5dc;position:relative}
.five-year-year{display:flex;flex-direction:column;gap:4px;padding-left:12px;position:relative;color:#a99e93}
.five-year-year:before{content:"";position:absolute;left:0;top:5px;width:6px;height:6px;border-radius:50%;background:#d7c9df}
.five-year-item:nth-child(even) .five-year-year:before{background:#e8d99f}
.five-year-year strong{font:17px Georgia,serif;font-weight:400;color:#8f8495}
.five-year-year span{font:10px var(--serif);color:#b1a69b}
.five-year-content{min-width:0}
.five-memory h4{font:14px var(--serif);font-weight:400;color:#746c74;margin:0 0 5px}
.five-memory p,.five-empty-note{font:11px/1.8 var(--serif);color:#a19890;margin:0 0 5px}
.five-memory small{font-size:9px;color:#b2a5b4}
.five-empty-note{color:#c0b7ad;font-style:italic}
.five-talk-details summary{cursor:pointer;list-style:none;font:11px var(--serif);color:#918397}
.five-talk-details summary::-webkit-details-marker{display:none}
.five-talk-details summary:after{content:"＋";margin-left:8px;color:#c2b3c9}
.five-talk-details[open] summary:after{content:"－"}
.five-talk-messages{margin-top:10px;padding:3px 0 3px 12px;border-left:1px solid #e4dbe8}
.five-talk-messages p{font:11px/1.8 var(--serif);color:#8f8584;margin:7px 0}
.five-talk-messages b{font-weight:500;color:#a18fae;margin-right:5px}
.deep-five-year{margin:35px 2% 10px;padding-top:25px}
@media(max-width:600px){.five-year-section{margin-left:1%;margin-right:1%;}.five-year-heading{align-items:flex-start;flex-direction:column;gap:12px}.five-date-control{align-self:flex-end}.five-year-item{grid-template-columns:65px 1fr;gap:10px}.five-year-year{padding-left:10px}.five-year-year strong{font-size:15px}.deep-five-year{margin-left:0;margin-right:0}}

/* Production backup panel */
.footer-actions{display:flex;align-items:center;gap:18px}
.backup-paper{max-height:88vh;overflow:auto}
.backup-intro{font:12px/1.9 var(--serif);color:#9a9087;margin:-8px 0 18px}
.backup-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.backup-actions .save-memory{padding:11px 15px}
.import-backup-label{display:inline-flex!important;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #e7dfd4;color:#8d8290!important;cursor:pointer;font:11px var(--serif)!important}
.import-backup-label input{display:none}
.cloud-backup-area{margin-top:24px;padding-top:16px;border-top:1px dashed #e4dbcf}
.cloud-backup-heading{display:flex;align-items:center;justify-content:space-between;font:13px var(--serif);color:#746b70}
.backup-list{margin-top:10px;display:grid;gap:8px}
.backup-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#f5f1e9;font:11px var(--serif);color:#8e8580}
.backup-row button{border:0;background:transparent;color:#9a8aa6;text-decoration:underline;text-underline-offset:3px}
.backup-list p{font:11px/1.8 var(--serif);color:#aaa096}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #c9b8d4;outline-offset:3px}