.landing{min-height:100vh;background:var(--bg)}.landing-inner{max-width:1100px;margin:0 auto;padding:0 var(--space-lg)}.hero{padding:var(--space-3xl) 0 var(--space-2xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:start}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:var(--space-xl);padding:var(--space-xl) 0 var(--space-xl)}}.hero-identity{display:flex;flex-direction:column;gap:var(--space-lg);padding-top:var(--space-lg)}.hero-eyebrow{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);letter-spacing:var(--tracking-caption);text-transform:uppercase;display:flex;align-items:center;gap:var(--space-sm)}.hero-eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.6}.hero-tagline{font-size:clamp(var(--text-2xl),3vw,var(--text-3xl));font-weight:600;color:var(--text-primary);line-height:1.25;letter-spacing:var(--tracking-display);margin:0;text-wrap:pretty}.hero-tagline em{font-style:normal;color:var(--accent)}.hero-sub{font-size:var(--text-base);color:var(--text-secondary);line-height:1.65;margin:0;max-width:40ch}.hero-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.hero-tag{padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-muted);border:1px solid var(--border);background:transparent}.hero-cta-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.hero-cta-primary{padding:11px 24px;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:var(--text-sm);font-weight:600;border:none;cursor:pointer;transition:background var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-sm)}.hero-cta-primary:hover{background:var(--accent-hover)}.hero-cta-ghost{font-size:var(--text-sm);color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition-base);padding:0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:transparent}.hero-cta-ghost:hover{color:var(--text-secondary);text-decoration-color:var(--border)}.hero-author{display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border)}.hero-author-info{display:flex;flex-direction:column;gap:1px}.hero-author-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.hero-author-bio{font-size:var(--text-xs);color:var(--text-muted)}.hero-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base);cursor:pointer}.hero-card:hover{border-color:rgba(var(--accent-rgb),.3)}.hero-card-cover{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),color-mix(in srgb,var(--accent) 3%,var(--panel)));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-card-cover-label{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-caption);font-family:var(--font-mono);opacity:.5}.hero-card-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 18px,rgba(var(--accent-rgb),.03) 18px,rgba(var(--accent-rgb),.03) 19px)}.hero-card-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.hero-card-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.hero-card-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);line-height:1.35;margin:0;text-wrap:pretty}.hero-card-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-card-ai{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--accent-tint);border-radius:var(--radius-md);border:1px solid rgba(var(--accent-rgb),.1)}.hero-card-ai-icon{font-size:12px;flex-shrink:0;margin-top:1px}.hero-card-ai-text{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.55}.hero-card-ai-badge{font-size:10px;font-weight:600;color:var(--accent);letter-spacing:var(--tracking-caption);margin-right:var(--space-xs)}.hero-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-xs);border-top:1px solid var(--border)}.hero-card-author{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-muted)}.hero-card-eng{font-size:var(--text-xs);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-sm)}.landing-divider{height:1px;background:var(--border);margin:0 0 var(--space-2xl)}.columns-section{padding-bottom:var(--space-2xl)}.section-label{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);letter-spacing:var(--tracking-caption);text-transform:uppercase;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.columns-rail{display:flex;gap:var(--space-md);overflow-x:auto;padding-bottom:var(--space-sm);scrollbar-width:none;-ms-overflow-style:none}.columns-rail::-webkit-scrollbar{display:none}.column-tile{flex-shrink:0;width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:border-color var(--transition-base);display:flex;flex-direction:column;gap:var(--space-xs)}.column-tile:hover{border-color:rgba(var(--accent-rgb),.3)}.column-tile-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.column-tile-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.column-tile-count{font-size:var(--text-xs);color:var(--accent);margin-top:auto}.recent-section{padding-bottom:var(--space-2xl)}.recent-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.recent-section-label{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);letter-spacing:var(--tracking-caption);text-transform:uppercase}.recent-see-all{font-size:var(--text-xs);color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition-base);padding:0}.recent-see-all:hover{color:var(--accent)}.recent-list{display:flex;flex-direction:column;gap:var(--space-sm)}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:border-color var(--transition-base);display:grid;grid-template-columns:1fr auto;gap:var(--space-md);align-items:start}.post-card:hover{border-color:rgba(var(--accent-rgb),.25)}.post-card-main{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.post-card-type-row{display:flex;align-items:center;gap:var(--space-sm)}.post-type-icon{font-size:11px;color:var(--text-muted)}.post-card-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0;line-height:1.35;text-wrap:pretty;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-card-note-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-ai-line{display:flex;align-items:flex-start;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.55}.post-card-ai-line .ai-star{color:var(--accent);flex-shrink:0}.post-card-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.post-card-meta-item{font-size:var(--text-xs);color:var(--text-muted);display:flex;align-items:center;gap:3px}.post-card--reading .post-card-spread{display:flex;gap:6px;margin:var(--space-xs) 0;align-items:center}.spread-mini-card{width:28px;height:49px;border-radius:4px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 20%,var(--surface)),color-mix(in srgb,var(--accent) 6%,var(--surface)));border:1px solid rgba(var(--accent-rgb),.2);position:relative;flex-shrink:0}.spread-mini-card:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(var(--accent-rgb),.1);border-radius:2px}.spread-mini-card.is-reversed{transform:rotate(180deg)}.post-card-cover{width:80px;height:60px;border-radius:var(--radius-sm);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),color-mix(in srgb,var(--accent) 3%,var(--panel)));flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:0;overflow:hidden;position:relative}.post-card-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(var(--accent-rgb),.04) 6px,rgba(var(--accent-rgb),.04) 7px)}.daily-section{margin-bottom:var(--space-2xl)}.daily-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;gap:var(--space-xl);align-items:center;cursor:pointer;transition:border-color var(--transition-base)}.daily-card:hover{border-color:rgba(var(--accent-rgb),.3)}@media(max-width:600px){.daily-card{flex-direction:column;align-items:flex-start;gap:var(--space-md)}}.daily-card-visual{width:54px;height:84px;border-radius:6px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 15%,var(--panel)),color-mix(in srgb,var(--accent) 5%,var(--panel)));border:1px solid rgba(var(--accent-rgb),.15);flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.daily-card-visual:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(var(--accent-rgb),.1);border-radius:4px}.daily-card-visual-label{font-size:9px;color:var(--text-muted);font-family:var(--font-mono);opacity:.5;position:absolute;bottom:6px;left:0;right:0;text-align:center}.daily-card-info{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.daily-card-label{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);letter-spacing:var(--tracking-caption);text-transform:uppercase}.daily-card-name{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.daily-card-name em{font-style:normal;color:var(--text-muted);font-size:var(--text-sm);font-weight:400}.daily-card-reading{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0;max-width:60ch}.daily-card-cta{font-size:var(--text-xs);color:var(--accent);font-weight:500;background:none;border:none;cursor:pointer;padding:0;align-self:flex-start;transition:opacity var(--transition-base)}.daily-card-cta:hover{opacity:.75}.landing-footer{border-top:1px solid var(--border);padding:var(--space-xl) 0;margin-top:var(--space-xl)}.landing-footer-inner{max-width:1100px;margin:0 auto;padding:0 var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.footer-subscribe{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.footer-subscribe-label{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.footer-subscribe-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:7px 16px;font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-body);outline:none;transition:border-color var(--transition-base);width:220px}.footer-subscribe-input:focus{border-color:var(--accent);outline:2px solid rgba(var(--accent-rgb),.15);outline-offset:0}.footer-subscribe-btn{padding:7px 16px;border-radius:var(--radius-full);background:var(--panel);border:1px solid var(--border);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.footer-subscribe-btn:hover{border-color:rgba(var(--accent-rgb),.4);color:var(--accent)}.footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-md)}.footer-link{font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition-base);text-decoration:none}.footer-link:hover{color:var(--text-secondary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.footer-copy{font-size:var(--text-xs);color:var(--text-muted)}.footer-controls{display:flex;align-items:center;gap:var(--space-sm)}.mode-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:5px var(--space-sm);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.mode-toggle:hover{border-color:rgba(var(--accent-rgb),.4);color:var(--accent)}.new-posts-pill{display:none;position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:var(--z-nav);background:var(--accent);color:#fff;padding:7px 16px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;cursor:pointer;border:none;box-shadow:0 4px 16px rgba(var(--accent-rgb),.3);animation:pillBounce .4s cubic-bezier(0,0,.3,1)}.new-posts-pill.is-visible{display:block}@keyframes pillBounce{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[data-auth-state=in] .hero-cta-primary{background:var(--panel);color:var(--text-primary);border:1px solid var(--border)}[data-auth-state=in] .hero-cta-primary:hover{border-color:rgba(var(--accent-rgb),.4);background:var(--panel)}[data-read-mode=quick] .post-card-note-body,[data-read-mode=quick] .post-card-ai-line{display:none}[data-read-mode=quick] .post-card-ai-line.mode-quick{display:flex}@media(max-width:600px){.post-card{grid-template-columns:1fr}.post-card-cover{display:none}.hero{padding:var(--space-lg) 0}}.u-mb-md{margin-bottom:var(--space-md)}.u-spacer-30{width:30px}.u-label-optional{color:var(--text-muted);font-weight:400}.u-forgot-hint{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-md)}.u-sep-dot{color:var(--border)}.u-narrow-section{max-width:420px;margin:0 auto var(--space-3xl)}.u-wide-section{max-width:1120px;margin:0 auto}.u-text-muted-sm{font-size:var(--text-sm);color:var(--text-muted)}.u-typo-hint{font-size:11px;color:var(--warning);margin-top:2px;display:block}.initially-hidden{display:none}.u-meta-note{font-size:var(--text-xs);color:var(--text-muted)}.u-cover-label{font-size:9px;color:var(--text-muted);font-family:var(--font-mono);position:relative;z-index:1}.u-rss-link{font-size:var(--text-xs);color:var(--text-muted);text-decoration:underline;text-underline-offset:2px}.u-ping-link{display:block;margin-top:6px;margin-left:32px}.u-theme-picker-strip{margin:0;gap:4px}.u-card-pending{opacity:.6;cursor:default}.u-rationale-box{max-width:600px;margin:0 auto var(--space-3xl);padding:var(--space-xl);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.u-rationale-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md)}.u-rationale-p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin:0 0 var(--space-md)}.u-rationale-p-last{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin:0}.u-label-suffix{font-size:var(--text-xs);font-weight:400;color:var(--text-muted);margin-left:var(--space-sm)}.u-spacing-row{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:flex-end}.u-spacing-col{display:flex;flex-direction:column;align-items:center;gap:4px}.u-spacing-swatch{background:var(--accent);border-radius:2px;width:var(--sz);height:var(--sz)}.u-spacing-label{font-size:10px;font-family:var(--font-mono);color:var(--text-muted)}.u-components-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;padding:var(--space-md) 0;user-select:none;-webkit-user-select:none}.u-cursor-pointer{cursor:pointer}