.content-shell{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 10px 14px}
.content-wrap{max-width:1080px;margin:0 auto;height:100%;position:relative;min-width:0;max-width:100%}
.home-wrap{display:flex;flex-direction:column;height:100%}
.desktop-composer{margin:6px 4px 14px;padding:14px 14px 10px;border-radius:18px;background:var(--background);border:1px solid var(--border);box-shadow:var(--shadow)}
.composer-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.type-switch{display:flex;align-items:center;gap:6px;padding:4px;background:var(--secondbackground);border:1px solid var(--border);border-radius:999px}
.type-pill{padding:7px 11px;border:none;border-radius:999px;background:transparent;color:var(--desc);font-size:12px;font-weight:700}
.type-pill.active{background:var(--primary);color:var(--primary-foreground)}
.composer-toolbar{margin-left:auto;display:flex;align-items:center;gap:6px}
.editor-input{width:100%;background:transparent;border:none;outline:none;color:var(--foreground);resize:vertical;min-height:76px;line-height:1.55;font-size:15px}
.editor-footer{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.input-tagbox{flex:1;min-width:180px;background:var(--secondbackground);border:1px solid var(--border);border-radius:12px;padding:10px 12px;color:var(--foreground)}
.action-btn{border:none;background:var(--primary);color:var(--primary-foreground);border-radius:12px;padding:10px 14px;font-weight:700;display:inline-flex;align-items:center;gap:8px}
.secondary-btn{border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:12px;padding:10px 12px;font-weight:600}
.warning-btn{border:none;background:var(--warning);color:var(--warning-foreground);border-radius:999px;width:56px;height:56px;display:grid;place-items:center;box-shadow:0 12px 30px rgba(255,191,71,.4)}
.quick-btn{border:none;background:var(--secondary);color:var(--secondary-foreground);border-radius:999px;width:42px;height:42px;display:grid;place-items:center;box-shadow:0 10px 24px rgba(124,58,237,.28)}
.feed-scroll{flex:1;min-height:0}
.masonry{column-gap:10px;padding:0 4px 4px}
.note-card{break-inside:avoid;display:inline-block;width:100%;margin:0 0 10px;padding:14px 14px 12px;border-radius:18px;background:var(--background);border:1px solid var(--border);box-shadow:var(--shadow);position:relative;cursor:pointer;transition:transform .15s ease, box-shadow .18s ease}
.note-card:hover{transform:translateY(-1px)}
.card-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.type-mark{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--desc)}
.type-mark.uheardof{color:#d97706}