.timeline-shell{position:relative;max-width:900px;margin:20px auto 0;}.timeline-shell::before{content:"";position:absolute;top:20px;bottom:20px;left:92px;width:1px;background:linear-gradient(var(--line),rgba(157,93,70,.45),var(--line));}.timeline-section{position:relative;display:grid;grid-template-columns:95px minmax(0,1fr);gap:30px;padding:18px 0 42px;}.timeline-label{position:relative;text-align:right;}.timeline-label span{position:absolute;z-index:2;top:7px;right:-5px;width:11px;height:11px;border:3px solid var(--paper);border-radius:50%;background:#7f918c;box-shadow:0 0 0 1px rgba(36,48,46,.17);}.timeline-label p{margin:4px 18px 0 0;color:var(--ink-soft);font-size:11px;letter-spacing:.12em;writing-mode:vertical-rl;float:right;}.timeline-label.now span{width:16px;height:16px;top:4px;right:-8px;background:#9b5542;box-shadow:0 0 0 5px rgba(155,85,66,.12);}.timeline-content h2{margin-bottom:20px;font-size:25px;}.observation-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;margin-bottom:12px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-sm);background:rgba(255,255,255,.5);}.observation-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#687d77;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;}.observation-card small,.future-list small,.now-card small{color:var(--ink-soft);font-size:11px;}.observation-card h3{margin:5px 0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:18px;font-weight:500;}.observation-card p{margin:0;color:var(--ink-soft);font-size:13px;}.icon-button{width:44px;height:44px;border:0;border-radius:50%;color:var(--ink-soft);background:transparent;cursor:pointer;}.icon-button:hover{background:rgba(36,48,46,.06);}.empty-state{padding:36px;border:1px dashed rgba(36,48,46,.18);border-radius:var(--radius-md);text-align:center;background:rgba(255,255,255,.28);}.empty-state > span{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 15px;border-radius:50%;color:#71827e;background:rgba(113,130,126,.12);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;}.empty-state h3{margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;}.empty-state p{margin:9px auto 20px;color:var(--ink-soft);line-height:1.7;}.now-card{--tone:#536e68;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;border:1px solid color-mix(in srgb,var(--tone),transparent 74%);border-radius:var(--radius-md);text-align:left;background:rgba(255,255,255,.66);box-shadow:0 12px 34px rgba(42,48,43,.08);cursor:pointer;}.now-card span:nth-child(2){display:grid;gap:4px;}.now-card strong{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:22px;font-weight:500;}.now-card em{color:var(--tone);font-size:12px;font-style:normal;}.future-list{display:grid;gap:10px;}.future-list button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:17px 20px;border:1px solid var(--line);border-radius:var(--radius-sm);text-align:left;background:rgba(255,255,255,.38);cursor:pointer;}.future-list button:hover{background:rgba(255,255,255,.68);}.future-list button > span:nth-child(2){display:grid;gap:3px;}.future-list strong{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:17px;font-weight:500;}.future-list em{overflow:hidden;color:var(--ink-soft);font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap;}