:root{
  --at-bg:#0b0f14;
  --at-surface:#0f1620;
  --at-line:#1b2a3a;
  --at-text:#e9eef6;
  --at-dim:#9fb0c2;
  --at-accent:#7cd4ff;
  --at-gap:18px;
  --at-radius:14px;
  --at-max:1200px;
}

.at-html{color-scheme:dark;}
.at-body{margin:0;background:var(--at-bg);color:var(--at-text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans",sans-serif;}

.at-progress{position:sticky;top:0;z-index:50;height:3px;background:transparent;}
.at-progress__bar{height:100%;width:0%;background:linear-gradient(90deg,var(--at-accent),#b4ffe3);}

.at-app{min-height:100dvh;}

.at-head{border-bottom:1px solid var(--at-line);background:rgba(15,22,32,.7);backdrop-filter:saturate(160%) blur(10px);}
.at-head{display:flex;align-items:center;justify-content:space-between;gap:var(--at-gap);padding:14px 16px;}
.at-head__brand{display:flex;flex-direction:column;gap:6px;min-width:0;}
.at-brand{color:var(--at-text);text-decoration:none;font-weight:700;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.at-tagline{color:var(--at-dim);font-size:13px;}
.at-head__ad{min-width:0;}

.at-nav{display:flex;align-items:center;gap:10px;}
.at-nav__toggle{border:1px solid var(--at-line);background:var(--at-surface);color:var(--at-text);padding:8px 10px;border-radius:10px;}
.at-nav__list{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap;}
.at-nav__link{color:var(--at-dim);text-decoration:none;padding:6px 10px;border-radius:10px;border:1px solid transparent;}
.at-nav__link:hover{color:var(--at-text);border-color:var(--at-line);}
.at-nav__link.is-active{color:var(--at-text);border-color:rgba(124,212,255,.6);}

.at-grid{max-width:var(--at-max);margin:0 auto;padding:var(--at-gap);display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--at-gap);}

.at-main{background:var(--at-surface);border:1px solid var(--at-line);border-radius:var(--at-radius);padding:18px;min-width:0;}
.at-rail{display:flex;flex-direction:column;gap:var(--at-gap);}

.at-box{background:var(--at-surface);border:1px solid var(--at-line);border-radius:var(--at-radius);padding:14px;}
.at-box__title{font-size:12px;color:var(--at-dim);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;}

.at-pages{margin:0;padding-left:18px;color:var(--at-dim);}
.at-pages__a{color:var(--at-dim);text-decoration:none;}
.at-pages__a:hover{color:var(--at-text);}

.at-article :is(h1,h2,h3){line-height:1.25;}
.at-article a{color:var(--at-accent);}
.at-article pre{overflow:auto;border:1px solid var(--at-line);border-radius:12px;padding:12px;background:#0b111a;}
.at-article code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}

.at-feed__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid var(--at-line);padding-bottom:10px;margin-bottom:14px;}
.at-feed__title{margin:0;font-size:18px;}
.at-feed__note{margin:0;color:var(--at-dim);font-size:13px;}
.at-feed__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.at-card{border:1px solid var(--at-line);border-radius:12px;overflow:hidden;background:#0b111a;}
.at-card__link{display:block;padding:12px 12px 10px;color:inherit;text-decoration:none;}
.at-card__title{font-weight:650;}
.at-card__meta{margin-top:6px;color:var(--at-dim);font-size:12px;}

.at-foot{border-top:1px solid var(--at-line);padding:18px 16px;color:var(--at-dim);}
.at-foot__row{max-width:var(--at-max);margin:0 auto;display:flex;gap:10px;align-items:center;}
.at-foot__ad{max-width:var(--at-max);margin:10px auto 0;}

.at-top{position:fixed;right:16px;bottom:16px;border:1px solid var(--at-line);background:rgba(15,22,32,.85);color:var(--at-text);padding:10px 12px;border-radius:999px;}

@media (max-width: 980px){
  .at-grid{grid-template-columns:minmax(0,1fr);}
  .at-feed__cards{grid-template-columns:1fr;}
  .at-head{align-items:flex-start;flex-direction:column;}
  .at-nav__list{padding-top:8px;}
}