/* 既存パレットの選択と、学習を止めない軽い保存フィードバック。 */
kanau-card-colors { display: grid; gap: 8px; text-align: left; font-size: 12px; font-weight: 700; }
.kanau-color-options { display: flex; flex-wrap: wrap; gap: 8px; }
.kanau-color-options button { width: 28px; height: 28px; border-radius: 50%; border: 2px solid transparent; padding: 0; cursor: pointer; }
.kanau-color-options button[aria-pressed="true"] { border-color: #454544; box-shadow: 0 0 0 2px #fffdf7; }
.kanau-color-options button:focus-visible { outline: 2px solid #454544; outline-offset: 3px; }
.kanau-save-feedback { position: fixed; z-index: 12000; bottom: 100px; left: 50%; transform: translateX(-50%); padding: 12px 18px; max-width: calc(100vw - 32px); border-radius: 16px; background: #fffdf7; color: #2F5D4A; box-shadow: 0 8px 28px #0002; font-size: 14px; font-weight: 700; pointer-events: none; }
.kanau-save-feedback[hidden] { display: none; }
.kanau-save-feedback.is-error { color: #7A4B29; }
.kanau-archive-ghost { position: fixed; z-index: 11000; box-sizing: border-box; border: 1px solid #d7d0c5; border-radius: 12px; box-shadow: 0 8px 24px #0002; display: grid; place-content: center; padding: 20px; color: #454544; font: 700 18px Georgia, serif; pointer-events: none; transform-origin: center; }
.revision-focus-controls { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; position: relative; z-index: 4; }
.revision-focus-controls .revision-focus-btn { transform: none; min-width: 140px; }
.revision-end-btn { border: 1px solid #454544; color: #454544; background: #fffdf7; border-radius: 999px; padding: 20px 28px; font: inherit; font-weight: 700; cursor: pointer; }
.revision-end-btn[hidden] { display: none; }
.kanau-topic-help { font-size: 11px; font-weight: 400; text-transform: none; color: #6f7f70; }
@media (prefers-reduced-motion: reduce) { .kanau-archive-ghost { display: none; } }
/* ヘッダーと下部ナビゲーションが保存操作を覆わないようにする。 */
.pine-reflection-overlay.pine-reflection-overlay,
.kanau-reflection-overlay.kanau-reflection-overlay { z-index: 2150; }
@media (max-width: 600px) {
    #revision-timer-panel:not([hidden]) .revision-focus-controls { position: fixed; bottom: calc(100px + env(safe-area-inset-bottom)); left: 12px; right: 12px; }
    .revision-focus-controls .revision-focus-btn { min-width: 120px; padding: 16px 22px; }
    .revision-end-btn { padding: 16px 22px; }
}
/* Stage B.2：overlayではなく入力カードだけに既存8色を反映する。 */
.kanau-journal-card-preview.kanau-journal-card-preview {
    background: var(--journal-card-background, #F5E6B3);
    transition: background-color 200ms ease;
    color: #33352f;
}
.kanau-journal-card-preview input, .kanau-journal-card-preview textarea, .kanau-journal-card-preview select { background-color: #fffdf7; color: #33352f; }
.kanau-finish-actions { justify-content: space-between; }
.kanau-finish-actions [hidden] { display: none; }
kanau-topic-picker { display: grid; gap: 8px; text-align: left; }
kanau-topic-picker label { display: grid; gap: 5px; }
kanau-topic-picker select { width: 100%; }
kanau-topic-picker button, .kanau-manage-topics, .kanau-topic-manager button { border: 1px solid #b8cab2; border-radius: 9px; background: #fffdf7; color: #33352f; cursor: pointer; padding: 8px 12px; font: inherit; font-size: 13px; }
.topic-new { justify-self: start; }
.topic-editor { padding: 10px; border: 1px solid #b8cab2; border-radius: 9px; background: #fffdf7; }
.topic-editor[hidden] { display: none; }
.topic-editor form { display: grid; gap: 8px; }
.topic-status, .topic-manager-status { font-size: 12px; margin: 0; }
.kanau-manage-topics { margin: 10px 0; }
.kanau-topic-manager { width: min(650px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); overflow-y: auto; border: 1px solid #b8cab2; border-radius: 18px; padding: 20px; background: #fffdf7; color: #33352f; }
.kanau-topic-manager::backdrop { background: #0006; }
.topic-manager-list { display: grid; gap: 10px; margin-bottom: 18px; }
.topic-manager-list form { display: flex; gap: 6px; flex-wrap: wrap; }
.topic-manager-list input { min-width: 0; width: 160px; padding: 8px; border: 1px solid #b8cab2; border-radius: 8px; background: white; color: #33352f; }
.topic-manager-list input[name=emoji] { width: 58px; }
.kanau-topic-manager h2 { margin-top: 0; }
.kanau-topic-manager > p { font-size: 13px; }
@media (prefers-reduced-motion: reduce) { .kanau-journal-card-preview.kanau-journal-card-preview { transition: none; } }

.kanau-journal-card-preview.kanau-journal-card-preview label,
.kanau-journal-card-preview.kanau-journal-card-preview > p,
.kanau-journal-card-preview.kanau-journal-card-preview > strong,
.kanau-journal-card-preview .kanau-topic-help,
.kanau-journal-card-preview .topic-status { color: #454544; }