:root{--bg: var(--tg-theme-bg-color, #17212b);--surface: var(--tg-theme-secondary-bg-color, #232e3c);--section: var(--tg-theme-section-bg-color, var(--tg-theme-bg-color, #1d2733));--text: var(--tg-theme-text-color, #f5f5f5);--hint: var(--tg-theme-hint-color, #8596a8);--subtitle: var(--tg-theme-subtitle-text-color, var(--tg-theme-hint-color, #8596a8));--link: var(--tg-theme-link-color, #6ab3f3);--accent: var(--tg-theme-accent-text-color, var(--tg-theme-button-color, #5288c1));--button: var(--tg-theme-button-color, #5288c1);--button-text: var(--tg-theme-button-text-color, #ffffff);--destructive: var(--tg-theme-destructive-text-color, #e5534b);--c-draft: #4d8bd1;--c-publishing: #d9a43a;--c-published: #41ab68;--c-rejected: #c95d56;--c-success: #41ab68;--c-danger: #c95d56;--hairline: color-mix(in srgb, var(--text) 10%, transparent);--hairline-strong: color-mix(in srgb, var(--text) 16%, transparent);--overlay: color-mix(in srgb, var(--text) 6%, transparent);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .12);--shadow-md: 0 6px 20px rgba(0, 0, 0, .18);--tabbar-h: 58px;--header-h: 52px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overscroll-behavior-y:none}a{color:var(--link);text-decoration:none}button{font:inherit;color:inherit;background:transparent;border:none;cursor:pointer;padding:0}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.app{max-width:620px;margin:0 auto;min-height:100vh}.page{padding:var(--space-4);padding-top:calc(var(--space-3) + var(--safe-top));padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--space-5));animation:page-in .32s cubic-bezier(.22,.61,.36,1)}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.page-title{font-size:26px;line-height:1.15}.page-subtitle{color:var(--hint);font-size:13px;margin-top:2px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--hint)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:var(--space-5) var(--space-1) var(--space-2)}.section-head:first-child{margin-top:0}.section-head__title{font-size:16px;font-weight:700}.section-head__link{font-size:13px;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:2px}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.card+.card,.stack>*+*{margin-top:var(--space-3)}.stack{display:flex;flex-direction:column}.stack--tight>*+*{margin-top:var(--space-2)}.tappable{display:block;text-decoration:none;color:inherit;transition:transform .12s ease,background-color .12s ease}.tappable:active{transform:scale(.985);background:color-mix(in srgb,var(--surface) 92%,var(--text))}.muted{color:var(--hint)}.text-sm{font-size:13px}.text-xs{font-size:12px}.hero{background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 26%,var(--surface)),var(--surface) 70%);border:1px solid var(--hairline);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md);overflow:hidden}.hero__label{display:flex;align-items:center;gap:var(--space-2);color:color-mix(in srgb,var(--text) 75%,transparent);font-size:13px;font-weight:600}.hero__value{font-size:46px;font-weight:800;line-height:1.05;letter-spacing:-.02em;margin-top:var(--space-2);font-variant-numeric:tabular-nums}.hero__chart{margin-top:var(--space-3);margin-left:calc(var(--space-5) * -1);margin-right:calc(var(--space-5) * -1);margin-bottom:calc(var(--space-5) * -1)}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.metric{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);min-width:0}.metric__icon{width:34px;height:34px;border-radius:var(--radius-sm);display:grid;place-items:center;margin-bottom:var(--space-3)}.metric__value{font-size:26px;font-weight:800;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.metric__label{color:var(--hint);font-size:13px;margin-top:4px}.delta{display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:700;padding:3px 8px;border-radius:var(--radius-pill)}.delta--up{color:var(--c-success);background:color-mix(in srgb,var(--c-success) 16%,transparent)}.delta--down{color:var(--c-danger);background:color-mix(in srgb,var(--c-danger) 16%,transparent)}.delta--flat{color:var(--hint);background:var(--overlay)}.segmented{display:flex;gap:2px;padding:3px;background:var(--overlay);border-radius:var(--radius-pill)}.segmented__item{flex:1;padding:8px 10px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;color:var(--hint);white-space:nowrap;transition:color .15s ease,background-color .15s ease}.segmented__item--active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.chips{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:2px}.chip{padding:7px 14px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--hairline);color:var(--text);font-size:13px;font-weight:600;white-space:nowrap;transition:transform .12s ease}.chip:active{transform:scale(.94)}.chip--active{background:var(--button);border-color:transparent;color:var(--button-text)}.search{position:relative;margin-bottom:var(--space-3)}.search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--hint);pointer-events:none}.search__input{width:100%;padding:11px 14px 11px 38px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--hairline);color:var(--text);font-size:15px;outline:none;transition:border-color .15s ease}.search__input::placeholder{color:var(--hint)}.search__input:focus{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 7px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.post-card__top{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.post-card__date{color:var(--hint);font-size:12px}.post-card__reactions{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:var(--hint);font-size:12px;font-weight:600}.post-card__title{font-weight:700;font-size:15.5px;line-height:1.3;margin-bottom:4px}.post-card__preview{color:var(--hint);font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__cta{margin-top:var(--space-3);display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--accent)}.rank{display:flex;align-items:flex-start;gap:var(--space-3)}.rank__num{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;background:var(--overlay);color:var(--hint)}.rank__num--1{background:linear-gradient(145deg,#f7c948,#e0a020);color:#3a2a00}.rank__num--2{background:linear-gradient(145deg,#d6dbe1,#a8b0ba);color:#2a2f36}.rank__num--3{background:linear-gradient(145deg,#d9a06b,#b97c44);color:#3a2410}.rank__body{flex:1;min-width:0}.rank__title{font-size:14.5px;font-weight:600;line-height:1.3}.rank__count{flex:none;text-align:right}.rank__count-num{font-size:20px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.reaction-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:var(--space-2)}.reaction-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-pill);background:var(--overlay);font-size:13px}.reaction-chip__count{color:var(--hint);font-size:12px;font-weight:600}.post-body{white-space:pre-wrap;line-height:1.6;font-size:15px;word-break:break-word}.post-body a{color:var(--link)}.post-body b,.post-body strong{font-weight:700}.post-body blockquote{margin:var(--space-3) 0;padding:var(--space-1) var(--space-3);border-left:3px solid var(--accent);color:var(--subtitle)}.post-body code{background:var(--overlay);padding:1px 5px;border-radius:6px;font-size:13px}.linkrow{display:flex;align-items:center;gap:var(--space-2);font-size:14px;font-weight:600}.linkrow__url{color:var(--hint);font-weight:400;font-size:13px;word-break:break-all}.timeline{position:relative;margin-left:7px;padding-left:var(--space-5);border-left:2px solid var(--hairline)}.timeline__item{position:relative;padding-bottom:var(--space-4)}.timeline__item:last-child{padding-bottom:0}.timeline__dot{position:absolute;left:calc(var(--space-5) * -1 - 7px);top:2px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:3px solid var(--bg)}.timeline__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.timeline__type{font-weight:700;font-size:14px}.timeline__time{color:var(--hint);font-size:12px;flex:none}.diff{background:color-mix(in srgb,var(--text) 5%,transparent);padding:var(--space-3);border-radius:var(--radius-sm);margin:var(--space-2) 0 0;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.diff__add{color:#5ec27a;display:block}.diff__del{color:#e07a7a;display:block}.diff__hunk{color:var(--link);display:block}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;max-width:620px;margin:0 auto;padding-bottom:var(--safe-bottom);background:var(--bg);border-top:1px solid var(--hairline)}@supports (backdrop-filter: blur(12px)){.tabbar{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px)}}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--tabbar-h);color:var(--hint);font-size:10.5px;font-weight:600;transition:color .15s ease}.tabbar__item--active{color:var(--accent)}.tabbar__icon{transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.tabbar__item--active .tabbar__icon{transform:translateY(-1px) scale(1.06)}.skeleton{position:relative;overflow:hidden;background:var(--overlay);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text) 8%,transparent),transparent);animation:shimmer 1.4s infinite}.skel-line{height:12px;border-radius:6px}.empty{text-align:center;padding:var(--space-6) var(--space-4);color:var(--hint)}.empty__icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto var(--space-3);border-radius:50%;background:var(--overlay);color:var(--hint)}.empty__title{color:var(--text);font-weight:600;margin-bottom:4px}.error{background:color-mix(in srgb,var(--c-danger) 18%,var(--surface));border:1px solid color-mix(in srgb,var(--c-danger) 35%,transparent);color:var(--text);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.center-pad{text-align:center;padding:var(--space-6)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--hairline-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-4)}.pager__btn{padding:9px 16px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--hairline);font-size:13px;font-weight:600;transition:transform .12s ease,opacity .12s ease}.pager__btn:active:not(:disabled){transform:scale(.95)}.pager__btn:disabled{opacity:.4;cursor:default}.pager__info{color:var(--hint);font-size:12.5px;font-variant-numeric:tabular-nums}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes item-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger>*{animation:item-in .4s cubic-bezier(.22,.61,.36,1) backwards}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.06s}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.14s}.stagger>*:nth-child(5){animation-delay:.18s}.stagger>*:nth-child(6){animation-delay:.22s}.stagger>*:nth-child(7){animation-delay:.26s}.stagger>*:nth-child(8){animation-delay:.3s}@media (prefers-reduced-motion: reduce){*,*:after,*:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}