.journal-page{--journal-col:clamp(600px, 44vw, 880px);--journal-fs-bubble:clamp(16px, .42vw + 10px, 21px);--journal-fs-ui:clamp(12px, .25vw + 8.5px, 15px);--journal-fs-meta:clamp(11px, .2vw + 8px, 13px);--journal-fs-time:clamp(10px, .15vw + 7.8px, 12px);--journal-fs-title:clamp(24px, 1.2vw + 13px, 38px);--journal-av-s:clamp(36px, 1.6vw + 13px, 48px);--journal-av-l:clamp(64px, 2.6vw + 27px, 88px);--journal-photo:clamp(340px, 24vw, 520px);--journal-ice:#e6f1f2;--journal-ice-ink:#0c2a3a;--journal-mist:#deeef09e;--journal-faint:#deeef061;isolation:isolate;width:100%;height:100svh;color:#e8f3f3;background-color:#0000;background-image:radial-gradient(circle at 50% -10%,#4aa5c22e,#0000 38%),linear-gradient(#0d3248 0%,#092337 46%,#06131f 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;height:100dvh;padding-bottom:0;font-family:Avenir Next,Segoe UI,PingFang SC,Hiragino Sans,sans-serif;display:flex;position:relative;overflow:hidden}.journal-backdrop{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.journal-topbar{z-index:5;background:linear-gradient(#0d3248f5 55%,#0d324800);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:0 clamp(18px,4.6vw,72px);display:grid;position:relative}.journal-home-link{color:#ebf6f6d1;min-height:44px;font-size:var(--journal-fs-meta);letter-spacing:-.01em;justify-self:start;align-items:center;gap:10px;font-weight:600;text-decoration:none;transition:color .22s,transform .42s cubic-bezier(.16,1,.3,1);display:inline-flex}.journal-home-link:is(:hover,:focus-visible){color:#fff;transform:translate(-3px)}.journal-home-link:focus-visible{outline-offset:5px;outline:2px solid #edf8f8f0}.journal-section-label{color:var(--journal-mist);font-size:var(--journal-fs-meta);letter-spacing:.32em;font-weight:600}.journal-topbar-right{justify-self:end;align-items:center;gap:18px;display:flex}.journal-lang{gap:6px;display:flex}.journal-lang-option{-webkit-appearance:none;appearance:none;color:#e5f2f46e;min-width:28px;min-height:44px;font:inherit;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:11px;transition:color .22s,transform .22s}.journal-lang-option:is(:hover,[aria-pressed=true]){color:#f5fbfa;transform:translateY(-1px)}.journal-lang-option:focus-visible{outline-offset:2px;outline:2px solid #edf8f8f0}.journal-count{color:var(--journal-faint);letter-spacing:.08em;font-family:Endorphins Home IBM Plex Mono,ui-monospace,monospace;font-size:11px}.journal-profile{width:min(100% - 36px, var(--journal-col));flex:none;align-items:center;gap:16px;margin:clamp(8px,3svh,36px) auto clamp(14px,3svh,28px);display:flex}.journal-title{font-family:LXGW WenKai GB Screen,Kaiti SC,KaiTi,serif;font-size:var(--journal-fs-title);letter-spacing:.02em;margin:0;font-weight:400}.journal-status{color:var(--journal-faint);font-size:var(--journal-fs-meta);letter-spacing:.04em;margin:6px 0 0}.journal-avatar{cursor:default;background:linear-gradient(150deg,#286080,#173b58);border:1px solid #b8e0f059;border-radius:22%;flex:none;transition:transform .52s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative;overflow:hidden;transform:rotate(-1.5deg)}.journal-avatar:hover{transform:rotate(.6deg)translateY(-2px)}.journal-avatar img{object-fit:cover;width:100%;height:100%;transition:opacity 90ms step-end;position:absolute;inset:0;transform:scale(1.18)translateY(6%)}.journal-avatar-large{width:var(--journal-av-l);height:var(--journal-av-l)}.journal-avatar-small{width:var(--journal-av-s);height:var(--journal-av-s)}.journal-avatar-small img{transform:scale(1.42)translateY(10%)}.journal-avatar-wink,.journal-avatar:hover .journal-avatar-open{opacity:0}.journal-avatar:hover .journal-avatar-wink{opacity:1}.journal-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#deeef038 transparent;flex:auto;min-height:0;padding:18px 0 8px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 28px calc(100% - 28px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 28px calc(100% - 28px),#0000 100%)}.journal-scroll::-webkit-scrollbar{width:8px}.journal-scroll::-webkit-scrollbar-thumb{background:#deeef02e;border-radius:8px}.journal-log{width:min(100% - 36px, var(--journal-col));margin:0 auto;padding:0;list-style:none}.journal-day+.journal-day{margin-top:34px}.journal-day-separator{color:var(--journal-faint);font-size:var(--journal-fs-time);letter-spacing:.16em;text-align:center;margin:0 0 18px}.journal-entry{align-items:flex-start;gap:10px;display:flex}.journal-entry+.journal-entry{margin-top:18px}.journal-bubbles{min-width:0;max-width:min(78%, calc(var(--journal-col) * .74));flex-direction:column;align-items:flex-start;gap:5px;display:flex}.journal-bubble{color:var(--journal-ice-ink);background:var(--journal-ice);font-family:LXGW WenKai GB Screen,Kaiti SC,KaiTi,serif;font-size:var(--journal-fs-bubble);overflow-wrap:anywhere;animation:.52s cubic-bezier(.16,1,.3,1) both journal-bubble-in;animation-delay:calc(var(--bubble-index,0) * 45ms);border-radius:6px 18px 18px;margin:0;padding:9px 14px 10px;line-height:1.6}.journal-bubble,.journal-day-separator,.journal-typing-bubble{isolation:isolate;position:relative}.journal-brush{z-index:-1;pointer-events:none;position:absolute}.journal-bubble[data-brushed=true]{animation-name:journal-text-in;animation-delay:calc(var(--bubble-index,0) * 70ms + .16s);background:0 0}.journal-bubble+.journal-bubble{border-top-left-radius:18px}.journal-bubble-photo{width:min(100%, var(--journal-photo));border-radius:6px 18px 18px;padding:5px}.journal-bubble-photo img{border-radius:3px 14px 14px;width:100%;height:auto;display:block}.journal-time{min-height:24px;color:var(--journal-faint);font-family:Endorphins Home IBM Plex Mono,ui-monospace,monospace;font-size:var(--journal-fs-time);letter-spacing:.06em;align-items:center;margin:0 0 0 4px;text-decoration:none;transition:color .22s;display:inline-flex}.journal-time-full,.journal-entry:is(:hover,:focus-within) .journal-time-short{display:none}.journal-entry:is(:hover,:focus-within) .journal-time-full{display:inline}.journal-time:is(:hover,:focus-visible){color:#ebf6f6d9;text-underline-offset:3px;text-decoration:underline}.journal-time:focus-visible{outline-offset:3px;outline:2px solid #edf8f8f0}.journal-entry-target .journal-bubble:not(.journal-bubble-photo){animation:1.6s ease-out .4s both journal-target}.journal-footprints{isolation:isolate;height:44px;margin:-14px 0 6px;position:relative}.journal-month{margin-bottom:30px;list-style:none}.journal-month-summary{min-height:44px;color:var(--journal-mist);letter-spacing:.06em;cursor:pointer;justify-content:center;align-items:center;font-family:LXGW WenKai GB Screen,Kaiti SC,KaiTi,serif;font-size:14px;list-style:none;display:flex}.journal-month-summary::-webkit-details-marker{display:none}.journal-month-summary:before{content:"＋";opacity:.6;margin-right:8px}.journal-month details[open] .journal-month-summary:before{content:"－"}.journal-month-summary:hover{color:#fff}.journal-month-summary:focus-visible{outline-offset:2px;outline:2px solid #edf8f8f0}.journal-month-days{margin:18px 0 0;padding:0;list-style:none}.journal-photo-button{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.journal-photo-button:focus-visible{outline-offset:2px;outline:2px solid #0c2a3ae6}.journal-lightbox{color:#e8f3f3;background:0 0;border:0;max-width:min(94vw,1100px);max-height:92svh;margin:auto;padding:0;overflow:visible}.journal-lightbox::backdrop{background:#040e16e0}.journal-lightbox figure{margin:0}.journal-lightbox-image{cursor:zoom-out;background:0 0;border:0;padding:0;display:block}.journal-lightbox img{border-radius:6px;width:auto;max-width:100%;height:auto;max-height:82svh;margin:0 auto;display:block}.journal-lightbox figcaption{color:var(--journal-mist);text-align:center;margin-top:12px;font-family:LXGW WenKai GB Screen,Kaiti SC,KaiTi,serif;font-size:14px}.journal-lightbox-close{color:#e8f3f3;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#06131f99;border:1px solid #deeef04d;border-radius:999px;padding:0 14px;font-size:13px;position:fixed;top:16px;right:16px}.journal-see-all{width:min(100% - 36px, var(--journal-col));margin:10px auto calc(clamp(14px, 3svh, 28px) + env(safe-area-inset-bottom));text-align:center;flex:none}.journal-see-all a{min-height:44px;color:var(--journal-mist);letter-spacing:.06em;align-items:center;font-family:LXGW WenKai GB Screen,Kaiti SC,KaiTi,serif;font-size:15px;text-decoration:none;display:inline-flex}.journal-see-all a:hover{color:#fff}.journal-bubble.journal-poked{transform-origin:0;animation:.72s cubic-bezier(.36,.07,.19,.97) both journal-poke}.journal-typing{width:min(100% - 36px, var(--journal-col));align-items:flex-start;gap:10px;margin:34px auto 24px;display:flex}.journal-typing-bubble{height:calc(var(--journal-fs-bubble) * 2.5);border:1px solid #deeef038;border-radius:6px 18px 18px;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.journal-typing-bubble[data-brushed=true]{border-color:#0000}.journal-typing-bubble i{background:#deeef08c;border-radius:48% 52% 45% 55%;width:6px;height:6px;animation:1.4s ease-in-out infinite journal-typing-dot}.journal-typing-bubble i:nth-child(2){animation-delay:.18s}.journal-typing-bubble i:nth-child(3){animation-delay:.36s}.journal-footnote{width:min(100% - 36px, var(--journal-col));margin:10px auto calc(clamp(14px, 3svh, 28px) + env(safe-area-inset-bottom));text-align:center;flex:none}.journal-notice{isolation:isolate;color:#deeef09e;font-family:LXGW WenKai GB Screen,Kaiti SC,KaiTi,serif;font-size:var(--journal-fs-ui);letter-spacing:.06em;background:#96c4d41a;border-radius:999px;padding:8px 18px 9px;display:inline-block;position:relative;transform:rotate(-1.2deg)}.journal-notice[data-brushed=true]{background:0 0}@keyframes journal-typing-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes journal-poke{0%,to{transform:none}20%{transform:rotate(-1.6deg)translate(1px)}45%{transform:rotate(1.2deg)}70%{transform:rotate(-.6deg)}}@keyframes journal-target{0%{filter:none}30%{filter:drop-shadow(0 0 10px #b4e1f08c)}to{filter:none}}@keyframes journal-text-in{0%{opacity:0}to{opacity:1}}@keyframes journal-bubble-in{0%{opacity:0;transform-origin:0 0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:600px){.journal-topbar{grid-template-columns:auto 1fr auto;gap:10px;min-height:60px}.journal-home-link{font-size:12px}.journal-section-label{letter-spacing:.2em;justify-self:center}.journal-count{display:none}.journal-profile{gap:12px;margin-top:20px}.journal-avatar-large{width:52px;height:52px}.journal-entry{gap:8px}.journal-avatar-small{width:32px;height:32px}.journal-bubbles{max-width:84%}.journal-bubble{font-size:15px}}@media (prefers-reduced-motion:reduce){.journal-bubble,.journal-typing-bubble i{animation:none}.journal-avatar{transition:none}.journal-bubble.journal-poked,.journal-entry-target .journal-bubble:not(.journal-bubble-photo){animation:none}.journal-home-link{transition:none}}:is(html:has(.journal-page),body:has(.journal-page)){background:#06131f}