.journal-page{position:relative;isolation:isolate;background:#fff;min-height:100dvh}.journal-page:before{content:'';position:absolute;bottom:0;left:0;right:0;height:clamp(240px,48vh,430px);background:url('/ui/word-footer-brush.png') center bottom/100% 100% no-repeat;z-index:-1;pointer-events:none}.journal-page .ui-main{max-width:1120px;width:92%;padding:18px 0 32px;margin:auto}.journal-nav{display:flex;gap:10px;margin-bottom:18px}.journal-heading h1{font-size:27px;margin:0 0 8px}.journal-heading p{font-size:14px;margin:0 0 20px;color:#68849a}.journal-layout{display:grid;grid-template-columns:minmax(0,520px) minmax(0,470px);gap:38px;align-items:start}.journal-preview{position:sticky;top:16px}.journal-preview canvas{display:block;width:100%;height:auto;box-shadow:0 8px 22px #37597020;border-radius:6px}.journal-preview p{font-size:12px;line-height:1.7;color:#698194}.journal-enlarge{margin-top:10px;font-size:12px}.journal-editor{background:#ffffffdf;border:1px solid #d8e5eb;border-radius:16px;padding:20px}.journal-tabs{display:flex;gap:8px;margin-bottom:16px}.journal-tabs button[aria-pressed=true]{background:#286ba6;color:#fff}.journal-editor h2{font-size:20px;margin:0 0 16px}.journal-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}.journal-meta label{font-size:13px}.journal-meta input,.journal-meta select{display:block;width:100%;margin-top:6px;min-width:0}.journal-moods{display:flex;gap:12px;margin:14px 0}.journal-moods button{min-height:28px;width:28px;height:28px;border-radius:50%;padding:0;background:var(--mood);border:2px solid transparent}.journal-moods button[aria-pressed=true]{outline:2px solid #486b7e;outline-offset:3px}.journal-draw{margin:0 0 18px}.journal-answer{display:block;font-size:14px;line-height:1.7;margin:0 0 15px}.journal-answer textarea{display:block;width:100%;min-height:86px;margin-top:7px;resize:vertical;line-height:1.7;font-size:15px;box-sizing:border-box}.journal-answer span{display:block;font-size:11px;text-align:right;color:#71879a}.journal-downloads{display:flex;gap:10px;flex-wrap:wrap}.journal-editor small,#journal-save{display:block;font-size:12px;line-height:1.7;color:#71879a}#journal-error{font-size:13px;color:#a54732}#journal-error:empty{display:none}.journal-editor small{margin-top:12px}@media(max-width:850px){.journal-layout{grid-template-columns:minmax(0,1fr);gap:22px}.journal-preview{position:static;max-width:520px;margin:auto;width:100%}.journal-editor{max-width:520px;width:100%;margin:auto;box-sizing:border-box}.journal-heading h1{font-size:23px}}

.journal-start{margin:0 0 20px;padding:16px;border:1px solid #d8e5eb;border-radius:12px}.journal-start legend{font-weight:600}.journal-start label{display:block;margin:10px 0}.journal-start p{font-size:13px;line-height:1.8;color:#68849a}.journal-start button{margin-top:8px}.journal-fixed-set{display:grid;gap:5px;align-content:start;font-size:13px}.journal-fixed-set small{margin:0}.journal-card-actions{margin:0 0 18px;gap:8px}.journal-card-status{color:#486b7e;font-size:13px}.journal-draw:disabled{opacity:.55;cursor:not-allowed}

.journal-set-options{display:flex;align-items:center;gap:24px;flex-wrap:nowrap;margin:10px 0}.journal-start .journal-set-options label{display:inline-flex;align-items:center;gap:6px;margin:0;white-space:nowrap}.journal-set-options input{margin:0}

.journal-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 20px}.journal-candidates article{min-width:0;text-align:center}.journal-candidate{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:6px;background:#fff;border:1px solid #d8e5eb;border-radius:9px}.journal-candidate:hover,.journal-candidate:focus-visible{border-color:#286ba6;background:#f1f7fb}.journal-candidate img{display:block;width:100%;height:150px;object-fit:contain}.journal-candidate span{font-size:13px}.journal-candidate-preview{font-size:11px;padding:4px 6px;margin-top:6px}.journal-choice-hint{font-size:13px;line-height:1.7;color:#486b7e}@media(max-width:450px){.journal-candidate img{height:120px}.journal-candidates{gap:7px}}

.journal-candidate{cursor:zoom-in;touch-action:manipulation}.journal-choose{margin-top:8px;width:100%;font-size:13px;padding:7px 5px}.journal-candidate img{user-select:none}

.journal-writing-hint{font-size:13px;line-height:1.7;color:#486b7e;margin:0 0 14px}