:root{--bg:#FBF6EE;--paper:#FFFDF9;--cream:#FFF8E9;--peach:#F9E4CF;--peach-light:#FFF1E5;--brown:#5F483B;--ink:#49382F;--muted:#887569;--coral:#A96D4C;--sage:#6C8372;--line:#E9DCCE;--warm:#F6EBDC;--red:#9A4C44;--shadow:0 10px 35px rgba(102,67,38,.055);}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft Yahei',system-ui,sans-serif;line-height:1.76;font-size:16px}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #BB896E;outline-offset:3px}button:disabled{opacity:.52;cursor:not-allowed}[hidden]{display:none!important}.shell{max-width:1080px;margin:auto;padding:0 32px;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:27px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;background:var(--peach);border-radius:15px;color:#9D6B50;font-size:23px;font-family:serif;display:grid;place-items:center}.brand-small,.eyebrow,.hero-kicker{color:var(--coral);font-size:12px;font-weight:750;letter-spacing:1.3px}.brand-title{font-size:22px;font-weight:750;letter-spacing:.1px;line-height:1.3;color:var(--brown)}.edition{font-size:11px;font-weight:650;letter-spacing:1px;background:#F4E6D7;padding:5px 7px;border-radius:8px;color:#977260;vertical-align:3px}nav{display:flex;flex-wrap:wrap;gap:6px;background:#F5EBDD;padding:5px;border-radius:99px}.nav-btn{color:#866959;border:0;background:none;border-radius:99px;font-size:14px;min-height:40px;padding:7px 16px;font-weight:650}.nav-btn.active{background:var(--paper);color:var(--brown);box-shadow:0 1px 8px #ae897322}.page{display:none}.page.active{display:block}.hero{margin:30px 0 20px;padding:34px 39px;background:linear-gradient(112deg,#F9E7D6,#FFF7ED 65%,#F5EBD8);border:1px solid #F3E0CC;border-radius:24px;position:relative;overflow:hidden}.hero:after{content:'✧';color:#D3AB85;font-family:serif;opacity:.55;position:absolute;right:50px;top:5px;font-size:130px;pointer-events:none}.hero h1{font-family:'Songti SC','STSong',serif;font-size:46px;font-weight:650;letter-spacing:1px;line-height:1.25;margin:8px 0 8px;color:#60483A}.hero p{font-size:17px;color:#78665A;margin:0;max-width:650px}.hero-bottom{margin-top:22px;color:#907B70;font-size:13px;display:flex;align-items:center;gap:8px}.sun-dot{display:inline-block;width:10px;height:10px;background:#E1B88F;border-radius:50%}.paper{background:var(--paper);border:1px solid var(--line);border-radius:21px;padding:29px 34px;box-shadow:var(--shadow);margin:0 0 22px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}.section-head h2,h2{font-family:'Songti SC','STSong',serif;color:var(--brown);font-size:27px;line-height:1.3;margin:6px 0 12px;font-weight:650}.muted{font-size:14px;color:var(--muted);margin:4px 0 14px}.date-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}input[type=date]{padding:9px 10px;color:var(--brown);border:1px solid var(--line);border-radius:10px;background:#FFFAF5;font-size:14px;min-height:42px;max-width:170px}.raw-input{border:1px solid #E6D7C9;background:#FFFEFC;width:100%;height:252px;resize:vertical;padding:23px;border-radius:15px;color:var(--ink);line-height:1.9;outline:none;font-size:17px;display:block}.raw-input::placeholder{color:#A9998D}.raw-input:focus{border-color:#C99172;box-shadow:0 0 0 3px #F3E3D64D}.compose-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--muted)}.action-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:17px}.btn{min-height:46px;padding:10px 18px;border-radius:12px;font-size:15px;font-weight:680;border:1px solid var(--line);background:white;color:var(--brown)}.btn.primary{background:#A97152;border-color:#A97152;color:white;box-shadow:0 4px 10px #b5815b29}.btn.primary:hover{background:#945B3F}.btn.subtle{background:#FFF9F2}.btn.subtle:hover{background:#FAEEE3}.btn.danger{color:#994d42;border-color:#E8CBC6;background:#FFF9F6}.permission{margin-top:21px;border-top:1px dashed var(--line);padding-top:14px;color:#806F62;font-size:13px}.permission label{display:flex;align-items:flex-start;gap:9px;font-size:14px}.permission input[type=checkbox]{width:19px;height:19px;accent-color:#A97152;flex:0 0 19px;margin-top:2px}.permission p{margin:8px 0 0 28px}.feedback{min-height:20px;margin-top:12px;color:#638069;font-size:14px}.feedback.error{color:var(--red)}.preview{border-color:#EAD5BF}.date-chip{color:#856E5D;background:var(--cream);padding:5px 10px;border-radius:10px;font-size:13px}.journal-reading{margin:20px auto;max-width:740px}.journal-section{padding:12px 0 16px}.journal-section:not(:last-child){border-bottom:1px solid #EFE4D9}.journal-section h3{font-family:'Songti SC','STSong',serif;color:#755442;font-size:21px;font-weight:650;line-height:1.45;margin:8px 0 11px}.journal-section p{font-size:16px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 4px}.journal-section.affirm h3{color:#6F7156}.journal-section.affirm{background:#F5F3E9;border-radius:15px;padding:17px 20px;border-bottom:none;margin-bottom:13px}.journal-section.gratitude{border-bottom:none}.journal-section.gratitude h3{color:#A26950}.journal-section.closing{background:#FBEEE0;border-radius:15px;padding:18px 22px;margin:14px 0 8px;border:0}.journal-section.closing p{font-size:18px;color:#775443;font-family:'Songti SC','STSong',serif}.edit-details,.original-details{border-top:1px solid var(--line);padding:12px 0;font-size:14px;color:var(--muted)}details summary{cursor:pointer;color:#856B5B;font-weight:650} .edit-fields{display:grid;gap:11px;padding:16px 0}.edit-fields label{display:block;font-size:14px;color:var(--brown);font-weight:650}.edit-fields textarea{width:100%;min-height:85px;line-height:1.8;border-radius:10px;padding:12px;background:#FFFDF9;border:1px solid var(--line);color:var(--ink);resize:vertical}.original-text{white-space:pre-wrap;overflow-wrap:anywhere;background:#FFF9F2;padding:15px;border-radius:11px;line-height:1.8}.bedtime-line{text-align:center;color:#AD947F;font-size:14px;font-family:'Songti SC','STSong',serif;margin:30px 0 44px}.simple-hero{padding:41px 4px 24px}.simple-hero h1{font-family:'Songti SC','STSong',serif;font-size:36px;margin:9px 0;color:var(--brown);line-height:1.4}.simple-hero p{margin:0;color:var(--muted)}.search{font-size:15px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;width:100%;background:white;color:var(--ink)}.archive-list{margin-top:10px}.archive-row{padding:17px 3px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.archive-row:last-child{border:0}.archive-row h3{font-size:17px;margin:1px 0;color:var(--brown)}.archive-row small{font-size:13px;color:var(--muted)}.archive-row p{font-size:14px;margin:4px 0;color:#857263}.archive-row button{background:#FFF8F1;border:1px solid var(--line);border-radius:10px;padding:7px 13px;color:#815E49;font-size:14px}.empty-state{padding:28px 8px;color:var(--muted);font-size:15px}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.data-group{padding:4px}.data-group+ .data-group{border-left:1px solid var(--line);padding-left:25px}.data-group h2,.info-paper h2{font-size:23px}.data-group p,.info-paper p{font-size:15px;color:var(--muted)}.file-label{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 16px;font-size:15px;min-height:46px;cursor:pointer;background:#FFF9F2;font-weight:650}.data-group input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.small-status{font-size:13px;color:var(--sage);margin-top:12px}.optional-code{padding-top:17px;border-top:1px dashed var(--line)}.optional-code label{display:block;margin:0 0 6px;font-size:14px;color:var(--brown)}.optional-code p{font-size:13px}.footer{padding:18px 0 29px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#AC9380;font-size:12px}.entry-dialog{width:min(850px,calc(100vw - 24px));max-height:92vh;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:0;box-shadow:0 22px 90px #57403344;color:var(--ink)}.entry-dialog::backdrop{background:#44332766}.dialog-inner{padding:23px 31px}.dialog-top{display:flex;justify-content:space-between;align-items:center}.icon-close{font-size:27px;border:0;background:none;color:#8C6C59;line-height:1;padding:6px 12px;min-width:44px;min-height:44px}.archive-edit{margin-top:14px}.offline-note{padding:17px;background:#FFF7E8;border-radius:12px}.feedback.pending{color:#976F4A}
@media(max-width:720px){.shell{padding:0 16px}.topbar{padding:16px 0;gap:13px;flex-direction:column;align-items:stretch}.brand-title{font-size:20px}nav{align-self:stretch;justify-content:space-between}.nav-btn{font-size:14px;padding:8px 15px}.hero{margin:20px 0 14px;padding:26px 22px;border-radius:19px}.hero h1{font-size:34px}.hero p{font-size:16px}.hero:after{right:10px;font-size:85px;opacity:.2}.paper{padding:20px 19px;border-radius:17px;margin-bottom:15px}.section-head{gap:8px}.section-head h2{font-size:23px}.date-label{margin:5px 0 10px}.raw-input{padding:16px;min-height:215px;font-size:16px}.btn{font-size:15px}.action-bar .primary{flex:1}.journal-section h3{font-size:20px}.journal-section p{font-size:16px}.simple-hero h1{font-size:29px}.data-grid{grid-template-columns:1fr;gap:12px}.data-group+ .data-group{border:0;border-top:1px solid var(--line);padding:19px 4px 4px}.dialog-inner{padding:17px}.footer{font-size:11px}.permission p{margin-left:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.small-status.error{color:#A14F45}
/* On narrow screens, give the important action its own entire row. */
@media(max-width:720px){.action-bar{display:flex;align-items:stretch}.action-bar .btn.primary{flex:1 0 100%;width:100%;white-space:normal}.action-bar .btn.subtle{flex:1 1 calc(50% - 8px);white-space:normal}}