:root{color-scheme:light;--color-bg: oklch(.985 .003 252);--color-surface: oklch(1 0 0);--color-surface-soft: oklch(.955 .012 78);--color-ink: oklch(.19 .018 252);--color-muted: oklch(.46 .02 252);--color-primary: oklch(.64 .15 78);--color-primary-strong: oklch(.55 .145 78);--color-primary-soft: oklch(.925 .065 80);--color-accent: oklch(.29 .075 252);--color-accent-light: oklch(.37 .075 252);--color-border: oklch(.88 .008 252);--color-success: oklch(.48 .115 150);--color-white-muted: oklch(.82 .018 252);--max-width: 1180px;--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{min-width:320px;margin:0;color:var(--color-ink);background:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}body::selection{color:var(--color-ink);background:var(--color-primary-soft)}button,a{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid color-mix(in oklch,var(--color-primary) 50%,transparent);outline-offset:4px;border-radius:4px}.landing-page{min-height:100vh;overflow:hidden}.site-header{position:relative;z-index:20;width:min(calc(100% - 48px),var(--max-width));min-height:84px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--color-border)}.site-brand{text-decoration:none}.brand-mark{display:inline-flex;align-items:center;gap:12px}.brand-mark__image{width:46px;height:46px;flex:none;display:block;object-fit:cover;border-radius:12px}.brand-mark__copy{display:grid;gap:2px}.brand-mark__copy strong{font-size:15px;line-height:1.25}.brand-mark__copy small{color:var(--color-muted);font-size:11px;line-height:1.25}.brand-mark--compact .brand-mark__image{width:38px;height:38px;border-radius:10px}.brand-mark--inverse .brand-mark__copy strong{color:#fff}.brand-mark--inverse .brand-mark__copy small{color:var(--color-white-muted)}.site-nav{display:flex;align-items:center;gap:30px}.site-nav a{position:relative;color:var(--color-muted);font-size:13px;font-weight:600;text-decoration:none;transition:color .18s ease}.site-nav a:after{position:absolute;right:0;bottom:-9px;left:0;height:2px;content:"";background:var(--color-primary);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease-out)}.site-nav a:hover{color:var(--color-ink)}.site-nav a:hover:after{transform:scaleX(1)}.header-action,.primary-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:var(--color-accent);border:0;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .18s ease,transform .18s var(--ease-out)}.header-action{padding:0 18px}.header-action:hover,.primary-action:hover{background:var(--color-accent-light);transform:translateY(-2px)}.header-auth-actions,.header-account{display:flex;align-items:center;gap:14px}.header-auth-actions>button:first-child,.header-account button{min-height:40px;padding:0 4px;color:var(--color-muted);background:transparent;border:0;cursor:pointer;font-size:12px;font-weight:700}.header-auth-actions>button:first-child:hover,.header-account button:hover{color:var(--color-ink)}.header-account>a{color:var(--color-accent);font-size:12px;font-weight:750;text-decoration:none}.hero{width:min(calc(100% - 48px),var(--max-width));min-height:690px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);align-items:center;gap:clamp(48px,7vw,104px);padding:clamp(72px,10vw,132px) 0}.hero__copy{max-width:660px}.status-label{width:fit-content;margin:0 0 26px;display:flex;align-items:center;gap:9px;color:var(--color-primary-strong);font-size:13px;font-weight:700}.status-label span{width:9px;height:9px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 0 5px var(--color-primary-soft)}.hero h1{margin:0;font-size:clamp(3.25rem,6.8vw,5.5rem);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.hero h1 strong{display:block;color:var(--color-primary-strong);font-weight:700}.hero__description{max-width:36em;margin:30px 0 0;color:var(--color-muted);font-size:clamp(1.05rem,1.5vw,1.18rem);line-height:1.8;text-wrap:pretty}.hero__actions{margin-top:38px;display:flex;align-items:center;flex-wrap:wrap;gap:18px}.primary-action{padding:0 22px}.text-action{min-height:44px;display:inline-flex;align-items:center;color:var(--color-muted);font-size:12px;text-decoration-color:var(--color-border);text-underline-offset:5px}.text-action:hover{color:var(--color-ink)}.hero__visual{position:relative;min-height:510px;display:flex;flex-direction:column;justify-content:center;padding:40px;background:var(--color-primary-soft);border-radius:16px}.observer-orbit{position:absolute;top:-68px;right:-72px;width:210px;height:210px;border:1px solid color-mix(in oklch,var(--color-primary-strong) 22%,transparent);border-radius:50%}.observer-orbit:before,.observer-orbit:after{position:absolute;content:"";border:1px solid color-mix(in oklch,var(--color-primary-strong) 17%,transparent);border-radius:50%}.observer-orbit:before{top:28px;right:28px;bottom:28px;left:28px}.observer-orbit:after{top:62px;right:62px;bottom:62px;left:62px;background:color-mix(in oklch,white 35%,transparent)}.observer{position:relative;z-index:1;margin-bottom:-22px;display:flex;align-items:center;gap:12px}.observer img{width:68px;height:68px;object-fit:cover;border:5px solid var(--color-primary-soft);border-radius:50%}.observer>span{display:grid;gap:2px}.observer strong{font-size:14px}.observer small{color:var(--color-muted);font-size:11px}.observation-preview{position:relative;z-index:0;container-type:inline-size;padding:48px 30px 28px;background:var(--color-surface);border-radius:12px;animation:quiet-float 7s var(--ease-out) infinite alternate}.observation-preview header,.observation-preview footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.observation-preview header>div{display:grid;gap:5px}.observation-preview header span{color:var(--color-muted);font-size:11px}.observation-preview header time{font-size:17px;font-weight:750}.concept-badge{padding:5px 9px;color:var(--color-primary-strong)!important;background:var(--color-primary-soft);border-radius:999px;font-weight:700}.observation-preview>p{margin:26px 0 22px;font-size:15px;line-height:1.85;text-wrap:pretty}.observation-preview>.selected-quote{max-width:none;font-size:clamp(1rem,7.2cqi,1.8rem);font-weight:750;line-height:1.35;letter-spacing:-.025em;white-space:nowrap}.preview-signals{display:flex;flex-wrap:wrap;gap:8px}.preview-signals span{padding:6px 9px;color:var(--color-muted);background:var(--color-bg);border-radius:6px;font-size:11px}.observation-preview footer{margin-top:28px;padding-top:17px;border-top:1px solid var(--color-border)}.observation-preview footer span{color:var(--color-muted);font-size:10px}.observation-preview footer strong{color:var(--color-primary-strong);font-size:12px}.hero__note{margin:16px 4px 0;color:var(--color-muted);font-size:10px;line-height:1.6;text-align:center}.idea-section{padding:clamp(96px,12vw,168px) max(24px,calc((100vw - var(--max-width)) / 2));background:var(--color-surface)}.section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:end;gap:72px}.section-heading h2,.echo-copy h2,.extension-copy h2{margin:0;font-size:clamp(2.35rem,4.5vw,4.35rem);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.section-heading p{max-width:34em;margin:0 0 6px;color:var(--color-muted);font-size:16px;line-height:1.8;text-wrap:pretty}.reading-story{margin-top:clamp(72px,9vw,120px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:center;gap:clamp(48px,7vw,96px)}.browser-scene{overflow:hidden;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px}.browser-bar{min-height:46px;padding:0 16px;display:flex;align-items:center;gap:22px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.browser-bar>span{display:flex;gap:6px}.browser-bar i{width:8px;height:8px;display:block;background:var(--color-border);border-radius:50%}.browser-bar i:first-child{background:var(--color-primary)}.browser-bar div{width:min(70%,360px);padding:7px 12px;color:var(--color-muted);background:var(--color-bg);border-radius:5px;font-size:10px}.browser-body{min-height:430px;padding:54px;display:grid;grid-template-columns:minmax(0,1fr) 255px;align-items:start;gap:32px}.article-copy{min-width:0;padding-top:8px}.article-copy small{color:var(--color-muted);font-size:9px}.article-copy h3{margin:15px 0 0;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.3;letter-spacing:-.02em}.article-copy p{margin:22px 0 0;color:var(--color-muted);font-size:12px;line-height:2}.article-copy mark{padding:2px 3px;color:var(--color-ink);background:var(--color-primary-soft);box-decoration-break:clone;-webkit-box-decoration-break:clone}.mini-popup{padding:18px;display:grid;gap:17px;background:var(--color-surface);border-radius:10px;box-shadow:0 6px 8px color-mix(in oklch,var(--color-accent) 10%,transparent)}.mini-popup .brand-mark__image{width:32px;height:32px;border-radius:8px}.mini-popup blockquote{margin:0;font-size:13px;font-weight:750;line-height:1.55}.mini-popup__button{min-height:36px;display:grid;place-items:center;color:#fff;background:var(--color-accent);border-radius:7px;font-size:10px;font-weight:750}.mini-popup__foot{padding-top:12px;color:var(--color-primary-strong);border-top:1px solid var(--color-border);font-size:9px;font-weight:700}.story-copy{max-width:500px}.story-index,.echo-copy>span{color:var(--color-primary-strong);font-size:13px;font-weight:750}.story-copy h3{margin:20px 0 0;font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.12;letter-spacing:-.03em;text-wrap:balance}.story-copy>p{margin:24px 0 0;color:var(--color-muted);font-size:15px;line-height:1.85;text-wrap:pretty}.story-copy ul{margin:30px 0 0;padding:0;list-style:none;border-top:1px solid var(--color-border)}.story-copy li{min-height:54px;display:grid;grid-template-columns:62px 1fr;align-items:center;gap:12px;color:var(--color-muted);border-bottom:1px solid var(--color-border);font-size:12px}.story-copy li span{color:var(--color-ink);font-weight:750}.echo-section{padding:clamp(96px,12vw,160px) max(24px,calc((100vw - var(--max-width)) / 2));display:grid;grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr);gap:clamp(64px,9vw,130px);color:#fff;background:var(--color-accent)}.echo-copy>span{color:var(--color-primary)}.echo-copy h2{margin-top:22px}.echo-copy p{max-width:34em;margin:28px 0 0;color:var(--color-white-muted);font-size:15px;line-height:1.85;text-wrap:pretty}.echo-conclusion{margin-top:42px;padding-top:23px;border-top:1px solid color-mix(in oklch,white 23%,transparent)}.echo-conclusion small{display:block;color:var(--color-primary);font-size:10px;font-weight:750}.echo-conclusion strong{max-width:18em;margin-top:10px;display:block;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.45;text-wrap:balance}.echo-timeline{margin:0;padding:0;list-style:none}.echo-timeline li{position:relative;min-height:105px;display:grid;grid-template-columns:64px 1fr;gap:22px}.echo-timeline li:before{position:absolute;top:9px;left:74px;width:8px;height:8px;content:"";background:var(--color-primary);border-radius:50%}.echo-timeline li:not(:last-child):after{position:absolute;top:24px;bottom:6px;left:77px;width:1px;content:"";background:color-mix(in oklch,white 25%,transparent)}.echo-timeline time{padding-top:1px;color:var(--color-white-muted);font-size:11px}.echo-timeline div{display:grid;align-content:start;gap:7px;padding-left:18px}.echo-timeline small{color:var(--color-primary);font-size:10px}.echo-timeline strong{max-width:28em;font-size:15px;line-height:1.55}.echo-timeline .is-future:before{background:transparent;border:2px solid var(--color-primary)}.echo-timeline .is-future strong{color:var(--color-white-muted)}.extension-section{padding:clamp(96px,12vw,160px) max(24px,calc((100vw - var(--max-width)) / 2));display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-items:center;gap:clamp(64px,10vw,150px);background:var(--color-primary-soft)}.extension-copy>p:first-child{margin:0 0 22px;color:var(--color-primary-strong);font-size:13px;font-weight:750}.extension-description{max-width:40em;margin:28px 0 0;color:var(--color-muted);font-size:15px;line-height:1.85;text-wrap:pretty}.extension-meta{margin-top:34px;display:flex;flex-wrap:wrap;gap:9px}.extension-meta span{padding:7px 10px;color:var(--color-accent);background:color-mix(in oklch,white 65%,transparent);border-radius:6px;font-size:11px;font-weight:700}.extension-download{width:fit-content;margin-top:28px;padding:0 22px}.extension-popup-preview{overflow:hidden;background:var(--color-surface);border-radius:14px;box-shadow:0 7px 8px color-mix(in oklch,var(--color-accent) 11%,transparent)}.extension-popup-preview__top{min-height:76px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}.extension-popup-preview__top>span{color:var(--color-muted);font-size:10px}.extension-popup-preview__body{padding:30px 26px 25px}.extension-ready{display:flex;align-items:center;gap:8px;color:var(--color-primary-strong);font-size:11px;font-weight:750}.extension-ready i{width:8px;height:8px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 0 4px var(--color-primary-soft)}.extension-popup-preview h3{margin:20px 0 0;font-size:24px;letter-spacing:-.02em}.extension-popup-preview__body p{margin:14px 0 0;color:var(--color-muted);font-size:12px;line-height:1.7}.extension-preview-action{width:100%;min-height:42px;margin-top:20px;display:grid;place-items:center;color:#fff;background:var(--color-accent);border-radius:8px;font-size:12px;font-weight:750}.extension-popup-preview dl{margin:0;padding:0 26px 26px}.extension-popup-preview dl div{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--color-border)}.extension-popup-preview dt{color:var(--color-muted);font-size:11px}.extension-popup-preview dd{margin:0;color:var(--color-ink);font-size:11px;font-weight:700}.archive-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.archive-header{width:min(calc(100% - 48px),var(--max-width));min-height:84px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;border-bottom:1px solid var(--color-border)}.archive-nav{display:flex;align-items:center;gap:8px}.archive-nav a{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;color:var(--color-muted);border-radius:7px;font-size:12px;font-weight:700;text-decoration:none;transition:color .18s ease,background .18s ease}.archive-nav a:hover{color:var(--color-ink);background:var(--color-surface-soft)}.archive-nav a[aria-current=page]{color:var(--color-ink);background:var(--color-primary-soft)}.archive-account{justify-self:end;display:flex;align-items:center;gap:14px}.archive-account span{max-width:170px;overflow:hidden;color:var(--color-muted);font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.archive-account button{min-height:40px;padding:0 4px;color:var(--color-muted);background:transparent;border:0;cursor:pointer;font-size:12px;font-weight:700}.archive-account button:hover{color:var(--color-ink)}.archive-main{flex:1}.archive-intro{color:#fff;background:var(--color-accent)}.archive-intro__inner{width:min(calc(100% - 48px),var(--max-width));min-height:310px;margin:0 auto;padding:68px 0;display:flex;align-items:end;justify-content:space-between;gap:64px}.archive-intro__inner>div{max-width:720px}.archive-intro p{margin:0 0 18px;color:var(--color-primary);font-size:13px;font-weight:750}.archive-intro h1{margin:0;font-size:3.4rem;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.archive-intro h1+span{max-width:48em;margin-top:22px;display:block;color:var(--color-white-muted);font-size:14px;line-height:1.75;text-wrap:pretty}.archive-download{min-height:44px;padding:0 18px;flex:none;display:inline-flex;align-items:center;gap:10px;color:var(--color-ink);background:var(--color-primary);border-radius:8px;font-size:12px;font-weight:750;text-decoration:none;transition:background .18s ease,transform .18s var(--ease-out)}.archive-download:hover{background:#cf9100;background:oklch(.7 .15 78);transform:translateY(-2px)}.inbox-section{width:min(calc(100% - 48px),var(--max-width));margin:0 auto;padding:76px 0 112px}.inbox-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.inbox-heading>div{display:grid;gap:12px}.inbox-heading span{color:var(--color-primary-strong);font-size:12px;font-weight:750}.inbox-heading h2{margin:0;font-size:2.5rem;line-height:1.15;letter-spacing:-.03em}.inbox-heading>p{margin:0 0 5px;color:var(--color-muted);font-size:11px}.inbox-empty{margin-top:44px;padding:34px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.inbox-empty strong{font-size:18px}.inbox-empty p{max-width:46em;margin:10px 0 0;color:var(--color-muted);font-size:13px;line-height:1.7}.inbox-empty a{min-height:40px;margin-top:22px;padding:0 15px;display:inline-flex;align-items:center;color:#fff;background:var(--color-accent);border-radius:8px;font-size:12px;font-weight:750;text-decoration:none}.inbox-error{margin-top:44px;padding:24px;color:#7f211b;background:#ffedea;background:oklch(.96 .025 28);border:1px solid oklch(.86 .06 28);border-radius:10px}.inbox-error strong{font-size:15px}.inbox-error p{margin:7px 0 0;font-size:12px;line-height:1.65}.inbox-error button{margin-top:16px;padding:0;color:inherit;background:transparent;border:0;cursor:pointer;font-size:12px;font-weight:750;text-decoration:underline;text-underline-offset:4px}.inbox-loading{margin-top:44px;display:grid}.inbox-loading span{min-height:112px;border-top:1px solid var(--color-border);background:linear-gradient(90deg,transparent 25%,color-mix(in oklch,var(--color-border) 45%,transparent) 50%,transparent 75%);background-size:200% 100%;animation:archive-loading 1.4s ease-in-out infinite}.inbox-loading span:last-child{border-bottom:1px solid var(--color-border)}.inbox-list{margin:44px 0 0;padding:0;list-style:none;border-top:1px solid var(--color-border)}.inbox-list li{min-height:124px;padding:26px 0;display:grid;grid-template-columns:110px minmax(0,1fr) minmax(150px,260px);align-items:center;gap:30px;border-bottom:1px solid var(--color-border)}.inbox-list time{color:var(--color-primary-strong);font-size:11px;font-weight:700}.inbox-list blockquote{margin:0;font-size:17px;font-weight:700;line-height:1.65;text-wrap:pretty}.inbox-list a{overflow:hidden;color:var(--color-muted);font-size:11px;text-align:right;text-overflow:ellipsis;white-space:nowrap;text-decoration-color:var(--color-border);text-underline-offset:4px}.inbox-list a:hover{color:var(--color-ink)}.archive-footer{width:min(calc(100% - 48px),var(--max-width));min-height:96px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--color-border)}.archive-footer p{margin:0;color:var(--color-muted);font-size:11px}.archive-footer a{color:var(--color-ink);font-size:11px;font-weight:700;text-underline-offset:4px}.app-loading{min-height:100vh;margin:0;display:grid;place-content:center;justify-items:center;gap:16px;color:var(--color-muted);background:var(--color-bg)}.app-loading span{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary-strong);border-radius:50%;animation:loading-spin .9s linear infinite}.app-loading p{margin:0;font-size:13px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.88fr) minmax(460px,1.12fr);background:var(--color-bg)}.auth-story{min-height:100vh;padding:clamp(36px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:var(--color-accent)}.auth-brand{width:fit-content;text-decoration:none}.auth-story>div{max-width:580px}.auth-story>div>p:first-child{margin:0 0 24px;color:var(--color-primary);font-size:13px;font-weight:750}.auth-story h1{margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.auth-story h1+p{max-width:36em;margin:28px 0 0;color:var(--color-white-muted);font-size:14px;line-height:1.8}.auth-story>small{color:var(--color-white-muted);font-size:11px}.auth-form-wrap{width:min(calc(100% - 48px),520px);margin:auto;padding:56px 0}.auth-back{min-height:40px;padding:0;color:var(--color-muted);background:transparent;border:0;cursor:pointer;font-size:12px;font-weight:700}.auth-back:hover{color:var(--color-ink)}.auth-form-heading{margin-top:52px;display:flex;align-items:center;gap:18px}.auth-form-mark{width:54px;height:54px;flex:none;object-fit:cover;border-radius:12px}.auth-form-heading h2{margin:0;font-size:30px;letter-spacing:-.025em}.auth-form-heading p{margin:6px 0 0;color:var(--color-muted);font-size:12px;line-height:1.55}.auth-switch{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--color-border)}.auth-switch button{position:relative;min-height:48px;color:var(--color-muted);background:transparent;border:0;cursor:pointer;font-size:13px;font-weight:700}.auth-switch button:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;content:"";background:transparent}.auth-switch .is-active{color:var(--color-ink)}.auth-switch .is-active:after{background:var(--color-primary-strong)}.auth-error{margin:22px 0 0;padding:12px 14px;color:#9b1f1b;background:#ffe4e0;background:oklch(.94 .035 28);border-radius:8px;font-size:12px;line-height:1.55}.auth-form{margin-top:26px;display:grid;gap:19px}.auth-form label{display:grid;gap:8px}.auth-form label>span{font-size:12px;font-weight:700}.auth-form input{width:100%;min-height:48px;padding:0 13px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font:inherit;font-size:14px}.auth-form input::placeholder{color:#5b646f}.auth-form input:focus{border-color:var(--color-accent);outline:3px solid color-mix(in oklch,var(--color-accent) 16%,transparent)}.auth-submit{min-height:50px;margin-top:5px;color:#fff;background:var(--color-accent);border:0;border-radius:8px;cursor:pointer;font:inherit;font-size:13px;font-weight:750}.auth-submit:hover{background:var(--color-accent-light)}.auth-submit:disabled{cursor:wait;opacity:.62}.auth-privacy{margin:22px 0 0;color:var(--color-muted);font-size:10px;line-height:1.6;text-align:center}.site-footer{min-height:230px;padding:56px max(24px,calc((100vw - var(--max-width)) / 2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;color:#fff;background:var(--color-ink)}.site-footer p{margin:0;color:var(--color-white-muted);font-size:13px}.site-footer>a{justify-self:end;color:#fff;font-size:12px;font-weight:700;text-underline-offset:5px}@keyframes quiet-float{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes archive-loading{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:980px){.site-nav{display:none}.hero{grid-template-columns:1fr}.hero__copy{max-width:760px}.hero__visual{width:min(100%,620px);min-height:480px;justify-self:end}.section-heading,.reading-story,.echo-section,.extension-section{grid-template-columns:1fr}.section-heading{align-items:start;gap:28px}.section-heading p{max-width:42em}.reading-story{gap:56px}.story-copy{max-width:680px}.echo-section{gap:70px}.echo-timeline{max-width:620px}.extension-popup-preview{width:min(100%,430px)}.site-footer{grid-template-columns:1fr auto}.site-footer p{grid-column:1 / -1;grid-row:2}.auth-shell{grid-template-columns:1fr}.auth-story{min-height:480px}.archive-intro__inner{align-items:start;flex-direction:column;gap:34px}}@media(max-width:640px){html{scroll-padding-top:68px}.site-header{width:min(calc(100% - 32px),var(--max-width));min-height:70px}.header-action{min-height:40px;padding:0 13px;font-size:11px}.header-action span{display:none}.brand-mark--compact .brand-mark__image{width:34px;height:34px}.brand-mark--compact .brand-mark__copy strong{font-size:13px}.hero{width:min(calc(100% - 32px),var(--max-width));min-height:auto;gap:68px;padding:68px 0 90px}.hero h1{font-size:clamp(3rem,15vw,4.4rem);letter-spacing:-.03em}.hero__description{font-size:16px}.hero__actions{align-items:stretch;flex-direction:column}.primary-action{width:100%}.text-action{justify-content:center}.hero__visual{min-height:430px;padding:28px 18px}.observer{margin-left:4px}.observer img{width:58px;height:58px}.observation-preview{padding:43px 20px 22px}.observation-preview>p{font-size:13px}.idea-section,.echo-section,.extension-section{padding-right:20px;padding-left:20px}.section-heading h2,.echo-copy h2,.extension-copy h2{font-size:clamp(2.2rem,11vw,3.4rem)}.browser-body{min-height:400px;padding:28px 18px;grid-template-columns:1fr}.article-copy{opacity:.58}.mini-popup{width:min(100%,270px);justify-self:end;margin-top:-76px}.site-footer{min-height:250px;padding:44px 20px;grid-template-columns:1fr;gap:28px}.site-footer p{grid-column:1;grid-row:auto}.site-footer>a{justify-self:start}.header-auth-actions{gap:8px}.header-auth-actions>button:first-child{display:none}.header-account>a{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-header{width:min(calc(100% - 32px),var(--max-width));min-height:70px;grid-template-columns:1fr auto}.archive-nav{display:none}.archive-account span{max-width:90px}.archive-intro__inner{width:min(calc(100% - 40px),var(--max-width));min-height:330px;padding:54px 0}.archive-intro h1{font-size:2.6rem}.archive-download{width:100%;justify-content:center}.inbox-section{width:min(calc(100% - 40px),var(--max-width));padding:58px 0 84px}.inbox-heading{align-items:start;flex-direction:column;gap:24px}.inbox-heading h2{font-size:2rem}.inbox-list li{grid-template-columns:1fr;gap:12px}.inbox-list a{text-align:left}.inbox-empty{padding:26px 22px}.archive-footer{width:min(calc(100% - 40px),var(--max-width));min-height:130px;align-items:start;justify-content:center;flex-direction:column;gap:14px}.auth-story{min-height:420px;padding:32px 20px}.auth-story h1{font-size:clamp(2.7rem,13vw,4rem)}.auth-form-wrap{width:min(calc(100% - 40px),520px);padding:38px 0 56px}.auth-form-heading{margin-top:36px;align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{overflow-x:clip}body{min-width:0}.brand-mark__copy strong,.brand-mark__copy small,.status-label,.concept-badge,.extension-meta span,.extension-popup-preview__top>span,.primary-action,.header-action,.archive-download,.extension-preview-action{white-space:nowrap}.hero__copy,.auth-story>div{container-type:inline-size}.hero h1{font-size:clamp(1.9rem,11cqi,4.6rem)}.hero h1,.section-heading h2,.story-copy h3,.extension-copy h2,.auth-story h1{word-break:keep-all}.section-heading h2,.echo-copy h2,.extension-copy h2{font-size:clamp(2.35rem,4.5vw,3.6rem)}.echo-copy h2,.echo-conclusion strong,.extension-popup-preview h3,.extension-popup-preview__body p,.auth-story h1+p,.auth-form-heading p,.auth-privacy,.archive-intro h1+span,.inbox-empty p{text-wrap:balance}.article-copy h3{font-size:1.25rem;text-wrap:balance;word-break:keep-all}.browser-body{padding:clamp(28px,4vw,44px)}.inline-keep{white-space:nowrap}.preview-signals{flex-wrap:nowrap;justify-content:space-between;gap:4px}.preview-signals span{padding-right:clamp(4px,2cqi,9px);padding-left:clamp(4px,2cqi,9px);white-space:nowrap}.observation-preview header>div,.observation-preview footer>*,.extension-popup-preview dt,.extension-popup-preview dd{white-space:nowrap}.extension-popup-preview h3{font-size:clamp(1.1875rem,5vw,1.5rem);line-height:1.35}.auth-story h1{font-size:clamp(1.9rem,10.5cqi,5rem)}.auth-error,.inbox-error,.inbox-list blockquote{overflow-wrap:anywhere}@media(max-width:1100px){.reading-story{grid-template-columns:1fr}.story-copy{max-width:680px}}@media(max-width:640px){.browser-body{padding:28px 18px}.section-heading h2,.echo-copy h2,.extension-copy h2{font-size:clamp(1.55rem,8vw,2.5rem)}.echo-timeline li{grid-template-columns:52px minmax(0,1fr);gap:14px}.echo-timeline li:before{left:58px}.echo-timeline li:not(:last-child):after{left:61px}.echo-timeline div{padding-left:14px}}@media(max-width:420px){.extension-popup-preview__top .brand-mark__copy small{display:none}.extension-popup-preview__top .brand-mark__image{width:38px;height:38px;border-radius:10px}}