:root[data-theme=dark]{--bg-0: #06080D;--bg-1: #0A0E16;--bg-2: #11161F;--chrome: rgba(10, 14, 22, .72);--hairline: rgba(180, 200, 235, .06);--hairline-2: rgba(180, 200, 235, .12);--label-1: #ECEFF5;--label-2: rgba(236, 239, 245, .7);--label-3: rgba(236, 239, 245, .45);--label-4: rgba(236, 239, 245, .28);--tint: #7C9AD8;--label-out: #EEF1F8;--bubble-in: #161B25;--bubble-in-2: #1B2230;--bubble-out: #2A4DA8;--bubble-out-2:#1F3B85;--shadow-bub: 0 1px 0 rgba(0,0,0,.45), 0 18px 36px -22px rgba(0,0,0,.65);--shadow-bub-out: 0 1px 0 rgba(0,0,0,.45), 0 22px 46px -26px color-mix(in oklab, #2A4DA8 50%, transparent);--shadow-pop: 0 80px 160px -50px rgba(0,0,0,.85);--reaction-bg: #1B2230}:root[data-theme=light]{--bg-0: #EEF1F6;--bg-1: #F4F6FB;--bg-2: #FFFFFF;--chrome: rgba(244, 246, 251, .78);--hairline: rgba(20, 30, 60, .07);--hairline-2: rgba(20, 30, 60, .12);--label-1: #0B1220;--label-2: rgba(11, 18, 32, .68);--label-3: rgba(11, 18, 32, .42);--label-4: rgba(11, 18, 32, .28);--tint: #4870C8;--label-out: #FFFFFF;--bubble-in: #E7EBF3;--bubble-in-2: #DDE2EC;--bubble-out: #4870C8;--bubble-out-2:#3357AD;--shadow-bub: 0 1px 0 rgba(15,25,55,.04), 0 12px 24px -18px rgba(15,25,55,.18);--shadow-bub-out: 0 1px 0 rgba(15,25,55,.05), 0 16px 28px -18px color-mix(in oklab, #4870C8 45%, transparent);--shadow-pop: 0 80px 160px -50px rgba(15,25,55,.3);--reaction-bg: #FFFFFF}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg-1);color:var(--label-1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Rounded,SF Pro Text,SF Pro Display,Helvetica Neue,system-ui,sans-serif;font-feature-settings:"kern","ss01","ss02";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.012em;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}.canvas{position:relative;min-height:100vh}.canvas:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(55% 45% at 82% 108%,color-mix(in oklab,var(--tint) 12%,transparent),transparent 68%),radial-gradient(40% 38% at 10% -8%,color-mix(in oklab,oklch(.78 .12 220) 8%,transparent),transparent 72%)}::selection{background:color-mix(in oklab,var(--tint) 35%,transparent);color:var(--label-1)}.shell{position:relative;z-index:1;max-width:720px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.chrome{position:sticky;top:0;z-index:10;background:var(--chrome);-webkit-backdrop-filter:blur(28px) saturate(140%);backdrop-filter:blur(28px) saturate(140%);border-bottom:1px solid var(--hairline)}.chrome-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 18px 16px;gap:8px}.chrome-back{justify-self:start;display:inline-flex;align-items:center;gap:4px;color:var(--tint);font-size:15px;font-weight:500;letter-spacing:-.012em;padding:6px 6px 6px 0;border-radius:8px}.chrome-back:hover{opacity:.8}.chrome-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;transition:background .2s}.chrome-card:hover{background:var(--hairline)}.chrome-avatar{width:48px;height:48px;border-radius:999px;background:var(--bg-2);background-size:cover;background-position:center;border:1px solid var(--hairline-2);overflow:hidden}.chrome-name{font-size:12px;font-weight:500;color:var(--label-2);letter-spacing:-.005em}.chrome-spacer{justify-self:end}.feed{flex:1;display:flex;flex-direction:column;gap:10px;padding:24px 18px 80px;position:relative}.feed-day{text-align:center;font-size:11.5px;font-weight:500;color:var(--label-3);letter-spacing:.01em;text-transform:uppercase;margin:18px 0 4px}.feed-fade{pointer-events:none;position:sticky;height:24px;z-index:5}.feed-fade.top{top:0;background:linear-gradient(180deg,var(--bg-1),transparent)}.feed-fade.bottom{bottom:0;background:linear-gradient(0deg,var(--bg-1),transparent)}.row{display:flex;width:100%}.row-in{justify-content:flex-start}.row-out{justify-content:flex-end}.bub{position:relative;max-width:80%;padding:10px 14px 11px;border-radius:22px;line-height:1.36;font-size:16.5px;letter-spacing:-.014em;box-shadow:var(--shadow-bub);cursor:pointer;transition:transform .38s cubic-bezier(.2,.7,.2,1),background .24s ease;will-change:transform;text-align:left}.bub:hover{transform:translateY(-1px)}.bub:active{transform:scale(.985)}.bub-in{background:linear-gradient(180deg,var(--bubble-in) 0%,var(--bubble-in-2) 100%);color:var(--label-1);border-bottom-left-radius:8px}.bub-out{background:linear-gradient(180deg,var(--bubble-out) 0%,var(--bubble-out-2) 100%);color:var(--label-out);border-bottom-right-radius:8px;box-shadow:var(--shadow-bub-out)}.bub-title{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.008em;opacity:.78;margin-bottom:3px}.bub-out .bub-title{color:#f4f7ffd9}.bub-in .bub-title{color:var(--label-1)}.bub-preview{font-size:16.5px;line-height:1.36}.read-more-hint{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:12.5px;letter-spacing:-.005em;color:var(--label-3)}.bub-out .read-more-hint{color:#f4f7ff8c}.reaction{position:absolute;top:-14px;background:var(--reaction-bg);border:1px solid var(--hairline);box-shadow:0 6px 14px -10px #00000080;border-radius:999px;padding:3px 9px 3px 8px;font-size:14px;line-height:1;display:inline-flex;align-items:center;gap:4px}.reaction-l{left:-4px;border-bottom-left-radius:4px}.reaction-r{right:-4px;border-bottom-right-radius:4px}.reaction .count{font-size:11px;color:var(--label-2);letter-spacing:-.005em;font-weight:500}.reader-backdrop{position:fixed;inset:0;z-index:50;background:color-mix(in oklab,var(--bg-0) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:opacity .28s ease}.reader-backdrop.open{opacity:1;pointer-events:auto}.reader-sheet{position:fixed;inset:0;z-index:51;overflow-y:auto;transform:translateY(20px);opacity:0;pointer-events:none;transition:transform .36s cubic-bezier(.2,.7,.2,1),opacity .28s ease}.reader-sheet.open{transform:translateY(0);opacity:1;pointer-events:auto}.reader-close{position:fixed;top:18px;right:18px;z-index:52;width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--label-2);background:var(--bg-2);border:1px solid var(--hairline);box-shadow:0 4px 12px -6px #0006;font-size:18px;line-height:1}.reader-close:hover{color:var(--label-1)}.reader{font-family:Iowan Old Style,Charter,"Source Serif 4",ui-serif,Georgia,serif;color:var(--label-1);max-width:640px;margin:0 auto;padding:88px 28px 120px}.reader h1{font-size:32px;font-weight:500;line-height:1.18;letter-spacing:-.018em;margin:0 0 8px}.reader .reader-meta{font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:12.5px;color:var(--label-3);letter-spacing:.01em;text-transform:uppercase;margin-bottom:32px}.reader p{font-size:19px;line-height:1.62;letter-spacing:-.005em;margin:0 0 1.05em;font-weight:380}.reader em{font-style:italic}.reader strong{font-weight:600}.reader blockquote{border-left:2px solid var(--hairline-2);padding-left:18px;margin:1.25em 0;color:var(--label-2);font-style:italic}.reader a{color:var(--tint);border-bottom:1px solid color-mix(in oklab,var(--tint) 30%,transparent)}.reader a:hover{border-bottom-color:var(--tint)}.reader code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em;background:var(--bg-2);padding:2px 6px;border-radius:4px}.reader pre{background:var(--bg-2);padding:16px;border-radius:10px;overflow-x:auto;font-size:14px;line-height:1.5}body.reader-open{overflow:hidden}.drawer-backdrop{position:fixed;inset:0;z-index:40;background:#0006;opacity:0;pointer-events:none;transition:opacity .24s ease}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;left:0;bottom:0;width:min(380px,88vw);z-index:41;background:var(--bg-1);border-right:1px solid var(--hairline);transform:translate(-100%);transition:transform .32s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column}.drawer.open{transform:translate(0)}.drawer-header{padding:22px 22px 14px;border-bottom:1px solid var(--hairline)}.drawer-header h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.018em}.drawer-list{flex:1;overflow-y:auto;padding:8px 0}.drawer-item{display:flex;align-items:center;gap:14px;padding:12px 22px;width:100%;text-align:left;border-radius:0;transition:background .16s ease}.drawer-item:hover{background:var(--hairline)}.drawer-item.active{background:color-mix(in oklab,var(--tint) 10%,transparent)}.drawer-avatar{width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,var(--bubble-out) 0%,var(--bubble-out-2) 100%);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--label-out);font-weight:600;font-size:16px}.drawer-meta{flex:1;min-width:0}.drawer-name{font-size:15.5px;font-weight:600;letter-spacing:-.012em;margin-bottom:2px}.drawer-snippet{font-size:13.5px;color:var(--label-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-time{font-size:12px;color:var(--label-3);flex-shrink:0}.about-backdrop{position:fixed;inset:0;z-index:60;background:color-mix(in oklab,var(--bg-0) 92%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .28s ease}.about-backdrop.open{opacity:1;pointer-events:auto}.about-sheet{position:fixed;top:0;left:0;right:0;z-index:61;max-height:100vh;overflow-y:auto;transform:translateY(-30px);opacity:0;pointer-events:none;transition:transform .36s cubic-bezier(.2,.7,.2,1),opacity .28s ease}.about-sheet.open{transform:translateY(0);opacity:1;pointer-events:auto}.about-close{position:fixed;top:18px;right:18px;z-index:62;width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--label-2);background:var(--bg-2);border:1px solid var(--hairline);box-shadow:0 4px 12px -6px #0006;font-size:18px;line-height:1}.about{max-width:480px;margin:0 auto;padding:80px 28px 60px;text-align:center}.about-avatar{width:128px;height:128px;border-radius:999px;margin:0 auto 20px;background:var(--bg-2);background-size:cover;background-position:center;border:1px solid var(--hairline-2);box-shadow:0 24px 48px -28px #000000b3}.about-name{font-size:26px;font-weight:600;letter-spacing:-.018em;margin:0 0 4px}.about-tagline{font-size:14px;color:var(--label-3);letter-spacing:-.005em;margin-bottom:28px}.about-body{font-family:Iowan Old Style,Charter,ui-serif,Georgia,serif;font-size:17px;line-height:1.6;color:var(--label-1);text-align:left;font-weight:380}.about-body p{margin:0 0 1em}.about-body a{color:var(--tint);border-bottom:1px solid color-mix(in oklab,var(--tint) 30%,transparent)}