html{scroll-behavior:smooth}
.journal-page{padding-top:146px;padding-bottom:120px}
.journal-heading{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:72px;padding-bottom:60px}
.journal-heading .page-eyebrow{margin-bottom:25px}.journal-heading h1{margin:0;font-size:64px;line-height:1.08;letter-spacing:-.06em;font-weight:450}
.journal-intro{padding-bottom:3px;color:#999993;font-size:14px;line-height:1.9}.journal-intro p{margin:0 0 16px}.quiet-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#c2c2bb;gap:8px}.quiet-link:hover{color:#fff}
.log-period{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff28;border-bottom:1px solid #ffffff16;padding:21px 0;color:#7f7f78;font-size:11px}.log-period>span:last-child{font-family:ui-monospace,Menlo,monospace;font-size:10px}
.log-group{display:grid;grid-template-columns:210px 1fr;gap:36px;padding:48px 0;border-bottom:1px solid var(--page-line);align-items:start}
.log-date{display:flex;align-items:center;gap:12px;position:sticky;top:110px;color:#c0c0b9;padding-top:6px;font:500 11px/1.5 ui-monospace,Menlo,monospace}.log-date>span{padding:3px 6px;border:1px solid #ffffff19;border-radius:999px;font-size:9px;color:#777770}
.log-entry{display:grid;grid-template-columns:88px 1fr;gap:27px;--type:146,165,190;align-items:start}.log-entry+.log-entry{margin-top:35px;padding-top:35px;border-top:1px solid var(--page-line)}
.log-entry[data-type=feature]{--type:75,207,255}.log-entry[data-type=optimize]{--type:64,214,168}.log-entry[data-type=content]{--type:230,178,90}.log-entry[data-type=design]{--type:173,142,255}.log-entry[data-type=fix]{--type:255,124,110}
.log-type{display:inline-flex;align-items:center;gap:7px;margin-top:1px;border:1px solid rgba(var(--type),.24);background:rgba(var(--type),.1);color:rgb(var(--type));border-radius:999px;padding:5px 10px;font-size:11px;line-height:1.5;font-weight:500;white-space:nowrap;transition:background 240ms cubic-bezier(.16,1,.3,1),border-color 240ms cubic-bezier(.16,1,.3,1)}.log-type i{width:5px;height:5px;flex:none;border-radius:50%;background:currentColor;box-shadow:0 0 10px rgba(var(--type),.5);transition:box-shadow 240ms cubic-bezier(.16,1,.3,1)}.log-type:hover{background:rgba(var(--type),.16);border-color:rgba(var(--type),.45)}.log-type:hover i{box-shadow:0 0 15px rgba(var(--type),.82)}
.log-copy{min-width:0;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}.log-copy h2{margin:0;font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.02em}.log-summary{margin:11px 0 0;font-size:14px;font-weight:500;line-height:1.75;color:#b3b3aa}.log-body{padding-top:4px;color:#91918a;font-size:14px;line-height:1.85;overflow-wrap:anywhere}.log-body p{margin:11px 0 0}.log-body code{padding:2px 5px;background:#ffffff0b;border-radius:3px;font:12px/1.8 ui-monospace,Menlo,monospace;color:#bfbfb4}
#updates{scroll-margin-top:110px}
@media(max-width:1000px){.log-group{grid-template-columns:165px 1fr;gap:26px}.log-entry{grid-template-columns:76px 1fr;gap:20px}.journal-heading{gap:40px}.journal-heading h1{font-size:54px}}
@media(max-width:720px){.journal-page{padding-top:113px;padding-bottom:70px}.journal-heading{grid-template-columns:1fr;gap:22px;padding-bottom:29px}.journal-heading .page-eyebrow{margin-bottom:23px}.journal-heading h1{font-size:42px;letter-spacing:-.045em}.journal-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;padding:0}.journal-intro p{margin:0;max-width:165px}.quiet-link{font-size:11px;white-space:nowrap}.log-period{padding:17px 0;font-size:10px}.log-group{grid-template-columns:1fr;gap:25px;padding:31px 0}.log-date{position:static;padding:0}.log-entry{grid-template-columns:1fr;gap:12px}.log-copy h2{font-size:18px}.log-summary{font-size:14px}.log-body{font-size:14px;line-height:1.9}.log-entry+.log-entry{padding-top:27px;margin-top:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.log-type,.log-type i{transition:none}}