.journal-quick{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:22px 26px;background:linear-gradient(115deg,var(--panel),#dcc18a0b)}
.journal-quick h3{font-size:17px;margin:5px 0 8px}.journal-quick .view-actions{flex-shrink:0;flex-wrap:wrap}.journal-stats{margin:22px 0}.journal-stat-note{font-size:12px;color:var(--muted);margin:15px 0}.journal-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:24px 0}.journal-toolbar .field{margin-left:auto}.journal-list{display:grid;gap:16px}.record-card{display:flex;align-items:flex-start;gap:18px;padding:24px}.record-mark{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:14px;background:#dcc18a12;color:var(--accent)}.record-content{flex:1;min-width:0;overflow-wrap:anywhere}.record-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.record-content h3{font-size:18px;margin:12px 0 8px}.record-content p{font-size:13px;line-height:1.8}.record-items{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.record-items span{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:11px;color:var(--muted)}.record-actions{display:flex;gap:14px;flex-shrink:0}.record-photo-button{display:flex;align-items:center;gap:12px;margin-top:14px;color:var(--accent);font-size:11px}.record-thumb{width:92px;height:72px;border-radius:10px;object-fit:cover}.full-record-photo{width:100%;height:auto;max-height:65vh;object-fit:contain;border-radius:12px}.actual-exercise{display:grid;grid-template-columns:1.4fr .6fr 1fr .8fr;gap:10px;padding:14px 0;border-bottom:1px solid var(--border);align-items:end}.actual-exercise .text-button{grid-column:4;text-align:right;font-size:11px}.record-upload{margin:20px 0}.record-upload .upload-zone{padding:20px}.record-upload input{max-width:100%}#record-image-preview{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}#record-image-preview img{max-width:180px;max-height:150px;border-radius:12px}.advice-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 20px}.advice-comparison>div{border:1px solid var(--border);padding:16px;border-radius:12px;overflow-wrap:anywhere}.advice-comparison>div:last-child{border-color:var(--accent);background:#dcc18a08}.advice-comparison small{color:var(--muted);font-size:11px}.advice-comparison p{margin:9px 0 0}.daily-applied{margin-bottom:22px}.daily-applied p{line-height:1.8;margin:8px 0}.daily-applied small{font-size:11px;color:var(--muted)}
.tutorial-frames{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.tutorial-frame{margin:0;border:1px solid var(--border);border-radius:15px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#dcc18a0c,transparent)}.tutorial-frame svg{display:block;width:100%;height:auto;max-height:190px;color:var(--accent)}.tutorial-frame figcaption{padding:12px 16px;font-size:12px;color:var(--muted);border-top:1px solid var(--border)}.tutorial-step{display:flex;gap:12px;align-items:flex-start;margin:12px 0;font-size:13px;line-height:1.8}.tutorial-step b{color:var(--accent);font-size:14px}.tutorial-mistakes{border-left:2px solid var(--pink);padding-left:15px;font-size:12px;line-height:1.9;color:var(--muted)}.tutorial-source{display:block;padding:12px 14px;border:1px solid var(--border);border-radius:10px;color:var(--accent);margin:12px 0;text-decoration:none;font-size:12px}.tutorial-label{font-size:10px;letter-spacing:2px;color:var(--accent)}
@media(max-width:760px){.journal-quick{align-items:flex-start;flex-direction:column;padding:17px;gap:12px}.journal-quick h3{font-size:13px}.journal-quick .view-actions{width:100%}.journal-quick .btn{font-size:10px;padding:9px 11px}.journal-toolbar{gap:10px}.journal-toolbar .field{margin-left:0}.record-card{padding:16px;gap:11px;flex-wrap:wrap}.record-mark{width:32px;height:32px}.record-content h3{font-size:15px}.record-content p{font-size:11px}.record-actions{width:100%;justify-content:flex-end}.record-meta{font-size:9px;gap:6px}.actual-exercise{grid-template-columns:1fr 1fr}.actual-exercise .text-button{grid-column:2}.advice-comparison{grid-template-columns:1fr}.tutorial-frames{gap:8px}.tutorial-frame figcaption{font-size:10px;padding:10px}.tutorial-step{font-size:11px}.mobile-nav button{min-width:0;padding:2px 7px}.journal-stats .btn{padding:7px 9px;font-size:10px}.journal-stat-note{font-size:9px}}