.reflection-page .site-header{height:108px}.reflection-label{font-size:10px;letter-spacing:.15em}.back-home{margin-left:auto;font-size:13px;border-bottom:1px solid var(--line);padding:10px 0}.reflection-progress{max-width:850px;margin:40px auto 0;padding:0 25px}.reflection-progress ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;gap:22px}.reflection-progress button{display:flex;align-items:center;gap:14px;width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:14px 0;text-align:left;font-size:10px;color:#5d5a52}.reflection-progress button span{font-size:13px}.reflection-progress button[aria-current=step]{border-bottom:3px solid var(--ink);color:var(--ink)}.reflection-content{max-width:690px;margin:auto;padding:55px 25px 60px}.reflection-step[hidden]{display:none}.reflection-step h1{font-family:Georgia,serif;font-size:clamp(42px,5.5vw,70px);line-height:1.04;letter-spacing:-.045em;margin-bottom:27px;outline:none}.reflection-step h1:focus-visible{outline:none}.reflection-step .intro{font-size:21px;line-height:1.45;margin-bottom:18px}.optional{font-size:13px;line-height:1.6;margin-bottom:42px}.note-field{padding:28px 0;border-top:1px solid var(--line)}.note-field label{font-family:Georgia,serif;line-height:1.25;font-size:23px;display:block;letter-spacing:-.02em}.note-field>p{font-size:12px;line-height:1.5;margin:10px 0 16px;color:#5d5a52}.note-field textarea{width:100%;display:block;background:#fff5;border:1px solid #bcb6a9;border-radius:1px;font:16px/1.6 var(--sans);padding:15px;color:var(--ink);resize:vertical;min-height:90px}.note-field textarea:focus{outline:2px solid var(--ink);outline-offset:2px}.note-field textarea::placeholder{color:#777268;font-size:14px}.reflection-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:25px 0}.reflection-actions>.text-link{font-size:12px}.reflection-actions>.ink-button{gap:20px}.storage-note{font-size:11px;line-height:1.6;color:#625e54;max-width:600px;margin-top:12px}.reflection-content #save-status{margin-top:40px;font-size:12px;border-top:1px solid var(--line);padding-top:22px;margin-bottom:0}.during-figure{width:180px;height:200px;margin:35px 0}.reflection-step .hand{margin-top:35px;font-size:26px;transform:rotate(-2deg)}#during>p:not(.hand){max-width:530px}#circle-record{margin:35px 0;border-top:1px solid var(--line)}.record-item{padding:23px 0;border-bottom:1px solid var(--line)}.record-item h2{font-size:19px;letter-spacing:-.02em;line-height:1.3;font-family:Georgia,serif;margin:0 0 12px}.record-item p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;margin:0}.empty-record{font-family:var(--hand);font-size:30px;margin:35px 0}#new-circle-dialog .text-link{margin-top:20px;font-size:13px}.new-circle{font-size:12px;margin-top:20px}@media(max-width:600px){.reflection-page .site-header{height:90px;padding-left:24px;padding-right:24px;gap:18px}.reflection-label{font-size:8px}.back-home{font-size:10px}.reflection-progress{margin-top:18px;padding:0 24px}.reflection-progress ol{gap:12px}.reflection-progress button{display:block;padding:12px 0;font-size:9px;line-height:1.4}.reflection-progress button span{display:block;font-size:10px;margin-top:5px}.reflection-content{padding:35px 24px 45px}.reflection-step h1{font-size:43px}.reflection-step .intro{font-size:18px}.optional{font-size:12px;margin-bottom:30px}.note-field{padding:24px 0}.note-field label{font-size:21px}.reflection-actions{gap:14px}.reflection-actions>.ink-button{font-size:12px;padding:14px 16px}.reflection-actions>.text-link{font-size:11px}.reflection-step .hand{font-size:24px}.storage-note{font-size:10px}}