.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell__header{align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.app-shell__brand{color:var(--color-text);font-size:15px;font-weight:600}.app-shell__brand:hover{text-decoration:none}.app-shell__nav{gap:var(--space-4);flex:1;display:flex}.app-shell__nav-link{color:var(--color-text-muted);font-size:13px}.app-shell__nav-link:hover{color:var(--color-text);text-decoration:none}.app-shell__nav-link--active{color:var(--color-text)}.app-shell__user{color:var(--color-text-muted);font-size:12px;font-family:var(--font-mono)}.app-shell__download{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-accent);background:var(--color-accent-soft);color:var(--color-text);align-items:center;font-size:13px;font-weight:600;display:inline-flex}.app-shell__download:hover{background:var(--color-accent);color:var(--color-on-accent);text-decoration:none}.app-shell__signout{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-danger);background:var(--color-danger);color:var(--color-on-accent);cursor:pointer;font-weight:600}.app-shell__signout:hover{background:color-mix(in srgb, var(--color-danger) 85%, var(--color-bg));border-color:color-mix(in srgb, var(--color-danger) 85%, var(--color-bg))}.app-shell__main{padding:var(--space-5);flex:1;width:100%;max-width:1200px;margin:0 auto}.claim-badge{gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:.75rem;display:inline-flex}.claim-badge--self{background:var(--color-accent-soft);color:var(--color-accent)}.claim-badge__user{font-weight:600}.sparkline{display:block;overflow:visible}.sparkline__path{fill:none;stroke:var(--color-accent);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.sparkline__dot{fill:var(--color-accent)}.sparkline--empty{color:var(--color-text-muted);justify-content:center;align-items:center;font-size:11px;display:inline-flex}.post-list{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=640px){.post-list{grid-template-columns:minmax(0,1fr)}}.post-list__add-cell{display:flex}.post-list__add-cell>*{flex:1}.post-list__item{gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.post-list__item--held{background:var(--color-surface-muted);opacity:.7}.post-list__main{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.post-list__author{color:var(--color-text);font-weight:600}.post-list__url{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.post-list__url:hover{color:var(--color-accent)}.post-list__stat-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.post-list__stat{border:1px solid var(--color-border);min-height:26px;color:var(--color-text);border-radius:999px;align-items:stretch;font-size:12px;line-height:1;display:inline-flex;overflow:hidden}.post-list__stat-value{padding:var(--space-1) var(--space-2);font-family:var(--font-mono);align-items:center;font-weight:700;display:inline-flex}.post-list__stat-label{padding:var(--space-1) var(--space-2);color:var(--color-text-muted);align-items:center;display:inline-flex}.post-list__stat--like{border-color:color-mix(in srgb, var(--color-accent) 54%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 14%, transparent)}.post-list__stat--like .post-list__stat-value{background:color-mix(in srgb, var(--color-accent) 24%, transparent)}.post-list__stat--comment{border-color:color-mix(in srgb, var(--color-warn) 58%, var(--color-border));background:color-mix(in srgb, var(--color-warn) 14%, transparent)}.post-list__stat--comment .post-list__stat-value{background:color-mix(in srgb, var(--color-warn) 24%, transparent)}.post-list__stat--share{border-color:color-mix(in srgb, var(--color-success) 54%, var(--color-border));background:color-mix(in srgb, var(--color-success) 14%, transparent)}.post-list__stat--share .post-list__stat-value{background:color-mix(in srgb, var(--color-success) 24%, transparent)}.post-list__stat--view{border-color:color-mix(in srgb, var(--color-info) 54%, var(--color-border));background:color-mix(in srgb, var(--color-info) 14%, transparent)}.post-list__stat--view .post-list__stat-value{background:color-mix(in srgb, var(--color-info) 24%, transparent)}.post-list__stat--empty{padding:var(--space-1) var(--space-2);color:var(--color-text-muted);font-style:italic}.post-list__updated{color:var(--color-text-muted);font-size:12px}.post-list__updated-by{color:var(--color-text);font-weight:600}.post-list__side{align-items:flex-end;gap:var(--space-2);flex-direction:column;min-width:8rem;display:flex}.post-list__open{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);cursor:pointer}.post-list__open:disabled{cursor:not-allowed;opacity:.5}.post-list__send-to-chrome{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#15803d;border:1px solid #166534;font-size:12px;font-weight:500}.post-list__send-to-chrome:hover:not(:disabled){background:#166534;border-color:#14532d}.post-list__send-to-chrome:disabled{cursor:not-allowed;opacity:.5}.post-list__copy{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;font-size:12px}.post-list__copy:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-muted)}.post-list__copy:disabled{cursor:not-allowed;opacity:.5}.post-list__error{padding:var(--space-3);border-radius:var(--radius-sm);color:var(--color-danger);margin-bottom:var(--space-3);background:#ff6b6b1f}.post-list__status{padding:var(--space-1) var(--space-2);font:inherit;text-transform:capitalize;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:12px}.post-list__status:disabled{opacity:.6;cursor:not-allowed}.post-list__item--mine{border-color:var(--color-accent);box-shadow:inset 3px 0 0 var(--color-accent)}.post-list__action-row{gap:var(--space-2);display:flex}.post-list__release{padding:var(--space-2) var(--space-3);font:inherit;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);cursor:pointer;background:0 0;font-size:13px}.post-list__release:disabled{opacity:.6;cursor:not-allowed}.post-list__release:hover:not(:disabled){background:#ff6b6b1f}.post-list__bulk-bar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.post-list__bulk-toggle{align-items:center;gap:var(--space-2);color:var(--color-text-muted);cursor:pointer;font-size:13px;display:inline-flex}.post-list__bulk-actions{gap:var(--space-2);margin-left:auto;display:flex}.post-list__bulk-btn{padding:var(--space-1) var(--space-3);font:inherit;background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-sm);cursor:pointer;border:0;font-size:12px}.post-list__bulk-btn:disabled{opacity:.6;cursor:not-allowed}.post-list__bulk-btn--ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.post-list__select{margin-top:var(--space-1);align-self:flex-start}.add-post-form{gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.add-post-form__row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.add-post-form__input{padding:var(--space-2) var(--space-3);font:inherit;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1}.add-post-form__select{padding:var(--space-2) var(--space-3);font:inherit;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md)}.add-post-form__submit{padding:var(--space-2) var(--space-4);font:inherit;background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md);cursor:pointer;border:0}.add-post-form__submit:disabled{opacity:.6;cursor:not-allowed}.add-post-form__hint{color:var(--color-text-muted);font-size:12px}.add-post-form__hint--error{color:var(--color-danger)}.add-post-form__hint--ok{color:var(--color-success)}.post-list-page__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.post-list-page__title{margin:0;font-size:20px;font-weight:600}.post-list-page__header-right{align-items:center;gap:var(--space-3);display:flex}.post-list-page__count{color:var(--color-text-muted);font-size:13px}.post-list-page__filter-toggle{align-items:center;gap:var(--space-2);anchor-name:--post-filter-anchor;padding:var(--space-2) var(--space-3);font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:13px;display:inline-flex}.post-list-page__filter-toggle:hover{border-color:var(--color-accent)}.post-list-page__filter-toggle-hint{color:var(--color-text-muted);font-size:12px}.post-list-page__filter-panel{position-anchor:--post-filter-anchor;inset:auto;top:calc(anchor(bottom) + var(--space-2));right:anchor(right);gap:var(--space-4);min-width:18rem;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 32px color-mix(in srgb, var(--color-bg) 75%, transparent);flex-direction:column;margin:0;position:fixed}.post-list-page__filter-panel:popover-open{display:flex}.post-list-page__filter-group{gap:var(--space-2);flex-direction:column;display:flex}.post-list-page__filter-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:12px}.post-list-page__filter{gap:var(--space-2);display:flex}.post-list-page__filter-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font:inherit;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:13px;display:inline-flex}.post-list-page__filter-btn:hover{color:var(--color-text)}.post-list-page__filter-btn--active{color:var(--color-text);background:var(--color-accent-soft);border-color:var(--color-accent)}.post-list-page__filter-count{padding:0 var(--space-2);background:var(--color-surface-muted);border-radius:999px;font-size:11px}.post-list-page__filter-btn--active .post-list-page__filter-count{background:var(--color-accent);color:var(--color-on-accent)}.post-list-page__metric{align-items:center;gap:var(--space-2);display:flex}.post-list-page__metric-btn{padding:var(--space-1) var(--space-3);font:inherit;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;font-size:12px}.post-list-page__metric-btn:hover{color:var(--color-text)}.post-list-page__metric-btn--active{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent)}.post-stats-chart{width:100%;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.insert-stat-form{gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.insert-stat-form__title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:13px}.insert-stat-form__row{gap:var(--space-3);grid-template-columns:repeat(4,1fr) auto;align-items:end;display:grid}.insert-stat-form__field{gap:var(--space-1);color:var(--color-text-muted);flex-direction:column;font-size:12px;display:flex}.insert-stat-form__field input{padding:var(--space-2) var(--space-3);font:inherit;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.insert-stat-form__submit{padding:var(--space-2) var(--space-4);font:inherit;background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md);cursor:pointer;border:0}.insert-stat-form__submit:disabled{opacity:.6;cursor:not-allowed}.insert-stat-form__hint{color:var(--color-text-muted);font-size:12px}.insert-stat-form__hint--error{color:var(--color-danger)}.insert-stat-form__hint--ok{color:var(--color-success)}.post-detail-page__header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.post-detail-page__back{color:var(--color-text-muted);font-size:13px}.post-detail-page__title{flex:1;margin:0;font-size:18px;font-weight:600}.post-detail-page__open{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md)}.post-detail-page__open:hover{background:var(--color-accent-hover);text-decoration:none}.post-detail-page__summary{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.summary-card{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.summary-card__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.summary-card__value{margin-top:var(--space-1);font-size:28px;font-weight:600}.summary-card__delta{color:var(--color-text-muted);margin-top:var(--space-1);font-size:12px}.summary-card__delta--up{color:var(--color-success)}.summary-card__delta--down{color:var(--color-danger)}.post-detail-page__release{padding:var(--space-2) var(--space-4);background:var(--color-danger);color:var(--color-on-accent);border-radius:var(--radius-md);cursor:pointer;font:inherit;border:0}.post-detail-page__release:disabled{opacity:.6;cursor:not-allowed}.post-detail-page__claim{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:13px}.post-detail-page__claim--other{border-left-color:var(--color-danger)}.setting-page__title{margin:0 0 var(--space-5);font-size:20px;font-weight:600}.setting-page__section{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.setting-page__h2{margin:0 0 var(--space-2);font-size:14px;font-weight:600}.setting-page__hint{margin:var(--space-2) 0;color:var(--color-text-muted);font-size:12px}.setting-page__key{padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);-webkit-user-select:all;user-select:all;font-size:12px;display:block}.setting-page__row{gap:var(--space-4);padding:var(--space-2) 0;font-size:13px;display:flex}.setting-page__label{width:80px;color:var(--color-text-muted)}.setting-page__value{font-family:var(--font-mono)}.setting-page__switch{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0}.setting-page__switch:hover{border-color:var(--color-text-muted)}.gate-page{min-height:100vh;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.gate-page__card{gap:var(--space-3);width:100%;max-width:22rem;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.gate-page__title{margin:0;font-size:16px;font-weight:600}.gate-page__hint{color:var(--color-text-muted);margin:0;font-size:12px}.gate-page__sso{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);cursor:pointer;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.gate-page__sso:hover{filter:brightness(.95)}.gate-page__download{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text);display:flex}.gate-page__download:hover{border-color:var(--color-accent);color:var(--color-text);text-decoration:none}.gate-page__download-icon{border-radius:var(--radius-sm);flex:none;width:36px;height:36px}.gate-page__download-copy{flex-direction:column;min-width:0;display:flex}.gate-page__download-title{color:var(--color-text);font-size:13px;font-weight:600}.gate-page__download-meta{color:var(--color-text-muted);font-size:12px}.gate-page__error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-danger,#b00020);background:color-mix(in srgb, var(--color-danger,#b00020) 10%, transparent);color:var(--color-danger,#b00020);font-size:12px}:root{--color-bg:#0f1115;--color-surface:#181b22;--color-surface-muted:#21252e;--color-border:#2a2f3a;--color-text:#e6e8ed;--color-text-muted:#8b93a3;--color-accent:#4f8cff;--color-accent-hover:#6ba0ff;--color-accent-soft:#4f8cff2e;--color-on-accent:#fff;--color-warn:#ffb454;--color-info:#56c1ff;--color-danger:#ff6b6b;--color-success:#4ade80;--radius-sm:4px;--radius-md:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", Menlo, Monaco, Consolas, monospace}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);min-height:100vh;margin:0;padding:0;font-size:14px;line-height:1.5}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}button{font-family:inherit;font-size:inherit}