:root{color-scheme:light;--paper:#f7f5ef;--ink:#233c32;--muted:#6f776f;--line:#dcded4;--orange:#ad552e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}main{max-width:1080px;margin:auto;padding:38px 48px}header,.toolbar,.line-label,.section-head,footer{display:flex;justify-content:space-between;align-items:center}header{padding-bottom:26px;border-bottom:1px solid var(--line)}.brand{font-size:22px;letter-spacing:2px;color:inherit;text-decoration:none}.brand span{display:block;font-size:9px;letter-spacing:4px;margin-top:5px}.toolbar{gap:18px;font-size:12px;color:var(--muted)}button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:10px 18px;color:var(--ink);cursor:pointer;min-height:44px}button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.hero{display:flex;align-items:center;justify-content:space-between;padding:45px 0 34px;gap:28px}.eyebrow{font-size:12px;color:var(--orange);letter-spacing:2px}h1{font-size:clamp(28px,4vw,48px);font-family:"Songti SC",serif;font-weight:500;letter-spacing:2px;margin:18px 0}#status{color:var(--muted);line-height:1.8}.hero img{width:110px;height:140px;object-fit:cover;object-position:50% 15%;border-radius:55px 55px 6px 6px}.journey{padding:24px 0 30px}.line-label{gap:16px;font-size:13px}.subtle{color:var(--muted);font-size:11px}.journey progress{width:100%;height:5px;display:block;margin:17px 0;accent-color:var(--orange);border:0;background:var(--line)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--orange)}.columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:55px;margin-top:24px}h2{font-family:"Songti SC",serif;font-size:23px;font-weight:500}.section-head{gap:15px}.section-head span{font-size:11px;color:var(--muted)}article{padding:22px 0;border-top:1px solid var(--line)}article time{font-size:11px;color:var(--muted)}article h3{font-size:16px;font-weight:500;margin:12px 0}article p{font-size:15px;line-height:1.95;margin:14px 0}article img{width:100%;max-height:620px;object-fit:contain;background:#eceee7;border-radius:4px;display:block;margin:18px 0}.tag{font-size:11px;color:var(--orange)}#upcoming{list-style:none;padding:0}#upcoming li{padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}#upcoming time{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.note{padding:22px 0;margin-top:20px}.note strong{font-size:13px;font-weight:500}.note p{font-size:12px;line-height:1.9;color:var(--muted)}footer{margin-top:50px;padding-top:23px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);gap:16px}.empty{font-size:14px;color:var(--muted);padding:25px 0}#connection[data-offline=true]{color:var(--orange)}@media(max-width:660px){main{padding:25px 22px}.columns{grid-template-columns:1fr;gap:15px}.hero{gap:12px}.hero img{width:80px;height:105px}footer{align-items:start;flex-direction:column}.toolbar{gap:10px}.brand{font-size:19px}}
.needs-login .hero,.needs-login .journey,.needs-login .columns{display:none}#login{max-width:480px;margin:70px auto}#pair-form{display:grid;gap:16px}#pair-form label{font-size:14px}#pair-code{padding:16px;font:20px ui-monospace,monospace;letter-spacing:2px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);width:100%}#pair-error{font-size:13px;color:var(--orange)}