html{scrollbar-gutter:stable}:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg:#090b10;--panel:#10141b;--panel-strong:#151b24;--panel-soft:#0d1118;--panel-header:#0a0e14;--ink:#ecf1f7;--muted:#93a0b3;--line:rgba(147,160,179,.2);--line-strong:rgba(122,162,247,.34);--line-clickable:rgba(122,162,247,.22);--accent:#7aa2f7;--danger:#ff8b8b;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--radius-panel:10px;--radius-card:8px;--radius-media:8px;background:var(--bg);color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}#app,body,html{min-height:100%}html{overflow-anchor:none}body{background:radial-gradient(circle at top,rgba(122,162,247,.08),transparent 24%),linear-gradient(180deg,rgba(122,162,247,.03),transparent 28%),repeating-linear-gradient(180deg,hsla(0,0%,100%,.015),hsla(0,0%,100%,.015) 1px,transparent 0,transparent 6px),linear-gradient(180deg,#0a0d12,#090b10);margin:0}a,button{color:inherit}.app-shell{gap:16px;margin:0 auto;max-width:1080px;padding:89px 20px 40px}.app-shell,.app-shell__content{display:flex;flex-direction:column}.app-shell__content{margin-top:5px}.top-nav{align-items:center;background:linear-gradient(180deg,rgba(122,162,247,.05),transparent 65%),#0a0e14f0;border-bottom:1px solid var(--line);box-shadow:inset 0 1px #ffffff05;display:flex;gap:0;left:0;min-height:56px;overflow:visible;padding:10px max(20px,calc(50vw - 520px));position:fixed;right:0;top:0;z-index:1000}.top-nav:after{background:repeating-linear-gradient(180deg,hsla(0,0%,100%,.016),hsla(0,0%,100%,.016) 1px,transparent 0,transparent 7px);content:"";inset:0;opacity:.34;overflow:hidden;pointer-events:none;position:absolute}.top-nav__auth,.top-nav__brand,.top-nav__links,.top-nav__search{position:relative;z-index:1}.top-nav__auth{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto}.top-nav__avatar{animation:avatar-pulse 2.5s ease-in-out infinite;border:1px solid var(--line);border-radius:999px;box-shadow:0 0 #7aa2f766;height:28px;position:relative;width:28px;z-index:1}@keyframes avatar-pulse{0%,to{box-shadow:0 0 #7aa2f766}50%{box-shadow:0 0 0 6px #7aa2f700}}.top-nav__auth-button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff08;border:1px solid var(--line-clickable);border-radius:6px;color:var(--muted);cursor:pointer;display:inline-flex;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;min-height:30px;padding:0 10px;transition:border-color .18s ease,color .18s ease,background-color .18s ease;white-space:nowrap}.top-nav__auth-button:hover{background:#7aa2f712;border-color:var(--line-strong);color:var(--ink)}.top-nav__privacy-link{color:var(--muted);font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;opacity:.5;text-decoration:none;transition:opacity .15s ease}.top-nav__privacy-link:hover{opacity:1}.top-nav__profile{position:relative}.top-nav__avatar{cursor:pointer}.top-nav__menu{background:var(--line);border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 20px #00000080;display:flex;gap:1px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:1001}.top-nav__menu-item{background:var(--panel-strong);border:none;color:var(--muted);cursor:pointer;font:inherit;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;padding:7px 12px;text-decoration:none;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.top-nav__menu-item:hover{background:#7aa2f71a;color:var(--ink)}.top-nav__menu-item--danger:hover{background:#ff8b8b1a;color:var(--danger)}.top-nav__brand{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;font:inherit;gap:12px;min-width:0;padding:6px 8px;text-align:left;text-decoration:none;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.top-nav__brand:focus-visible,.top-nav__brand:hover{background:#7aa2f70f;border-color:var(--line-strong);box-shadow:inset 0 0 0 1px #7aa2f714}.top-nav__brand:focus-visible{outline:none}.top-nav__mark{background:linear-gradient(180deg,#7aa2f71f,#7aa2f70a),#ffffff05;border:1px solid var(--line-strong);border-radius:6px;color:var(--accent);display:grid;font-family:var(--mono);font-size:.84rem;font-weight:700;height:34px;letter-spacing:.08em;place-items:center;width:34px}.top-nav__copy{display:grid;gap:2px;min-width:0}.top-nav__copy strong{font-size:.95rem;font-weight:600;letter-spacing:-.02em}.detail-crumbs,.detail-crumbs__current,.detail-crumbs__link,.top-nav__context,.top-nav__copy span{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.top-nav__copy span{color:var(--muted)}.top-nav__brand--static .top-nav__mark{background:#ffffff04;border-color:var(--line);color:#7aa2f7c2}.top-nav__brand--static .top-nav__copy strong{color:#ecf1f7e0}.top-nav__brand--static .top-nav__copy span{color:#93a0b3b8}.top-nav__search{align-items:center;border-left:1px solid var(--line);display:flex;height:36px;margin-left:10px;margin-right:16px;padding-left:14px}.top-nav__search-input{background:transparent;border:none;border-bottom:1px solid transparent;color:inherit;font:inherit;font-family:var(--mono);font-size:max(1rem,.92rem);opacity:.45;outline:none;padding:.1rem .25rem;transition:opacity .18s ease,border-color .18s ease;width:14rem}.top-nav__search-input:focus{border-bottom-color:var(--line-strong);opacity:1}.top-nav__search-input--flash{animation:search-flash .5s ease forwards}@keyframes search-flash{0%{border-bottom-color:var(--line-strong);opacity:1}30%{border-bottom-color:var(--text-primary);opacity:1}to{border-bottom-color:var(--line-strong);opacity:1}}.top-nav__search-input::-moz-placeholder{opacity:.6}.top-nav__search-input::placeholder{opacity:.6}.top-nav__links{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.top-nav__link{align-items:center;background:#ffffff08;border:1px solid var(--line-clickable);border-radius:6px;color:var(--muted);display:inline-flex;min-height:30px;padding:0 10px;text-decoration:none;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.top-nav__link--active,.top-nav__link:hover{background:#7aa2f712;border-color:var(--line-strong);color:var(--ink)}.top-nav__context{align-items:center;border-bottom:1px solid transparent;color:var(--muted);display:inline-flex;min-height:30px;padding:0 2px}.top-nav__context--active{border-bottom-color:var(--line-strong);color:var(--ink)}.terminal-page{display:flex;flex-direction:column;gap:16px}.terminal-panel{background:#10141bf0;border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:inset 0 1px #ffffff05;overflow:clip;position:relative}.terminal-panel:after{background:repeating-linear-gradient(180deg,hsla(0,0%,100%,.018),hsla(0,0%,100%,.018) 1px,transparent 0,transparent 7px);border-radius:inherit;content:"";inset:0;opacity:.34;pointer-events:none;position:absolute}.terminal-toolbar{align-items:center;background:var(--panel-header);border-bottom:1px solid var(--line);border-radius:var(--radius-panel) var(--radius-panel) 0 0;color:var(--muted);display:flex;font-family:var(--mono);font-size:.7rem;gap:10px;letter-spacing:.08em;min-height:38px;padding:0 16px;position:relative;text-transform:uppercase;z-index:1}.terminal-toolbar__controls{align-items:center;align-self:center;display:inline-flex;gap:6px;margin-bottom:2px}.terminal-toolbar__dot{border:1px solid hsla(0,0%,100%,.08);border-radius:999px;display:block;flex-shrink:0;height:8px;width:8px}.terminal-toolbar__dot--danger{background:#ff8b8bcc}.terminal-toolbar__dot--warning{background:#f7d37ab8}.terminal-toolbar__dot--orange{background:#ffa550d9}.terminal-toolbar__dot--success{background:#6fd1b4b8}.terminal-toolbar__path{align-self:center;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-toolbar__label{align-self:center;color:var(--muted);font-size:.72rem;letter-spacing:.04em;margin-left:auto}.hero-panel{display:flex;flex-direction:column;overflow-anchor:none}.hero-panel__body{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);padding:20px;position:relative;z-index:1}.hero-mark{background:linear-gradient(180deg,#7aa2f71f,#7aa2f70a),#ffffff05;border:1px solid var(--line-strong);border-radius:var(--radius-card);color:var(--accent);display:grid;font-family:var(--mono);font-size:1.15rem;font-weight:700;height:64px;letter-spacing:.08em;place-items:center;width:64px}.hero-copy{display:grid;gap:12px}.article-card__title,.detail-panel h1,.hero-copy h1,.related-panel h2{letter-spacing:-.03em;margin:0}.hero-copy h1{font-size:clamp(2rem,5vw,2.4rem);line-height:1.04;overflow:hidden}.hero-copy__marquee-inner{display:block}.hero-copy__marquee-inner span+span{display:none}.hero-copy p:last-child{color:var(--muted);margin:0}.hero-copy__link{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.hero-copy__link:hover{color:var(--ink)}.article-card__meta,.detail-meta,.list-panel__count,.utility-label,.utility-pill{font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.utility-label{color:var(--muted);margin:0}.utility-label--related{color:#e37d41e6}.utility-label--keyword{color:#6fd1b4}.utility-label--topic{color:#63b3ed}.list-panel__count,.utility-pill{align-items:center;background:#ffffff05;border:0;border-radius:999px;color:var(--muted);display:inline-flex;min-height:20px;padding:0 7px}.detail-panel,.list-panel,.related-panel{padding:20px}.list-panel,.related-panel{display:flex;flex-direction:column;gap:0;padding:0}.detail-meta,.list-panel__head,.load-more-panel,.related-panel__head{align-items:center;display:flex;gap:12px}.list-panel__head,.related-panel__head{justify-content:space-between}.list-panel__head{align-items:center;border-bottom:1px solid var(--line);display:flex;padding:8px 18px;position:relative;z-index:1}.list-panel__count{margin-left:auto}.related-panel__head{align-items:flex-end;border-bottom:1px solid var(--line);margin-bottom:0;padding:14px 18px 12px;position:relative;z-index:1}.related-panel__head h2{font-size:1.2rem}.article-list{display:grid;gap:10px;padding:12px 16px 16px;position:relative;z-index:1}.article-list,.article-list--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.article-list--compact{padding:0}.article-list--hot .article-card{border-color:#e37d414d;border-bottom:3px solid rgba(227,125,65,.6)}.article-list--hot .article-card:hover{background:#e37d410d;border-color:rgba(227,125,65,.5) rgba(227,125,65,.5) rgba(227,125,65,.8)}.article-list--live .article-card{border-color:#6fd1b438;border-bottom:3px solid rgba(111,209,180,.45)}.article-list--live .article-card:hover{background:#6fd1b40d;border-color:rgba(111,209,180,.45) rgba(111,209,180,.45) rgba(111,209,180,.65);box-shadow:inset 0 0 0 1px #6fd1b41f}.article-list--keyword .article-card{border-color:#6fd1b438}.article-list--keyword .article-card:hover{background:#6fd1b40d;border-color:#6fd1b473;box-shadow:inset 0 0 0 1px #6fd1b41f}.article-list--keyword .article-card__media--placeholder{background:radial-gradient(circle at top,rgba(111,209,180,.12),transparent 55%),#ffffff05}.article-list--topic .article-card{border-color:#63b3ed38}.article-list--topic .article-card:hover{background:#63b3ed0d;border-color:#63b3ed73;box-shadow:inset 0 0 0 1px #63b3ed1f}.article-list--topic .article-card__media--placeholder{background:radial-gradient(circle at top,rgba(99,179,237,.12),transparent 55%),#ffffff05}.article-list--related{margin-top:8px;padding:16px}.article-list--related .article-card{border-color:#e37d4138;border-bottom:3px solid rgba(227,125,65,.5)}.article-list--related .article-card:hover{background:#e37d410d;border-color:rgba(227,125,65,.45) rgba(227,125,65,.45) rgba(227,125,65,.7);box-shadow:inset 0 0 0 1px #e37d411f}.article-list--recommend .article-card{border-color:#7aa2f738;border-bottom:3px solid rgba(122,162,247,.45)}.article-list--recommend .article-card:hover{background:#7aa2f70d;border-color:rgba(122,162,247,.45) rgba(122,162,247,.45) rgba(122,162,247,.65);box-shadow:inset 0 0 0 1px #7aa2f71f}.article-list--related .article-card__media--placeholder{background:radial-gradient(circle at top,rgba(227,125,65,.12),transparent 55%),#ffffff05}.article-card{align-items:stretch;background:#ffffff05;border:1px solid rgba(147,160,179,.22);border-bottom:3px solid rgba(147,160,179,.3);border-radius:var(--radius-card);display:grid;gap:14px;grid-template-columns:minmax(0,176px) minmax(0,1fr);overflow:visible;padding:12px;position:relative;text-decoration:none;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.article-card:hover{background:#93a0b30d;border-color:#93a0b373;box-shadow:inset 0 0 0 1px #93a0b31f;transform:translateY(-2px)}.article-card--compact{grid-template-columns:1fr;min-height:100%}.article-card__media{align-self:stretch;aspect-ratio:16/9;background:#0d1118f5;border:1px solid var(--line);border-radius:var(--radius-media);display:grid;min-width:0;overflow:hidden;place-items:center;position:relative;width:100%}.article-card__media--compact{aspect-ratio:16/8.5}.article-card:not(.article-card--compact) .article-card__media{min-height:0}.article-card__media--placeholder{background:radial-gradient(circle at top,rgba(147,160,179,.12),transparent 55%),#ffffff05}.article-card__image{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.article-card__placeholder{color:var(--muted);font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.article-card__content{align-content:start;display:grid;gap:10px;min-width:0}.article-card__badges,.article-card__meta,.detail-meta{color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.article-card__badges{align-items:center;flex-wrap:wrap;gap:5px}.article-card__badges,.article-card__meta{justify-content:flex-start}.article-card__source{background:#000000b8;border-radius:3px;color:#fff;font-family:var(--mono);font-size:.68rem;left:6px;max-width:60%;overflow:hidden;padding:2px 6px;position:absolute;text-overflow:ellipsis;top:6px;white-space:nowrap}.detail-date{color:var(--muted);font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.utility-pill--keyword{background:#6fd1b40d;border-color:#6fd1b429;color:#aee7d4}.utility-pill--topic{background:#63b3ed0d;border-color:#63b3ed29;color:#90cdf4}.article-card__badges .utility-pill{font-size:.68rem;min-height:16px;padding:0 5px}.hero-keywords{border:1px solid rgba(111,209,180,.2);display:flex;flex-wrap:wrap;grid-column:1/-1;max-width:100%;width:-moz-fit-content;width:fit-content}.hero-keywords__label{align-items:center;border-right:1px solid rgba(111,209,180,.2);color:var(--muted);display:inline-flex;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.hero-keywords__label--active{color:#aee7d4;cursor:pointer}.hero-keywords__label--active:hover{color:#e8fdf6}.hero-keyword--active{background:#6fd1b433;box-shadow:inset 0 2px #6fd1b4e6,inset 0 0 0 1px #6fd1b4b3;color:#e8fdf6}.hero-keyword--active .hero-keyword__count{background:#6fd1b459;color:#e8fdf6}.hero-keyword{align-items:center;background:#6fd1b40f;border-right:1px solid rgba(111,209,180,.2);color:#aee7d4;cursor:pointer;display:inline-flex;font-family:var(--mono);font-size:.74rem;gap:6px;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.hero-keyword:hover:not(.hero-keyword--active){background:#6fd1b41f;color:#cff5eb}.hero-keyword:focus-visible,.hero-keywords__label:focus-visible{background:#6fd1b41f;outline:2px solid var(--accent);outline-offset:-2px}.hero-keyword:last-child{border-right:none}.list-panel__keyword-meta{color:var(--muted);font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;margin:0 0 0 auto}.tts-controls{display:flex;gap:4px;margin-left:auto}.tts-button{background:#6fd1b41a;border:1px solid rgba(111,209,180,.3);color:#aee7d4;cursor:pointer;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;padding:4px 10px}.tts-button:hover{background:#6fd1b433;color:#e8fdf6}.tts-button--playing{background:#f5656526;border-color:#f5656566;color:#feb2b2}.tts-button--playing:hover{background:#f5656540;color:#fed7d7}.tts-button:disabled{cursor:not-allowed;opacity:.3}.tts-status{background:#6fd1b40f;border-bottom:1px solid rgba(111,209,180,.1);color:#aee7d4;font-family:var(--mono);font-size:.72rem;letter-spacing:.03em;margin:0;padding:6px 12px}.article-card--tts-active{background:#6fd1b40a;outline:1px solid rgba(111,209,180,.4)}.list-panel__clear{align-self:center;background:none;border:none;color:var(--muted);cursor:pointer;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;line-height:1;margin-left:auto;padding:0 8px}.list-panel__clear:hover{color:var(--ink)}.hero-keyword__count{align-items:center;background:#6fd1b426;border-radius:3px;color:#aee7d4;display:inline-flex;font-size:.68rem;height:16px;justify-content:center;min-width:18px;padding:0 4px}.article-card__title{color:var(--ink);display:flex;font-size:1.08rem;gap:8px;line-height:1.4}.article-card__title:before{color:var(--accent);content:">";flex:none;font-family:var(--mono);font-size:.88rem;line-height:1.55}.article-card__snippet,.detail-snippet,.state-panel{color:var(--muted);text-align:center}.article-card__snippet,.detail-snippet{line-height:1.7;margin:0}.detail-ai-summary{background:color-mix(in srgb,var(--accent) 6%,transparent);border-left:3px solid var(--accent);margin:16px 0;padding:14px 16px}.detail-ai-summary__text{line-height:1.75;margin:6px 0 0;white-space:pre-line}.detail-article-link{display:flex;justify-content:flex-end}.load-more-panel{background:#ffffff05;border:1px dashed var(--line);border-radius:var(--radius-card);color:var(--muted);font-family:var(--mono);font-size:.72rem;justify-content:center;letter-spacing:.06em;margin:12px 16px 16px;min-height:42px;padding:0 14px;text-transform:uppercase}.load-more-panel--clickable{cursor:pointer;transition:border-color .18s ease,background-color .18s ease}.load-more-panel--clickable:hover{background:#7aa2f70f;border-color:var(--accent);color:var(--accent)}.load-more-panel--related{margin-top:12px}.detail-crumbs__link,.detail-inline-link,.detail-link,.top-nav__link{align-items:center;background:#ffffff08;border:1px solid var(--line-clickable);border-radius:var(--radius-card);cursor:pointer;display:inline-flex;justify-content:center;min-height:38px;padding:0 14px;text-decoration:none;transition:border-color .18s ease,color .18s ease,background-color .18s ease,box-shadow .18s ease}.detail-crumbs__link,.detail-inline-link{color:var(--accent)}.detail-page{gap:16px}.detail-crumbs{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px}.detail-crumbs__link:hover,.detail-inline-link:hover,.top-nav__link:hover{background:#7aa2f712;border-color:var(--line-strong);box-shadow:inset 0 0 0 1px #7aa2f71a;color:var(--ink)}.detail-crumbs__separator{color:var(--line-strong)}.detail-crumbs__current{color:var(--accent)}.detail-panel{display:grid;gap:16px;overflow:visible;position:relative}.detail-panel h1{font-size:clamp(1.3rem,4vw,1.8rem)}.detail-media{background:#0d1118f5;border:1px solid var(--line);border-radius:var(--radius-media);overflow:hidden}.detail-media--placeholder{background:radial-gradient(circle at top,rgba(147,160,179,.12),transparent 55%),#ffffff05}.detail-image{display:block;height:auto;max-height:480px;-o-object-fit:contain;object-fit:contain;width:100%}.detail-placeholder{align-items:center;color:var(--muted);display:flex;font-family:var(--mono);font-size:.74rem;justify-content:center;letter-spacing:.08em;min-height:200px;text-transform:uppercase}.detail-link{color:var(--accent);width:-moz-fit-content;width:fit-content}.detail-inline-link{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;margin-left:10px;min-height:30px;padding:0 10px}.state-panel{background:#ffffff05;border:1px dashed var(--line);border-radius:var(--radius-card);padding:18px}.list-panel>.state-panel{margin:16px;position:relative;z-index:1}.state-panel--error{border-color:#ff8b8b57;color:var(--danger)}.skeleton-card{pointer-events:none}.skeleton-line,.skeleton-pulse{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--panel) 25%,var(--panel-strong) 50%,var(--panel) 75%);background-size:200% 100%}.skeleton-line{border-radius:3px;display:inline-block;height:12px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.article-card.article-card.article-card--read{border-color:#93a0b32e;border-bottom:3px solid rgba(147,160,179,.25)}.article-card.article-card.article-card--read:hover{border-color:rgba(147,160,179,.35) rgba(147,160,179,.35) rgba(147,160,179,.4)}.article-card__bookmark{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.15rem;left:-12px;padding:6px;position:absolute;top:-16px;transition:color .18s ease,transform .18s ease;z-index:2}.article-card__bookmark:hover{color:#f7d37a;transform:scale(1.2)}.article-card__bookmark--active{color:#f7d37a}.article-card__bookmark--active:hover{filter:brightness(1.2);transform:scale(1.3)}.article-card__bookmark:active{transform:scale(1.4)}.article-card__bookmark--pop{animation:bookmark-pop .35s ease;transition:none}@keyframes bookmark-pop{0%{transform:scale(1)}40%{transform:scale(1.5)}to{transform:scale(1)}}.detail-panel__top{align-items:center;display:flex;justify-content:space-between}.detail-bookmark{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.5rem;left:50%;padding:6px 8px;position:absolute;top:-18px;transform:translate(-50%);transition:color .18s ease,transform .18s ease;z-index:1}.detail-bookmark:hover{color:#f7d37a;transform:translate(-50%) scale(1.2)}.detail-bookmark--active{color:#f7d37a}.detail-bookmark--active:hover{filter:brightness(1.2);transform:translate(-50%) scale(1.3)}.detail-bookmark:active{transform:translate(-50%) scale(1.4)}.detail-bookmark--pop{animation:bookmark-pop .35s ease;transition:none}.detail-bookmark-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff08;border:1px solid var(--line-clickable);border-radius:6px;color:var(--muted);cursor:pointer;display:inline-flex;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;min-height:30px;padding:0 10px;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.detail-bookmark-btn:hover{border-color:var(--line-strong);color:var(--ink)}.detail-bookmark-btn--active{background:#f7d37a0f;border-color:#f7d37a66;color:#f7d37a}.profile-logout{align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid rgba(255,139,139,.25);border-radius:6px;color:var(--muted);cursor:pointer;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;margin-left:10px;min-height:22px;padding:1px 8px;transition:color .15s ease,border-color .15s ease,background-color .15s ease;vertical-align:middle}.profile-logout:hover{background:#ff8b8b0f;border-color:#ff8b8b80;color:var(--danger)}.profile-tab-content{padding:16px;position:relative;z-index:1}.profile-tab-content>.state-panel{margin:0}.profile-tab-content>.article-list,.profile-tab-content>.comment-list{padding:0}.profile-comment-item{background:#ffffff05;border:1px solid var(--line);border-radius:var(--radius-card);color:inherit;display:flex;flex-direction:column;gap:8px;padding:14px 16px;text-decoration:none;transition:border-color .18s ease,background-color .18s ease}.profile-comment-item+.profile-comment-item{margin-top:8px}.profile-comment-item:hover{background:#7aa2f70a;border-color:var(--line-strong)}.profile-comment-item__article{color:var(--accent);display:block;font-size:.78rem;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-comment-item__text{font-size:.95rem;line-height:1.6;margin:0;word-break:break-word}.profile-comment-item__meta{align-items:center;display:flex;gap:10px}.profile-comment-item__date{color:var(--muted);font-family:var(--mono);font-size:.7rem;letter-spacing:.04em}.profile-comment-item__likes{color:#e06b6b;font-size:.75rem}.privacy-panel{line-height:1.8;padding:24px;position:relative;z-index:1}.privacy-panel h1{font-size:1.4rem;margin:0 0 8px}.privacy-panel h2{color:var(--accent);font-size:1.05rem;margin:24px 0 8px}.privacy-panel p,.privacy-panel ul{color:var(--muted);margin:0 0 8px}.privacy-panel ul{padding-left:20px}.privacy-panel__date{color:var(--muted);font-family:var(--mono);font-size:.78rem}.comment-panel__head{align-items:flex-end;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:14px 18px 12px;position:relative;z-index:1}.comment-panel__count{color:var(--muted);font-size:.85rem;margin:0}.comment-panel>.state-panel{margin:16px;position:relative;z-index:1}.comment-form{border-bottom:1px solid var(--line);padding:16px;position:relative;z-index:1}.comment-form__input{background:#ffffff08;border:1px solid var(--line);border-radius:var(--radius-card);color:var(--ink);font:inherit;font-size:.9rem;min-height:60px;padding:10px 12px;resize:vertical;width:100%}.comment-form__input:focus{border-color:var(--line-strong);outline:none}.comment-form__actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.comment-form__count{color:var(--muted);font-family:var(--mono);font-size:.72rem}.comment-form__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#7aa2f714;border:1px solid var(--line-clickable);border-radius:6px;color:var(--accent);cursor:pointer;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;min-height:30px;padding:0 14px;transition:background-color .18s ease,border-color .18s ease}.comment-form__submit:hover:not(:disabled){background:#7aa2f726;border-color:var(--line-strong)}.comment-form__submit:disabled{cursor:not-allowed;opacity:.4}.comment-login-notice{border-bottom:1px solid var(--line);color:var(--muted);font-size:.88rem;padding:16px}.comment-list,.comment-login-notice{position:relative;z-index:1}.comment-item{border-bottom:1px solid var(--line);display:flex;gap:12px;padding:14px 16px}.comment-item__side{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:6px;width:32px}.comment-item:last-child{border-bottom:none}.comment-item__avatar{border:1px solid var(--line);border-radius:999px;flex-shrink:0;height:32px;width:32px}.comment-item__body{flex:1;min-width:0}.comment-item__meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.82rem;gap:6px 8px}.comment-item__meta strong{font-weight:600}.comment-item__date{font-size:.72rem}.comment-item__date,.comment-item__delete{color:var(--muted);font-family:var(--mono)}.comment-item__delete{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid rgba(255,139,139,.25);border-radius:6px;cursor:pointer;flex-shrink:0;font-size:.68rem;letter-spacing:.06em;margin-left:auto;min-height:22px;padding:1px 8px;transition:color .15s ease,border-color .15s ease,background-color .15s ease;white-space:nowrap}.comment-item__delete:hover{background:#ff8b8b0f;border-color:#ff8b8b80;color:var(--danger)}.comment-item__text{line-height:1.6;margin:4px 0 0;white-space:pre-line}.comment-item__actions{align-items:center;display:flex;gap:8px}.comment-item__like{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--muted);cursor:pointer;font-size:.95rem;min-width:32px;padding:4px 0;text-align:center;transition:color .15s ease,transform .15s ease}.comment-item__like:hover{color:#ff8b8b}.comment-item__like:active{transform:scale(1.4)}.comment-item__like--active{color:#ff6b6b}.comment-item__like--pop{animation:like-pop .35s ease}@keyframes like-pop{0%{transform:scale(1)}40%{transform:scale(1.5)}to{transform:scale(1)}}.comment-item__like-count{color:var(--muted);font-size:.95rem}.comment-load-more{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--accent);cursor:pointer;font-family:var(--mono);font-size:.85rem;padding:14px 20px}.comment-load-more:hover{text-decoration:underline}.profile-panel{padding:24px;position:relative;z-index:1}.profile-header{align-items:center;display:flex;flex-direction:column;gap:12px;padding:8px 0;position:relative}.profile-header__avatar{border:2px solid var(--line);border-radius:999px;height:72px;width:72px}.profile-header__info{text-align:center}.profile-header__name{font-size:1.2rem;margin:0}.profile-header__email{color:var(--muted);font-family:var(--mono);font-size:.78rem;margin:6px 0 0}.profile-stats{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-card);display:flex;gap:1px;margin-top:24px;overflow:hidden}.profile-stat{align-items:center;background:var(--panel);color:inherit;display:flex;flex:1;flex-direction:column;gap:4px;padding:16px;text-decoration:none;transition:background-color .15s ease}a.profile-stat:hover,button.profile-stat:hover{background:#7aa2f70f}.profile-stat--active{background:#7aa2f71a;box-shadow:inset 0 -2px 0 var(--accent)}.profile-stat__value{color:var(--accent);font-size:1.5rem;font-weight:700}.profile-stat{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer}.profile-stat__label{color:var(--muted);font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.app-footer{display:flex;justify-content:center;margin-top:16px;padding:24px 20px}.app-footer__link{color:var(--muted);font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-decoration:none}.app-footer__link:hover{color:var(--ink)}@media(max-width:760px){.app-shell{padding:89px 14px 36px}.top-nav{flex-wrap:nowrap;padding:10px 14px}.top-nav__copy{display:none}.top-nav__search{border-left:none;flex:1;margin-left:8px;margin-right:16px;min-width:0;padding-left:0;width:auto}.top-nav__search-input{width:100%}.top-nav__auth-button{font-size:.68rem;min-height:28px;padding:0 8px}.top-nav__links{justify-content:flex-start;width:100%}.article-list,.article-list--compact,.hero-panel{grid-template-columns:1fr}.hero-keywords{flex-wrap:wrap;overflow-x:visible;width:100%}.hero-keyword,.hero-keywords__label{padding:8px 12px}.article-card{grid-template-columns:1fr}.article-card:not(.article-card--compact) .article-card__media{aspect-ratio:16/9;min-height:0}.related-panel__head{align-items:flex-start;flex-direction:column}@keyframes hero-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-copy__marquee-inner{animation:hero-marquee 14s linear infinite;display:flex;width:-moz-max-content;width:max-content}.hero-copy__marquee-inner span{padding-right:3em;white-space:nowrap}.hero-copy__marquee-inner span+span{display:inline}}