:root{--ink:#101010;--paper:#f2efe7;--red:#e23a22;--orange:#ff4b22;--line:#343434;--muted:#93928c;--serif:"Songti SC","STSong",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{background:var(--ink);color:var(--paper);font:16px/1.6 var(--sans);scroll-padding-top:86px}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button{border:1px solid var(--line);background:transparent;padding:9px 13px;font-size:.78rem}a{color:inherit;text-decoration:none}input,textarea,select{min-width:0;border:1px solid #444;border-radius:0;background:#181818;color:var(--paper);padding:10px 12px;color-scheme:dark}textarea{width:100%;resize:vertical}input[type=checkbox]{accent-color:var(--red)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.primary{background:var(--orange);border-color:var(--orange);color:#101010;font-weight:700}.subtle{color:var(--muted);font-size:.76rem;line-height:1.8}.eyebrow{font:600 .64rem/1.5 var(--mono);letter-spacing:.14em;color:var(--muted)}
.memory-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 32px;border-bottom:1px solid #2d2d2d;background:#101010f2;backdrop-filter:blur(15px)}.wordmark{display:flex;align-items:center;gap:17px;white-space:nowrap;font:500 1.4rem/1 var(--serif)}.wordmark span{font:600 .6rem/1 var(--mono);color:#858580;letter-spacing:.06em}.header-actions{display:flex;gap:7px}.header-actions button{white-space:nowrap}.header-actions [data-connect]{border-color:var(--red);color:var(--orange)}main{max-width:1060px;margin:auto;padding:0 42px}.memory-intro{position:relative;padding:64px 0 28px}.memory-intro h1{position:relative;display:inline-block;margin:24px 0 18px;padding:18px 28px;font:400 clamp(3rem,6.5vw,5.4rem)/1.2 var(--serif);letter-spacing:-.065em}.memory-intro h1:before,.memory-intro h1:after,.memory-intro h1>span:before,.memory-intro h1>span:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--red);border-style:solid;border-width:0;pointer-events:none}.memory-intro h1:before{left:0;top:0;border-top-width:2px;border-left-width:2px}.memory-intro h1:after{right:0;top:0;border-top-width:2px;border-right-width:2px}.memory-intro h1>span:before{left:0;bottom:0;border-bottom-width:2px;border-left-width:2px}.memory-intro h1>span:after{right:0;bottom:0;border-bottom-width:2px;border-right-width:2px}.memory-intro em{font-style:normal;color:var(--orange)}.memory-intro>p{margin:14px 0 20px;color:#aaa89f;font-family:var(--serif);line-height:1.9}.connection-note{color:#77766f;font-size:.7rem;line-height:1.8}.view-tabs{display:grid;grid-template-columns:repeat(5,1fr);margin:16px 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.view-tabs button{border:0;padding:16px 4px;color:#888}.view-tabs [aria-pressed=true]{color:var(--paper);box-shadow:inset 0 -3px var(--orange)}
.task-strip{display:grid;gap:8px;margin-bottom:24px;padding:15px;border-left:2px solid var(--red);background:#1c1b18}.task-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.72rem}.task-row>span{flex:1;min-width:160px;color:#bbb7aa}.task-row small{color:#777}.task-row button{padding:4px 8px;font-size:.65rem}.recall-form{display:flex;gap:0;border:1px solid #626158}.recall-form input{flex:1;width:100%;padding:19px 18px;border:0;font-family:var(--serif);font-size:1.06rem;background:#171717}.recall-form button{flex-shrink:0;min-width:100px;border:0;background:var(--orange);color:#111;font-weight:700}.search-note{margin:9px 0 22px}.library-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.library-controls input,.library-controls select{height:39px;padding:7px 10px;font-size:.71rem}.library-controls>button{margin-left:auto;font-size:.71rem}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title h2{margin:0;font:400 1.45rem/1.5 var(--serif)}.records-title{margin:34px 0 8px}.records-title>span{font:500 .65rem/1 var(--mono);color:#777}.record-list{margin-top:23px}.record-card{position:relative;padding:22px 0;border-top:1px solid var(--line)}.record-meta{display:flex;align-items:center;gap:12px;color:#89887f;font:500 .63rem/1.6 var(--mono)}.record-meta i{font-style:normal;color:var(--orange)}.record-card h3{margin:12px 0;font:400 1.4rem/1.45 var(--serif);overflow-wrap:anywhere}.record-card p{max-width:820px;margin:0;color:#aaa89f;font-size:.86rem;white-space:pre-wrap;overflow-wrap:anywhere}.record-actions{display:flex;align-items:center;gap:8px;margin-top:16px}.record-actions button{padding:5px 10px;font-size:.65rem}.record-actions .is-saved{color:var(--orange);border-color:var(--red)}.record-actions small{margin-left:auto;color:#777;font-size:.63rem}.empty{padding:42px 0;color:#88867e;font-family:var(--serif);white-space:pre-line;line-height:1.9}.load-more{display:block;width:100%;margin:18px 0 0}.topic-panel{margin:30px 0;padding:24px 0;border-bottom:1px solid var(--line)}.topics{display:flex;flex-wrap:wrap;gap:10px}.topic-chip{display:flex;border:1px solid var(--line)}.topic-chip button{border:0}.topic-chip.is-active{border-color:var(--red);color:var(--orange)}.topic-chip button:last-child{color:#777;padding-left:0}.answer-panel{margin:28px 0;padding:25px;border-left:2px solid var(--red);background:#201f1a}.answer-panel h3{margin:0 0 15px;font:400 1.5rem/1.5 var(--serif)}.answer-panel p{font-family:var(--serif);line-height:1.95;white-space:pre-wrap}.source-chip{display:inline-block;border:0;border-bottom:1px solid #aaa6;background:transparent;padding:2px 4px;font:500 .65rem/1.6 var(--mono);color:var(--orange);text-align:left;overflow-wrap:anywhere}.answer-panel blockquote{margin:20px 0;padding:0 0 0 14px;border-left:1px solid #777;font-family:var(--serif)}
.journal-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.journal-toolbar input{max-width:180px;font-size:.8rem}.journal-toolbar .primary{margin-left:auto}.journal-options{display:flex;gap:8px 20px;align-items:center;flex-wrap:wrap;padding:20px 0 8px}.journal-options label{font-size:.72rem;color:#aaa89f}.journal-options input{vertical-align:middle}.journal-days{display:flex;gap:8px;margin:18px 0;overflow:auto}.journal-days button{flex-shrink:0;font:500 .66rem/1.3 var(--mono)}.journal-days .is-selected{border-color:var(--red);color:var(--orange)}.journal-paper{margin-top:24px;padding:42px 40px;background:var(--paper);color:var(--ink)}.journal-paper h2{margin:0 0 16px;font:400 2.8rem/1.22 var(--serif);letter-spacing:-.05em;overflow-wrap:anywhere}.journal-paper .summary{color:#777265;font-family:var(--serif);line-height:1.9}.journal-paragraph{padding:26px 0;border-top:1px solid #1112}.journal-paragraph header{display:flex;align-items:baseline;gap:14px}.journal-paragraph time{font:500 .65rem/1 var(--mono);color:#8f8370}.journal-paragraph h3{margin:0;font:500 1.15rem/1.5 var(--serif)}.journal-paragraph p{margin:14px 0;font:400 1.05rem/2 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere}.journal-paper .source-chip{color:#777065}.paragraph-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.paragraph-meta .feedback-link{margin-left:auto;border:0;padding:4px;background:transparent;color:#887f6f;font-size:.65rem}.paper-section{margin-top:24px;padding-top:24px;border-top:1px solid #1113}.paper-section>h3{font:500 .8rem/1.5 var(--mono);color:#857764}.paper-section blockquote{margin:14px 0 22px;font:400 1.1rem/1.9 var(--serif)}.paper-section blockquote small{display:block;font:.65rem/1.7 var(--sans);color:#857e70}.todo-item{display:flex;gap:10px;margin:16px 0;align-items:flex-start}.todo-item input{margin-top:7px}.todo-item strong{font-size:.9rem}.todo-item small{display:block;color:#857e70;line-height:1.7;font-size:.68rem}.todo-item.is-checked strong{text-decoration:line-through;color:#857e70}.journal-paper details{margin-top:25px;color:#847d70;font-size:.7rem}.journal-paper details p{white-space:pre-wrap}.journal-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0}.journal-actions a{margin-left:auto;font-size:.72rem;color:#9b978d}.journal-extras{padding:20px 0;border-top:1px solid var(--line)}.journal-extras>h3{font:500 .7rem/1.5 var(--mono);color:#777}.annotation{padding:15px 0;border-bottom:1px solid #262626}.annotation p{font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere}.annotation small{color:#888;font-size:.65rem}.annotation .annotation-actions{display:flex;gap:8px;margin-top:12px}.annotation.withdrawn{opacity:.5}.version-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;color:#aaa;font-size:.72rem}.version-row button{flex-shrink:0;font-size:.65rem}
footer{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:55px 0 35px;color:#6f6e67;font:500 .6rem/1.8 var(--mono)}footer span{flex:1}footer a{color:#aaa69a}dialog{width:min(92vw,570px);max-height:90dvh;overflow:auto;padding:38px;border:1px solid #444;border-radius:0;background:#121212;color:var(--paper);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog .close{position:absolute;right:13px;top:9px;border:0;padding:3px 8px;color:#888;font-size:1.8rem}dialog h2{margin:24px 0 15px;font:400 2.5rem/1.18 var(--serif);letter-spacing:-.05em}.stack-form{display:grid;gap:18px;margin:24px 0}.stack-form label{display:grid;gap:9px;color:#aaa;font-size:.75rem}.stack-form button{min-height:44px}.key-box{display:flex;gap:10px;border:1px solid #444;margin-top:25px;padding:12px}.key-box code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;padding-top:9px}.key-box button{padding:6px 10px}.wide-dialog{width:min(92vw,880px)}.source-summary{white-space:pre-wrap;color:#aaa89f;font:.9rem/1.9 var(--serif);overflow-wrap:anywhere}.sentences{margin-top:25px;border-top:1px solid #333}.sentence{padding:16px 0;border-bottom:1px solid #2b2b2b}.sentence-meta{display:flex;gap:10px;font:.62rem/1.6 var(--mono);color:#8b877d}.sentence p{font:400 .95rem/1.9 var(--serif);white-space:pre-wrap;margin:9px 0;overflow-wrap:anywhere}.sentence.is-host .sentence-meta{color:var(--orange)}.old-document{white-space:pre-wrap;overflow-wrap:anywhere;font:.9rem/1.9 var(--serif);color:#999;padding:20px 0}.preview-paper{padding:28px}.preview-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translate(-50%,15px);width:max-content;max-width:90vw;padding:12px 18px;background:var(--paper);color:#111;font-size:.8rem;opacity:0;pointer-events:none;transition:.15s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){.memory-header{padding:15px 18px;gap:10px}.wordmark{font-size:1.2rem}.wordmark span{display:none}.header-actions{gap:5px}.header-actions button{padding:7px 8px;font-size:.65rem}.account-trigger{font-size:0!important;width:29px;padding:0!important}.account-trigger:after{content:"◎";font-size:1rem}main{padding:0 20px}.memory-intro{padding-top:40px}.memory-intro h1{font-size:3.6rem;padding:18px 23px}.memory-intro>p{font-size:.9rem}.view-tabs button{font-size:.75rem}.recall-form input{font-size:.93rem;padding:16px 12px}.recall-form button{min-width:74px}.library-controls{gap:7px}.library-controls input,.library-controls select{font-size:.65rem;padding:7px}.library-controls>button{width:100%;margin-left:0;text-align:left}.section-title h2{font-size:1.25rem}.record-card h3{font-size:1.23rem}.record-meta{flex-wrap:wrap;gap:5px 12px}.record-actions small{font-size:.57rem}.answer-panel{padding:18px}.journal-toolbar{gap:6px}.journal-toolbar input{width:145px;font-size:.72rem;padding:8px 6px}.journal-toolbar>button{padding:8px 10px}.journal-toolbar .primary{margin-left:auto;font-size:.68rem}.journal-paper{padding:28px 22px}.journal-paper h2{font-size:2rem}.journal-paragraph p{font-size:1rem}.journal-options label{font-size:.68rem}.journal-actions a{margin:8px 0 0}.journal-actions button{font-size:.68rem}dialog{padding:30px 22px}dialog h2{font-size:2rem}.wide-dialog{width:94vw}.preview-paper{padding:23px 18px}.version-row{gap:10px}.preview-actions button{flex:1}footer{gap:8px;font-size:.55rem}footer span{flex-basis:100%}}
@media(max-width:360px){main{padding:0 16px}.header-actions [data-connect]{font-size:.58rem}.memory-header{padding:13px}.memory-intro h1{font-size:3.1rem}.journal-toolbar .primary{width:100%;margin:6px 0 0}.journal-paper{padding:24px 18px}.journal-paper h2{font-size:1.8rem}.task-row>span{min-width:120px}}
.stack-form>a{display:block;min-height:44px;padding:10px 13px;border:1px solid var(--line);font-size:.78rem}.stack-form>a.primary{border-color:var(--red)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.memory-intro {
    padding: 40px 0 24px;
}
.memory-intro h1 {
    margin: 20px 0 16px;
    font-size: clamp(2.7rem, 5vw, 4.1rem);
}
.view-tabs {
    overflow-x: auto;
    white-space: nowrap;
}
.view-tabs button {
    flex-shrink: 0;
}
.journal-paper {
    padding: 48px clamp(22px, 6vw, 72px);
}
.diary-meta, .diary-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.diary-meta {
    justify-content: space-between;
    margin: 20px 0 30px;
    color: #777265;
    font-size: .7rem;
}
.diary-tags span {
    padding: 3px 9px;
    border: 1px solid #1112;
}
.record-footprints {
    margin: 25px 0 36px;
    padding: 22px;
    background: #e8e3d8;
}
.record-footprints h3 {
    margin: 0 0 12px;
    font-size: .85rem;
    font-weight: 500;
}
.record-footprints > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.record-footprints .source-chip {
    max-width: 100%;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
}
.record-footprints p, .diary-coverage, .diary-source p {
    color: #746f65;
    font-size: .75rem;
    line-height: 1.9;
}
.record-footprints p {
    margin: 14px 0 0;
}
.reading-label {
    margin-bottom: 18px;
    color: #8a8274;
    font-size: .72rem;
    letter-spacing: .13em;
}
.journal-paragraph p {
    line-height: 2.1;
}
.diary-todos summary {
    color: var(--ink);
    font: 400 1.15rem/1.7 var(--serif);
}
.diary-todos summary span {
    margin-left: 8px;
    color: #8a8274;
    font: .7rem var(--sans);
}
.todo-item > div {
    min-width: 0;
    flex: 1;
}
.diary-coverage {
    margin-top: 35px;
    padding-top: 22px;
    border-top: 1px solid #1112;
    overflow-wrap: anywhere;
}
.diary-source {
    padding: 18px 0;
    border-bottom: 1px solid #1112;
}
.diary-source h4 {
    margin: 0 0 5px;
    color: #494439;
    font-weight: 500;
}
@media (max-width: 700px) {
    .memory-intro {
        padding-top: 30px;
    }
    .journal-paper {
        padding: 28px 22px;
    }
    .record-footprints {
        padding: 16px;
    }
    .journal-toolbar .primary {
        width: 100%;
        margin-top: 6px;
    }
}

/* 心力球日记：单列阅读，连接设置按需展开。 */
:root { --ink: #111210; --paper: #f1eee5; --orange: #e85a3e; --red: #e85a3e; --line: #393934; --muted: #aaa69b; }
html { scroll-padding-top: 100px; }
body { background: radial-gradient(ellipse 500px 420px at 50% 210px, #24231b55, transparent), var(--ink); }
main { max-width: 1080px; padding: 0 40px; }
button { transition: background-color .16s, border-color .16s, color .16s; }
button:hover:not(:disabled) { background-color: #ffffff08; border-color: #888477; }
button.primary:hover:not(:disabled) { background: #f16c50; border-color: #f16c50; }
summary { cursor: pointer; list-style: none; }
summary::-webkit-details-marker { display: none; }
summary:focus-visible { outline: 2px solid var(--orange); outline-offset: 5px; }
.memory-header { padding: 22px max(28px, calc((100vw - 1120px) / 2)); background: #111210f2; }
.wordmark { gap: 20px; font-size: 2rem; letter-spacing: .04em; }
.wordmark span { padding-left: 20px; border-left: 1px solid #686357; color: #d1cdc0; font: .75rem var(--mono); letter-spacing: .08em; }
.wordmark small { padding-left: 20px; border-left: 1px solid #686357; color: #c0bbae; font: .83rem var(--sans); letter-spacing: .04em; }
.header-actions { gap: 20px; align-items: center; }
.header-actions [data-settings] { padding: 8px 0; border: 0; font-size: .85rem; letter-spacing: .03em; }
.account-trigger { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #8a8578; border-radius: 50%; padding: 6px; }
.account-trigger:after { content: none; }
.memory-intro { padding: 42px 0 0; text-align: center; }
.device-frame { position: relative; width: 150px; height: 166px; margin: 0 auto 24px; }
.device-frame img { display: block; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 12px 18px #0006); }
.device-frame:before, .device-frame:after, .device-frame > span:before, .device-frame > span:after { content: ""; position: absolute; z-index: 1; width: 13px; height: 13px; border: 0 solid var(--orange); }
.device-frame:before { top: 0; left: 0; border-top-width: 2px; border-left-width: 2px; }
.device-frame:after { top: 0; right: 0; border-top-width: 2px; border-right-width: 2px; }
.device-frame > span:before { bottom: 0; left: 0; border-bottom-width: 2px; border-left-width: 2px; }
.device-frame > span:after { bottom: 0; right: 0; border-bottom-width: 2px; border-right-width: 2px; }
.product-label { display: inline-block; padding: 4px 14px; border-radius: 30px; background: #d8cbb5; color: #39352d; font-size: .7rem; letter-spacing: .07em; }
.memory-intro h1 { display: block; padding: 0; margin: 20px 0 14px; font: 400 clamp(2rem, 4.4vw, 3.35rem)/1.38 var(--serif); letter-spacing: -.025em; }
.memory-intro h1:before, .memory-intro h1:after { content: none; }
.memory-intro > p { margin: 0; font-size: 1.1rem; color: #c2bdaf; letter-spacing: .08em; }
.intro-toggle-row { display: flex; justify-content: flex-end; margin: 14px 0; }
.intro-toggle-row button { border: 0; color: #aaa397; padding: 7px 0 7px 12px; font-size: .68rem; }
.sync-overview { display: flex; align-items: center; gap: 18px; padding: 22px 26px; border: 1px solid #ffffff06; border-radius: 14px; background: linear-gradient(110deg, #2c2923, #24231e); }
.sync-overview > img { flex-shrink: 0; object-fit: contain; }
.sync-copy { flex: 1; min-width: 0; }
.sync-title { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
.sync-title h2 { font: 500 1.25rem/1.5 var(--serif); margin: 0; }
.sync-badge { display: inline-flex; align-items: center; gap: 7px; font-size: .68rem; color: #c0bbae; }
.sync-badge:before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #9c8f78; }
.sync-badge.is-online:before { background: #a0b99b; }
.connection-note { margin: 5px 0 0; color: #b3ad9f; font-size: .71rem; line-height: 1.7; overflow-wrap: anywhere; }
.sync-overview > button { flex-shrink: 0; border: 0; border-left: 1px solid #605b50; padding: 4px 0 4px 24px; font-size: .8rem; }
.view-tabs { position: relative; display: grid; grid-template-columns: repeat(3, 1fr) .65fr; margin: 14px 0 28px; border-top: 0; overflow: visible; }
.view-tabs > button, .nav-more > summary { color: #b0ab9f; font-size: .9rem; padding: 19px 6px; text-align: center; }
.view-tabs [aria-pressed=true], .nav-more.is-active > summary { color: var(--paper); box-shadow: inset 0 -2px var(--orange); }
.nav-more { position: relative; min-width: 0; }
.nav-more > summary span { margin-left: 4px; }
.more-menu { position: absolute; top: calc(100% + 8px); right: 0; z-index: 8; min-width: 150px; padding: 7px; border: 1px solid #49453c; border-radius: 10px; background: #24231f; box-shadow: 0 10px 30px #0005; }
.more-menu button { display: block; width: 100%; border: 0; padding: 12px 16px; text-align: left; border-radius: 5px; }
.more-menu [aria-pressed=true] { box-shadow: none; color: var(--orange); background: #e85a3e0a; }
.journal-toolbar { gap: 18px; }
.date-navigator { display: flex; align-items: center; gap: 10px; }
.date-navigator > button { padding: 0; width: 32px; height: 34px; border-color: #555147; border-radius: 7px; font: 1.5rem/1 var(--serif); }
.date-navigator input { max-width: none; width: 164px; padding: 5px 4px; border: 0; background: transparent; font: 1rem var(--sans); color: #e6e0d3; }
.journal-toolbar .history-trigger { display: flex; align-items: center; gap: 9px; border: 0; padding: 8px 0; color: #c8c1b2; }
.journal-toolbar .generate-trigger { margin-left: auto; border: 0; border-left: 1px solid #565043; border-radius: 0; padding: 5px 0 5px 22px; color: #ddd6c6; font-size: .82rem; }
.auto-status { margin: 15px 0 0; padding: 4px 12px; border: 0; border-radius: 30px; background: #24231f; color: #a9a293; font-size: .65rem; }
.auto-status:before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: #7e796c; }
.auto-status.is-active { background: #4b3829; color: #e1cdb4; }
.auto-status.is-active:before { background: var(--orange); }
[data-journal-note] { margin: 12px 0 0; }
.journal-paper { border-radius: 14px; margin-top: 24px; padding: 46px clamp(24px, 5.5vw, 68px) 40px; box-shadow: 0 20px 60px #0002; }
.paper-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px 18px; margin-bottom: 26px; color: #84755e; }
.paper-heading .eyebrow { color: #84755e; font-weight: 400; font-size: .68rem; letter-spacing: .05em; }
.paper-heading > span { font-size: .68rem; }
.journal-paper h2 { font-size: clamp(1.7rem, 3.2vw, 2.55rem); line-height: 1.5; letter-spacing: -.025em; font-weight: 500; }
.journal-paper .summary { font-size: .95rem; margin: 12px 0 20px; color: #716a5e; }
.diary-meta { margin: 20px 0 32px; }
.diary-tags { gap: 8px; }
.diary-tags span { padding: 3px 12px; border: 0; border-radius: 25px; background: #e7dcc6; font-size: .68rem; color: #73634c; }
.journal-paragraph { padding: 30px 0 18px; border-top: 1px solid #afa48e77; }
.journal-paragraph header { gap: 12px; flex-wrap: wrap; border-left: 3px solid var(--orange); padding-left: 14px; }
.journal-paragraph h3 { font: 600 1.2rem/1.6 var(--serif); }
.journal-paragraph time { font: .75rem var(--sans); color: #82725c; }
.journal-paragraph p { font: 400 1.15rem/2 var(--serif); margin: 18px 0 14px; }
.paragraph-meta { opacity: .85; }
.journal-paper .source-chip { font: .66rem/1.6 var(--sans); color: #85735a; }
.paper-section { padding-top: 26px; margin-top: 28px; }
.paper-section > h3 { font: .78rem var(--sans); color: #8d7b60; }
.paper-section blockquote { position: relative; margin: 26px 0; padding: 16px 24px; font: 400 1.35rem/1.9 var(--serif); text-align: center; color: #c85737; overflow-wrap: anywhere; }
.paper-section blockquote:before, .paper-section blockquote:after { content: ""; position: absolute; width: 16px; height: 16px; border: 0 solid var(--orange); }
.paper-section blockquote:before { top: 0; left: 0; border-top-width: 2px; border-left-width: 2px; }
.paper-section blockquote:after { bottom: 0; right: 0; border-bottom-width: 2px; border-right-width: 2px; }
.paper-section blockquote small { margin-top: 12px; color: #84765f; }
.paper-section > p { font: 1rem/1.95 var(--serif); overflow-wrap: anywhere; }
.journal-paper details { color: #716657; }
.journal-paper details > summary { font-size: .82rem; color: #50483b; display: flex; align-items: center; gap: 8px; }
.journal-paper details > summary:after, .journal-extras > summary:after { content: "+"; margin-left: auto; color: #9b907c; }
.journal-paper details[open] > summary:after, .journal-extras[open] > summary:after { content: "−"; }
.journal-empty { text-align: center; padding: 22px 0 12px; }
.journal-empty .eyebrow { color: #9b896a; font-weight: 400; font-size: .6rem; }
.journal-empty h2 { margin: 24px 0 14px; font-size: clamp(1.5rem, 2.8vw, 2rem); }
.journal-empty p { max-width: 480px; margin: 0 auto 26px; color: #847764; font: .95rem/1.9 var(--serif); }
.journal-empty button { padding: 10px 22px; border-radius: 5px; border-color: #ab9d85; color: #504430; font-size: .8rem; }
.journal-empty button.primary { border-color: var(--orange); color: #fff6e9; }
.journal-empty small { display: block; margin-top: 30px; font-size: .65rem; color: #90826b; }
.journal-empty small span { padding: 0 10px; opacity: .6; }
.journal-actions { justify-content: center; margin: 26px 0; gap: 14px; }
.journal-actions button { padding: 10px 20px; border-color: #696353; border-radius: 7px; color: #d4cdbd; }
.journal-actions [data-seal] { border-color: transparent; color: #a69c88; }
.journal-extras { padding: 18px 4px; }
.journal-extras > summary { display: flex; align-items: center; gap: 10px; font-size: .78rem; color: #b3a994; }
.journal-extras > summary span { color: #807765; font: .68rem var(--mono); }
.journal-days { display: grid; margin: 24px 0 10px; gap: 0; overflow: visible; }
.journal-days > button { display: grid; grid-template-columns: 1fr auto; gap: 8px 14px; padding: 18px 8px; border: 0; border-bottom: 1px solid #39352d; border-radius: 0; text-align: left; white-space: normal; }
.journal-days time { font: .68rem var(--mono); color: #a8997e; }
.journal-days strong { grid-column: 1; font: 1.05rem/1.6 var(--serif); color: #e5dcc9; overflow-wrap: anywhere; }
.journal-days small { grid-row: 1 / 3; grid-column: 2; align-self: center; color: #938772; font: .66rem var(--sans); }
.journal-days .is-selected { background: #e85a3e0a; border-left: 2px solid var(--orange); padding-left: 14px; }
dialog { background: #191a16; border-color: #49453a; border-radius: 16px; padding: 38px; }
dialog h2 { line-height: 1.4; font-size: 2.1rem; letter-spacing: -.02em; }
dialog .close { top: 14px; right: 15px; width: 38px; height: 38px; line-height: 1; }
.setting-row { display: flex; gap: 16px; padding: 23px 0; border-top: 1px solid #3b372e; }
.step-number { padding-top: 5px; font: .7rem var(--mono); color: #b08766; }
.setting-row > div { flex: 1; min-width: 0; }
.setting-row h3 { font: 400 1.1rem var(--serif); margin: 0; }
.setting-row button { border-radius: 5px; padding: 7px 12px; font-size: .72rem; }
.setting-row .subtle { margin: 10px 0 12px; }
.auto-setting { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 18px 0 8px; font-size: .75rem; color: #c8bda8; }
.auto-setting input { appearance: none; flex-shrink: 0; position: relative; width: 37px; height: 22px; margin: 0; padding: 0; border: 0; border-radius: 30px; background: #4b4941; cursor: pointer; }
.auto-setting input:before { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; background: #e4ddcc; border-radius: 50%; transition: transform .16s; }
.auto-setting input:checked { background: #b8573e; }
.auto-setting input:checked:before { transform: translateX(15px); }
.settings-account { width: 100%; border: 0; border-top: 1px solid #3b372e; padding: 20px 0 0; text-align: left; color: #ae9e85; font-size: .73rem; }
footer { justify-content: center; text-align: center; gap: 12px; padding: 50px 0 28px; font-size: .65rem; color: #938873; }
footer a { color: #bcb09a; }
footer > span { flex: initial; padding-left: 12px; border-left: 1px solid #4b4335; }
footer small { width: 100%; font-size: .58rem; color: #786d5b; }
@media (max-width: 900px) {
    .wordmark small { display: none; }
    .memory-header { padding: 18px 28px; }
    .journal-paper { padding: 38px 38px 30px; }
}
@media (max-width: 700px) {
    html { scroll-padding-top: 90px; }
    main { padding: 0 20px; }
    .memory-header { padding: 16px 20px; gap: 10px; }
    .wordmark { gap: 12px; font-size: 1.6rem; }
    .wordmark span { display: inline; padding-left: 12px; font-size: .53rem; }
    .header-actions { gap: 13px; }
    .header-actions [data-settings] { font-size: .72rem; }
    .account-trigger { width: 30px; height: 30px; padding: 5px !important; }
    .account-trigger svg { width: 17px; height: 17px; }
    .memory-intro { padding-top: 32px; }
    .device-frame { width: 118px; height: 134px; margin-bottom: 22px; }
    .memory-intro h1 { font-size: clamp(1.7rem, 6.8vw, 2.6rem); margin: 20px 0 12px; line-height: 1.5; }
    .memory-intro > p { font-size: .84rem; letter-spacing: .04em; }
    .product-label { font-size: .62rem; }
    .intro-toggle-row { margin: 10px 0; }
    .sync-overview { padding: 18px; gap: 10px; border-radius: 10px; flex-wrap: wrap; }
    .sync-overview > img { width: 28px; height: 38px; }
    .sync-title { gap: 10px; }
    .sync-title h2 { font-size: 1.08rem; }
    .sync-badge { font-size: .6rem; }
    .connection-note { font-size: .63rem; }
    .sync-overview > button { width: 100%; text-align: right; margin-top: 2px; border-left: 0; padding: 6px 0 0; font-size: .7rem; }
    .view-tabs { grid-template-columns: repeat(3, 1fr) .6fr; margin: 12px 0 20px; }
    .view-tabs > button, .nav-more > summary { padding: 17px 3px; font-size: .76rem; }
    .journal-toolbar { position: relative; gap: 12px 8px; }
    .date-navigator { gap: 6px; }
    .date-navigator input { width: 140px; font-size: .86rem; }
    .date-navigator > button { width: 26px; height: 30px; }
    .journal-toolbar .history-trigger { margin-left: auto; font-size: .72rem; gap: 6px; }
    .journal-toolbar .generate-trigger { position: absolute; top: calc(100% + 12px); right: 0; width: auto; margin: 0; font-size: .72rem; padding-left: 12px; }
    .auto-status { margin-top: 12px; font-size: .61rem; }
    .journal-paper { padding: 30px 24px 26px; margin-top: 20px; border-radius: 10px; }
    .paper-heading { margin-bottom: 20px; gap: 8px 12px; }
    .paper-heading .eyebrow, .paper-heading > span { font-size: .6rem; }
    .journal-paper h2 { font-size: 1.8rem; line-height: 1.5; }
    .journal-paper .summary { font-size: .87rem; }
    .journal-paragraph { padding: 24px 0 16px; }
    .journal-paragraph header { gap: 6px 10px; padding-left: 10px; }
    .journal-paragraph h3 { font-size: 1.1rem; }
    .journal-paragraph p { font-size: 1.04rem; line-height: 2; }
    .diary-meta { margin-bottom: 25px; gap: 12px; }
    .paper-section blockquote { padding: 14px 12px; font-size: 1.15rem; }
    .journal-actions { gap: 8px; }
    .journal-actions button { padding: 9px 12px; font-size: .71rem; }
    .journal-empty { padding: 10px 0; }
    .journal-empty h2 { font-size: 1.5rem; }
    .journal-empty p { font-size: .87rem; }
    .journal-empty small { font-size: .57rem; }
    .journal-empty small span { padding: 0 5px; }
    dialog { padding: 32px 24px 25px; }
    dialog h2 { font-size: 1.85rem; }
    footer { gap: 9px; padding-top: 35px; font-size: .55rem; }
    footer > span { flex-basis: auto; padding-left: 9px; }
}
@media (max-width: 380px) {
    main { padding: 0 16px; }
    .memory-header { padding: 14px 16px; }
    .wordmark span { display: none; }
    .journal-paper { padding: 26px 20px; }
    .date-navigator input { width: 129px; font-size: .78rem; }
    .journal-toolbar .history-trigger { font-size: .65rem; }
    .history-trigger svg { width: 14px; }
    dialog h2 { font-size: 1.6rem; }
}