:root{--accent:#5b9dff;--bg:#0b1020;--panel:#101a33;--text:#e8ecff;--muted:#a6b0dd;--line:rgba(255,255,255,.09)}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:linear-gradient(180deg,var(--bg),#070a14);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
a{color:inherit;text-decoration:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.t16{min-height:100vh;display:grid;grid-template-columns:280px 1fr}
.t16-side{position:sticky;top:0;align-self:start;min-height:100vh;padding:18px;border-right:1px solid var(--line);background:rgba(16,26,51,.65);backdrop-filter:blur(10px)}
.t16-brand__home{display:flex;gap:10px;align-items:center}
.t16-mark{width:14px;height:14px;border-radius:4px;background:var(--accent);box-shadow:0 0 0 3px rgba(91,157,255,.2)}
.t16-title{font-weight:700;letter-spacing:.2px}
.t16-tagline{margin-top:10px;color:var(--muted);font-size:14px}
.t16-nav{margin-top:14px}
.t16-nav__list{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.t16-nav__link{display:block;padding:10px 10px;border-radius:10px;border:1px solid transparent;background:rgba(255,255,255,.03)}
.t16-nav__item.is-active .t16-nav__link{border-color:rgba(91,157,255,.45);background:rgba(91,157,255,.10)}
.t16-slot{margin-top:14px;padding:10px;border-radius:12px;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.03)}
.t16-sidefoot{margin-top:auto;padding-top:14px}
.t16-social{display:flex;gap:8px;flex-wrap:wrap}
.t16-social__a{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.t16-social__dot{width:8px;height:8px;border-radius:999px;background:var(--accent)}

.t16-work{display:grid;grid-template-areas:"head head" "main meta" "foot foot";grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto 1fr auto;min-height:100vh}
.t16-head{grid-area:head;padding:18px 18px 0}
.t16-head__row{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}
.t16-mini__title{font-weight:700}
.t16-mini__url{color:var(--muted);font-size:12px;margin-top:3px;word-break:break-all}
.t16-search{display:flex;gap:8px}
.t16-search__in{width:220px;max-width:40vw;padding:10px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--text)}
.t16-search__btn{padding:10px 12px;border-radius:10px;border:1px solid rgba(91,157,255,.45);background:rgba(91,157,255,.15);color:var(--text);cursor:pointer}
.t16-slot--head{margin-top:12px}

.t16-main{grid-area:main;padding:18px}
.t16-main> :first-child{margin-top:0}

.t16-meta{grid-area:meta;padding:18px}
.t16-meta__box{padding:12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);margin-bottom:10px}
.t16-meta__k{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.t16-meta__v{margin-top:6px;word-break:break-word}

.t16-foot{grid-area:foot;padding:18px;border-top:1px solid var(--line);background:rgba(0,0,0,.12)}
.t16-foot__hint{color:var(--muted);font-size:13px}

@media (max-width: 980px){
  .t16{grid-template-columns:1fr}
  .t16-side{position:relative;min-height:auto;border-right:none;border-bottom:1px solid var(--line)}
  .t16-work{grid-template-areas:"head" "main" "meta" "foot";grid-template-columns:1fr}
  .t16-search__in{width:160px}
}