:root{
  --aa18-bg:#ffffff;
  --aa18-ink:#0f172a;
  --aa18-muted:#64748b;
  --aa18-accent:#7c3aed;
  --aa18-border:rgba(15,23,42,.12);
  --aa18-surface:#f8fafc;
}
*{box-sizing:border-box}

.aa18-app{min-height:100vh;background:var(--aa18-bg);color:var(--aa18-ink)}
.aa18-wrap{max-width:1200px;margin:0 auto;padding:0 14px}

.aa18-head{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.85);backdrop-filter:saturate(150%) blur(10px);border-bottom:1px solid var(--aa18-border)}
.aa18-head-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}

#logo.aa18-logo a{text-decoration:none;color:var(--aa18-ink);font-weight:800}
#logo.aa18-logo img{height:34px;width:auto;display:block}
#logo.aa18-logo .aa18-fallback{display:none;padding:.25rem .6rem;border:1px solid var(--aa18-border);border-radius:999px;background:var(--aa18-surface)}

.aa18-tools{display:flex;align-items:center;gap:8px}
.aa18-btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;border:1px solid var(--aa18-border);background:var(--aa18-surface);padding:8px 10px;cursor:pointer;color:var(--aa18-ink)}
.aa18-btn:hover{border-color:rgba(124,58,237,.28)}
.aa18-btn.is-on{background:rgba(124,58,237,.08);border-color:rgba(124,58,237,.35)}

.aa18-shell{display:grid;grid-template-columns: 340px minmax(0,1fr);gap:14px;padding:14px 0 24px}

.aa18-board{border:1px solid var(--aa18-border);border-radius:16px;overflow:hidden;background:var(--aa18-surface)}
.aa18-board-h{padding:12px 14px;border-bottom:1px solid var(--aa18-border);display:flex;align-items:center;justify-content:space-between;gap:10px}
.aa18-board-h strong{font-size:.98rem}
.aa18-board-b{padding:12px 14px}

.aa18-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.aa18-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--aa18-ink);border:1px solid transparent;background:#fff}
.aa18-list a:hover{border-color:var(--aa18-border)}
.aa18-list a.is-active{border-color:rgba(124,58,237,.35);background:rgba(124,58,237,.06)}
.aa18-badge{font-size:.8rem;color:var(--aa18-muted);border:1px solid var(--aa18-border);border-radius:999px;padding:.05rem .45rem}

.aa18-paper{border:1px solid var(--aa18-border);border-radius:16px;background:#fff;padding:18px;min-width:0}
.aa18-paper :where(h1,h2,h3){scroll-margin-top:90px}

.aa18-focus .aa18-shell{grid-template-columns: 1fr}
.aa18-focus .aa18-left{display:none}

@media (max-width: 960px){
  .aa18-shell{grid-template-columns:1fr}
}