.journal-page{width:100%;max-width:48rem;margin:0 auto;padding:1.5rem 1rem 6rem}.journal-page__header{margin-bottom:1.5rem}.journal-page__title{color:var(--text-white,#fff);font-size:1.875rem;font-weight:700;font-family:var(--serif,serif)}.journal-page__subtitle{color:var(--text-soft,#fff9);margin-top:.25rem;font-size:.875rem}.journal-page__add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b,#e84393);border:none;border-radius:9999px;margin-top:.75rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:opacity .2s}.journal-page__add-btn:hover{opacity:.9}.journal-page__error{color:#e57373;background:#e5737326;border:1px solid #e573734d;border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8rem;display:flex}.journal-page__error button{color:#e57373;cursor:pointer;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.journal-page__form-wrap{margin-bottom:2rem}.journal-form{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:1rem;padding:1.25rem}.journal-form__section{margin-bottom:1rem}.journal-form__label{color:#ffffffb3;margin-bottom:.375rem;font-size:.8rem;font-weight:600;display:block}.journal-form__input,.journal-form__textarea{width:100%;color:var(--text-white,#fff);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:.5rem;outline:none;padding:.5rem .75rem;font-size:.85rem}.journal-form__input:focus,.journal-form__textarea:focus{border-color:#ff6b6b80}.journal-form__input[type=date]::-webkit-calendar-picker-indicator{filter:invert()}.journal-form__row{flex-wrap:wrap;gap:.5rem;display:flex}.journal-form__emoji-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:.75rem;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .6rem;font-size:1.3rem;transition:all .2s;display:flex}.journal-form__emoji-btn:hover{background:#ffffff1a}.journal-form__emoji-btn.active{color:#fff;background:#e8527e33;border-color:#e8527e66}.journal-form__emoji-label{font-size:.6rem;font-weight:600}.journal-form__flow-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;transition:all .2s;display:flex}.journal-form__flow-btn.active{color:#fff;font-weight:600}.journal-form__flow-dot{border:1px solid #fff3;border-radius:50%;width:10px;height:10px}.journal-form__tag-grid{flex-wrap:wrap;gap:.375rem;display:flex}.journal-form__symptom-tag{color:#fff9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:9999px;padding:.3rem .6rem;font-size:.75rem;transition:all .2s}.journal-form__symptom-tag:hover{background:#ffffff14}.journal-form__symptom-tag.active{color:#fff;background:#f472b633;border-color:#f472b666}.journal-form__char-count{text-align:right;color:#ffffff4d;margin-top:.25rem;font-size:.7rem;display:block}.journal-form__actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.journal-form__cancel{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:9999px;padding:.5rem 1rem;font-size:.85rem}.journal-form__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b,#e84393);border:none;border-radius:9999px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:opacity .2s}.journal-form__submit:hover{opacity:.9}.journal-form__submit:disabled{opacity:.5;cursor:not-allowed}.journal-timeline__empty{text-align:center;color:var(--text-soft,#fff9);padding:3rem 1.5rem}.journal-timeline__empty-icon{margin-bottom:.75rem;font-size:3rem;display:block}.journal-timeline__empty-hint{margin-top:.375rem;font-size:.8rem}.journal-timeline{flex-direction:column;gap:.625rem;margin-top:1.5rem;display:flex}.journal-timeline__entry{background:#ffffff0f;border:1px solid #ffffff14;border-radius:.75rem;padding:.875rem 1rem;position:relative}.journal-timeline__date{color:#fffc;margin-bottom:.375rem;font-size:.75rem;font-weight:700}.journal-timeline__row{flex-wrap:wrap;gap:.375rem;margin-bottom:.375rem;display:flex}.journal-timeline__badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.journal-timeline__badge--mood{color:#c084fc;background:#c084fc26;border:1px solid #c084fc40}.journal-timeline__badge--energy{color:#4ade80;background:#4ade8026;border:1px solid #4ade8040}.journal-timeline__badge--flow{color:#f87171;background:#ef444426;border:1px solid #ef444440;display:inline-flex}.journal-timeline__flow-dot{border-radius:50%;width:8px;height:8px}.journal-timeline__symptoms{flex-wrap:wrap;gap:.25rem;display:flex}.journal-timeline__symptom-chip{color:#fff9;background:#ffffff0f;border-radius:9999px;padding:.15rem .4rem;font-size:.65rem}.journal-timeline__notes{color:var(--text-soft,#ffffff80);margin-top:.375rem;font-size:.8rem;line-height:1.4}.journal-timeline__delete{color:#ffffff40;cursor:pointer;background:0 0;border:none;padding:.125rem .375rem;font-size:.8rem;position:absolute;top:.5rem;right:.5rem}.journal-timeline__delete:hover{color:#e57373}.journal-charts{margin-bottom:1.5rem}.journal-charts--empty{text-align:center;color:var(--text-soft,#ffffff80);padding:2rem;font-size:.875rem}.journal-charts__insight{color:#fffc;background:#ffd70014;border:1px solid #ffd70033;border-radius:.75rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.625rem 1rem;font-size:.8rem;display:flex}.journal-charts__insight strong{color:gold}.journal-charts__card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem;margin-bottom:.75rem;padding:1rem}.journal-charts__title{color:var(--text-white,#fff);margin:0 0 .625rem;font-size:.85rem;font-weight:600}.journal-charts__grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.journal-charts__legend{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}.journal-charts__legend-item{color:#fff9;align-items:center;gap:.25rem;font-size:.65rem;display:flex}.journal-charts__legend-dot{border-radius:50%;width:8px;height:8px}.journal-chart-tooltip{background:#1e0f28f2;border:1px solid #ffffff26;border-radius:.5rem;padding:.5rem .75rem;font-size:.75rem}.journal-chart-tooltip__label{margin-bottom:.25rem;font-weight:600}.journal-skeleton{flex-direction:column;gap:.625rem;display:flex}.journal-skeleton__card{background:#ffffff0f;border-radius:.75rem;padding:1rem;animation:1.5s ease-in-out infinite pulse}.journal-skeleton__line{background:#ffffff14;border-radius:.25rem;height:.75rem;margin-bottom:.5rem}.journal-skeleton__line--short{width:40%}@media (max-width:640px){.journal-page{padding-left:.75rem;padding-right:.75rem}.journal-page__title{font-size:1.5rem}.journal-charts__grid{grid-template-columns:1fr}.journal-form__emoji-btn{padding:.4rem .5rem;font-size:1.1rem}}