/* Content app styles are scoped so the rest of the v2 phone keeps its own layout. */
.content-app{color:var(--text,#51434d);min-width:0}
.content-app .content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 13px}
.content-app .content-eyebrow{font-size:8px;letter-spacing:2px;color:#b392a4;margin:0 0 8px;line-height:1.5}
.content-app .content-toolbar h2{font-family:Georgia,"Songti SC",serif;font-size:21px;font-weight:400;line-height:1.5;letter-spacing:.5px;margin:0;color:#805f72}
.content-app .content-count{padding:6px 9px;border:1px solid #e6d6e0;border-radius:11px;white-space:nowrap;font-size:10px;color:#aa7c96;background:#fff8fc}
.content-app .content-intro{font-size:10px;line-height:1.9;color:#a18b99;margin:0 0 12px}
.content-app .content-current-pair{font-size:10px;color:#a18096;line-height:1.8;background:#f3eaf1;border-radius:10px;padding:8px 10px;margin:0 0 16px;overflow-wrap:anywhere}
.content-app .list-card,.content-app .note-card,.content-app .post-card{border:1px solid #eadfe6;border-radius:18px;background:#fffdfd;padding:15px;box-shadow:0 4px 15px #9d7b8e04}
.content-app .worldbook-heading{display:flex;align-items:center;gap:10px}
.content-app .record-title{flex:1;min-width:0}
.content-app .record-title h3{font-size:13px;line-height:1.6;font-weight:600;margin:0;overflow-wrap:anywhere;color:#785b6b}
.content-app .record-symbol{width:32px;height:37px;display:grid;place-items:center;flex-shrink:0;color:#9aa28b;background:#f1f4eb;border-radius:10px}
.content-app .record-actions{display:flex;align-items:center;gap:5px;margin:0}
.content-app .record-actions .icon-button{height:27px;width:27px;padding:0;border-radius:9px;min-height:0;font-size:10px;background:#f6edf3}
.content-app .record-actions .icon-button svg{height:15px;width:15px}
.content-app .content-scope{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;font-size:9px;line-height:1.7;margin-top:11px;padding:7px 8px;border-radius:9px;background:#f6eef4;color:#a37491}
.content-app .content-scope>span{white-space:nowrap;font-size:8px;border-radius:5px;padding:0 4px;background:#eeddE9;color:#a0718e}
.content-app .content-scope>small{font-size:9px;overflow-wrap:anywhere;flex:1;min-width:70px}
.content-app .content-scope-global{background:#f2f5ed;color:#8e9b80}
.content-app .content-scope-global>span{background:#e6ecdd;color:#869575}
.content-app .content-scope-unresolved{background:#fff4e5;color:#b18b57}
.content-app .content-scope-unresolved>span{background:#f7e7cf;color:#aa8350}
.content-app .worldbook-excerpt,.content-app .memory-content,.content-app .post-copy{font-size:11px;line-height:1.95;color:#9b8292;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 15px}
.content-app .worldbook-excerpt{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;min-height:22px}
.content-app .content-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px dashed #eee2e9}
.content-app .toggle-chip{display:inline-flex;align-items:center;gap:5px;font-size:9px;border-radius:9px;padding:6px 9px;background:#f2edf1;color:#ab9ca7}
.content-app .toggle-chip.is-on{background:#eaf1e7;color:#8d9f83}
.content-app .toggle-dot{width:5px;height:5px;border-radius:50%;background:currentColor}
.content-app .content-text-button{display:inline-flex;align-items:center;gap:3px;padding:4px 0;background:none!important;border-radius:0;font-size:9px;color:#ac819a}
.content-app .content-create-button{display:flex;width:100%;gap:6px;margin:18px 0 2px;font-size:11px;border:1px dashed #dfcbd8;background:#f5edf3;color:#ab7b96}
.content-dialog .content-checkbox{display:flex;align-items:center;gap:8px;font-size:11px;color:#9a7b8f;margin-top:17px;line-height:1.8}
.content-dialog .content-checkbox input{accent-color:var(--accent);width:15px;height:15px}
.content-dialog .content-scope-help{font-size:10px;line-height:1.9;margin-top:9px;color:#ad929f}
.content-full-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:2;color:#8a7181;padding:3px 0 12px}
.content-delete-preview{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#9d7c91}
.content-app .anniversary-list{gap:11px}
.content-app .anniversary-card{display:flex;align-items:center;gap:9px;border-radius:18px;padding:15px 12px;margin:0;background:#fffdfd;border:1px solid #ebdce5}
.content-app .anniversary-info{display:flex;align-items:center;gap:9px;flex:1;min-width:0}
.content-app .anniversary-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:40px;background:#faeaf1;border-radius:12px;font-size:21px}
.content-app .anniversary-card h3{font-size:12px;margin:0 0 5px;line-height:1.6}
.content-app .anniversary-date{margin:0;color:#b099a8;font-size:9px;line-height:1.7}
.content-app .day-count{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;max-width:88px;color:#ba91aa}
.content-app .day-count>span{font-size:8px;color:#b49eac}
.content-app .day-count strong{font-size:25px;font-family:Georgia,serif;font-weight:400;line-height:1.1}
.content-app .day-count>small{font-size:8px}
.content-app .anniversary-actions{flex-direction:column}
.content-app .forum-banner{padding:22px 17px;border-radius:21px;background:linear-gradient(140deg,#f8e4ed,#f4edf6);border:1px solid #eddae5;margin-bottom:23px}
.content-app .forum-banner h2{font-family:Georgia,"Songti SC",serif;font-size:22px;line-height:1.6;letter-spacing:1px;font-weight:400;color:#946d85;margin:0 0 8px}
.content-app .forum-banner>p:not(.content-eyebrow){font-size:10px;line-height:1.95;color:#ae8d9f;margin:0 0 14px}
.content-app .forum-banner .primary-button{min-height:35px;padding:9px 12px;font-size:10px;gap:6px}
.content-app .feed-heading h3{font-size:12px;font-weight:500;margin:0;color:#a28295}
.content-app .feed-heading>span{font-size:9px;color:#b49aaa}
.content-app .post-top{gap:9px}
.content-app .post-top .avatar{width:34px;height:34px;font-size:19px;background:#f1e3ec;border-radius:12px}
.content-app .post-meta{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.content-app .post-meta strong{font-size:11px;font-weight:600;overflow-wrap:anywhere;color:#916c83}
.content-app .post-meta time{font-size:8px;color:#b6a1ae}
.content-app .post-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #f1e7ed;padding-top:10px;margin-top:11px}
.content-app .post-actions>span{font-size:8px;color:#b6a4af}
.content-app .like-button{display:flex;align-items:center;gap:5px;background:none;padding:4px 0;font-size:10px;color:#b7a4b0}
.content-app .like-button.is-liked{color:#cd8caa}
.content-app .content-media-note{font-size:9px;line-height:1.8;padding:7px 9px;background:#f6f0f4;border-radius:8px;color:#b093a5;margin:10px 0}
.content-app .content-search{display:flex;align-items:center;gap:8px;width:100%;border:1px solid #e9dce6;background:#fffafd;border-radius:13px;padding:10px 12px;color:#b398a9;margin:0 0 16px}
.content-app .content-search input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:11px;color:#8b7382;line-height:1.6}
.content-app .content-search input::placeholder{color:#b9a5b1}
.content-app .memory-result-count{font-size:9px;line-height:1.8;color:#ac8b9f;margin:0 2px 11px}
.content-app .memory-grid{display:flex;flex-direction:column;gap:12px}
.content-app .memory-card{background:#fffcf4;border-color:#eee4d7;position:relative}
.content-app .memory-tone-1{background:#f7faf2;border-color:#e4eadb}
.content-app .memory-tone-2{background:#fcf4f8;border-color:#eedde7}
.content-app .memory-top{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 0 10px}
.content-app .memory-bookmark{color:#b9a280}
.content-app .memory-top time{font-size:8px;color:#b9a59b;line-height:1.7}
.content-app .memory-card h3{font-size:13px;font-weight:600;line-height:1.7;color:#9a7e7d;margin:0;overflow-wrap:anywhere}
.content-app .memory-card .content-scope{background:#fff8}
.content-app .memory-card .record-actions{border-top:1px dashed #e9ddd9;padding-top:10px}
.content-app .memory-card .record-actions>span{flex:1}
.content-app .memory-card .record-actions .icon-button{background:#fff8}
.content-app .empty-state{border:1px dashed #e4d5df;border-radius:18px;background:#fff9fc;padding:30px 16px}
.content-app .empty-state h3{font-size:13px;color:#a17c94;font-weight:500;margin:0 0 9px;line-height:1.6}
.content-app .empty-state p{font-size:10px;color:#b39ba9;line-height:1.95;margin:0}
.content-app .empty-icon{margin-bottom:15px;color:#bca2b2}
@media(max-width:350px){.content-app .anniversary-card{gap:6px;padding:12px 9px}.content-app .anniversary-icon{width:29px;font-size:18px}.content-app .day-count strong{font-size:21px}.content-app .anniversary-actions .icon-button{width:23px;height:25px}.content-app .content-toolbar h2{font-size:19px}}
