.thought-arena { max-width: 740px; margin: 0 auto; padding: 1.5rem 2rem 4rem; }
.voice-input-row { display: flex; align-items: flex-start; gap: 0.8rem; margin-bottom: 0.5rem; }
.thought-textarea { flex: 1; min-height: 140px; background: transparent; border: none; border-bottom: 2px solid var(--aged); padding: 0.8rem 0; font-family: var(--font-body); font-size: 1.05rem; line-height: 1.9; color: var(--ink); resize: none; outline: none; transition: border-color 0.3s; }
.thought-textarea::placeholder { color: var(--mist); font-style: italic; }
.thought-textarea:focus { border-bottom-color: var(--rust); }
.thought-actions { display: flex; align-items: center; justify-content: space-between; margin-top: 1rem; margin-bottom: 2rem; flex-wrap: wrap; gap: 0.5rem; }
.thought-btns { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.char-count { font-size: 0.65rem; color: var(--mist); }

.thought-card { background: white; border: 1px solid var(--aged); border-radius: var(--radius-md); padding: 1.1rem 1.3rem; transition: all 0.25s; box-shadow: var(--shadow-sm); margin-bottom: 0.8rem; }
.thought-card:hover { box-shadow: var(--shadow-md); transform: translateY(-1px); }
.thought-card-text { font-family: var(--font-body); font-size: 0.9rem; line-height: 1.7; margin-bottom: 0.7rem; }
.thought-card-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.4rem; }
.thought-tag { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.18rem 0.55rem; border-radius: var(--radius-full); font-size: 0.62rem; letter-spacing: 0.07em; text-transform: uppercase; }
.tag-procrastination { background: #fdebd0; color: #c4622d; }
.tag-anxiety         { background: #e8f4f8; color: #2980b9; }
.tag-idea            { background: #eafaf1; color: #27ae60; }
.tag-unclear         { background: #f5eef8; color: #8e44ad; }
.thought-time { font-size: 0.62rem; color: var(--mist); }
.thought-meta-right { display: flex; align-items: center; gap: 0.5rem; }

.icon-btn { background: none; border: none; cursor: pointer; padding: 0.25rem; color: var(--mist); border-radius: var(--radius-sm); font-size: 0.85rem; transition: all var(--transition); }
.icon-btn:hover { color: var(--rust); background: var(--aged); }
.convert-btn { font-size: 0.6rem; padding: 0.18rem 0.55rem; }