.djiva-journal-overlay{position:fixed;inset:0;z-index:99990;background:#0a0d13;color:#f4f5f8;font-family:inherit;display:flex;justify-content:center}
.djiva-journal-panel{width:100%;max-width:760px;height:100%;display:flex;flex-direction:column;background:#0c1017}
.djiva-journal-panel header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 16px) 18px 16px;border-bottom:1px solid #30394a}
.djiva-journal-panel header h2{font-size:21px;line-height:1.25;margin:0;text-align:center}
.djiva-journal-panel header button{border:0;background:#1b2230;color:#f5f6f9;border-radius:12px;font-size:28px;width:45px;height:45px;flex:0 0 45px}
.djiva-journal-body{padding:22px 20px calc(env(safe-area-inset-bottom,0px) + 48px);overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}
.djiva-journal-body h3{font-size:17px;margin:25px 0 12px}
.djiva-journal-muted{font-size:14px;line-height:1.6;color:#aab5c6;margin:0 0 20px}
.djiva-journal-actions{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 23px}
.djiva-journal-btn{padding:11px 15px;border:1px solid #38475c;background:#1c2431;color:#f2f4f8;border-radius:12px;font-size:14px;min-height:43px;cursor:pointer}
.djiva-journal-btn.primary{background:#ff941f;color:#101115;border-color:#ff941f;font-weight:700}
.djiva-journal-btn.danger{border-color:#9a454d;color:#f49aa3;background:#281a20}
.djiva-journal-body label{display:block;font-size:14px;font-weight:600;margin:15px 0 18px;color:#e3e7ef}
.djiva-journal-body input:not([type=range]),.djiva-journal-body textarea,.djiva-journal-body select{display:block;box-sizing:border-box;width:100%;max-width:100%;margin-top:8px;background:#141c27;color:#f4f6f9;border:1px solid #344053;border-radius:12px;padding:13px;font:inherit;font-size:15px;min-height:45px}
.djiva-journal-body textarea{resize:vertical;line-height:1.6}
.djiva-journal-body .djiva-journal-scale{display:grid;grid-template-columns:1fr 34px;gap:7px 12px;align-items:center;background:#171e29;border:1px solid #30394a;padding:12px 15px;border-radius:14px}
.djiva-journal-scale output{text-align:right;color:#ffad4b;font-size:18px}
.djiva-journal-scale input[type=range]{grid-column:1/-1;width:100%;accent-color:#ff941f}
.djiva-journal-compare,.djiva-journal-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #30394a;font-size:14px}
.djiva-journal-compare b{white-space:nowrap}
.djiva-journal-compare em{font-style:normal;font-size:12px;margin-left:7px}
.djiva-journal-line span{min-width:0;overflow-wrap:anywhere}
.djiva-journal-history{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:#171f2b;color:#f3f5f8;border:1px solid #30394a;border-radius:14px;padding:16px;width:100%;margin:10px 0;font:inherit}
.djiva-journal-history small{display:block;font-size:12px;color:#9caabd;margin-top:5px}
.djiva-journal-history>span:last-child{color:#ff941f;font-size:22px}
.djiva-journal-empty{border:1px dashed #384456;border-radius:14px;padding:25px 15px;color:#aab4c4;text-align:center}
.djiva-journal-read{max-width:620px;margin:0 auto;line-height:1.75}
.djiva-journal-read article{padding:18px 0;border-bottom:1px solid #30394a}
.djiva-journal-read article h3{font-size:15px;color:#ffb257;margin:0 0 8px}
.djiva-journal-read article p{font-size:17px;color:#f3f3f5;white-space:normal;margin:0;overflow-wrap:anywhere}
@media(max-width:390px){.djiva-journal-panel header h2{font-size:18px}.djiva-journal-body{padding:18px 14px 40px}}

.djiva-journal-trend{border-collapse:collapse;min-width:100%;white-space:nowrap;font-size:12px}
.djiva-journal-trend th,.djiva-journal-trend td{border-bottom:1px solid #344052;padding:11px 13px;text-align:center}
.djiva-journal-trend th:first-child{text-align:left;position:sticky;left:0;background:#0c1017;z-index:1}
.djiva-journal-trend thead th{color:#ffad50;font-weight:700}