:root{--bg:#0f172a;--card:#111827;--muted:#94a3b8;--brand:#eab308;}
  html,body{margin:0;padding:0;background:linear-gradient(180deg,#0b1022,#0f172a);color:#e5e7eb;font-family:ui-sans-serif,system-ui,-apple-system;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
  .wrap{max-width:920px;margin:0 auto;padding:20px;}
  .brand{display:flex;align-items:center;gap:12px;margin:8px 0 18px}
  .brand img{width:36px;height:36px;border-radius:9999px;object-fit:cover;border:1px solid #222}
  .brand h1{font-size:18px;margin:0;font-weight:700}
  .brand p{margin:0;color:var(--muted);font-size:12px}
  .backLink{margin:0 0 12px;display:flex;gap:8px;flex-wrap:wrap;}
  .backBtn{display:inline-flex;align-items:center;gap:6px;background:#0c142b;border:1px solid rgba(148,163,184,.3);color:#e5e7eb;padding:8px 12px;border-radius:10px;text-decoration:none;font-weight:700;font-size:13px;}
  .list-section{margin:12px 0 18px;}
  .list-head{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;}
  .list-head h2{margin:0;font-size:18px;font-weight:800;color:#fff;}
  .list-grid{display:grid;grid-template-columns:1fr;gap:12px;}
  @media(min-width:720px){.list-grid{grid-template-columns:repeat(2,1fr);}}
  @media(min-width:980px){.list-grid{grid-template-columns:repeat(3,1fr);}}
  .list-card{display:grid;gap:8px;background:rgba(17,24,39,.75);border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:12px;text-decoration:none;color:#e5e7eb;transition:transform .15s ease,border-color .15s ease;}
  .list-card:hover{transform:translateY(-2px);border-color:rgba(148,163,184,.35);}
  .list-img{width:100%;height:160px;border-radius:12px;background:#0b1022;display:flex;align-items:center;justify-content:center;overflow:hidden;}
  .list-img img{width:100%;height:100%;object-fit:cover;}
  .list-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:800;}
  .list-code{font-size:12px;color:#a7f3d0;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);padding:3px 8px;border-radius:999px;}
  .list-desc{color:#cbd5e1;font-size:13px;line-height:1.7;}
  .hero{display:grid;grid-template-columns: 1fr;gap:16px;margin-top:8px}
  .card{background:rgba(17,24,39,.75);backdrop-filter: blur(8px);border:1px solid rgba(148,163,184,.15);border-radius:16px; overflow:hidden}
  .imgbox{position:relative;aspect-ratio:16/9;background:#0b1022}
  .imgbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
  .meta{padding:16px 16px 8px}
  .deity{font-size:22px;font-weight:800;letter-spacing:.02em}
  .deity-state{padding:0 16px 0;color:#6b7280;font-size:13px;line-height:1.6;}
  .deity-quiz-context{padding:0 16px 4px;color:#9ca3af;font-size:12px;line-height:1.6;margin-top:4px;margin-bottom:6px;}
  .deity-micro-insight{margin:8px 0 14px;color:#9ca3af;font-size:12px;}
  .deity-c1-summary{padding:0 16px 8px;color:#94a3b8;font-size:12px;line-height:1.4;}
  .deity-c1-tags{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px;}
  .deity-c1-tag{font-size:11px;line-height:1;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,0.05);color:#777;white-space:nowrap;}
  .deity-intent-hint{font-size:12px;color:#aaa;margin:4px 0 8px;}
  .deity-memory-hint{font-size:12px;color:#888;line-height:1.6;margin:6px 0 8px;opacity:.9;}
  .deity-saved-compare{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.05);font-size:12px;line-height:1.6;color:#888;}
  .deity-saved-compare .compare-title{margin-bottom:4px;opacity:.9;}
  .deity-saved-compare .compare-row{display:flex;gap:6px;}
  .deity-saved-compare .label{opacity:.7;}
  .deity-saved-compare .value{opacity:.95;}
  .deity-saved-direction{font-size:12px;line-height:1.6;color:#888;margin-top:6px;}
  .deity-state-narrative{font-size:12px;line-height:1.6;color:#9ca3af;margin-top:4px;}
  .deity-context-details{margin:10px 0 16px;}
  .deity-context-details summary{font-size:12px;color:#9ca3af;cursor:pointer;}
  .deity-state-relation{font-size:12px;line-height:1.6;color:#8b94a5;margin-top:8px;margin-bottom:6px;opacity:.9;}
  .deity-quiet-closure{font-size:12px;line-height:1.6;color:#7a7a7a;opacity:.9;margin:8px 0 0;}
  .deity-next-step{margin-top:16px;padding:12px;border-radius:8px;background:#f6f6f6;}
  .next-step-title{font-size:13px;font-weight:500;margin-bottom:4px;}
  .next-step-body{font-size:13px;line-height:1.6;color:#555;}
  .next-step-link{display:inline-block;margin-top:6px;font-size:12px;color:#777;text-decoration:underline;}
  .deity-return-flow{margin-top:0;padding-top:0;border-top:0;color:#666;}
  .deity-return-cta{margin-top:18px;font-size:13px;}
  .deity-return-cta-link{text-decoration:underline;color:#6b7280;}
  .deity-current-state-block{margin:16px 0 20px;padding-top:12px;border-top:1px dashed rgba(0,0,0,0.08);}
  .deity-current-state-block p{margin:0 0 6px;font-size:12px;line-height:1.7;color:rgba(0,0,0,0.45);}
  .deity-state-relationship{font-size:12px;line-height:1.6;color:rgba(0,0,0,0.45);margin:12px 0 4px;}
  .deity-state-confirmation{font-size:12px;line-height:1.6;color:rgba(0,0,0,0.45);margin:8px 0 6px;}
  .deity-state-stability{font-size:12px;line-height:1.6;color:rgba(0,0,0,0.45);margin:8px 0 12px;}
  .deity-state-continuity{font-size:12px;line-height:1.6;color:rgba(0,0,0,0.45);margin:6px 0 10px;}
  .return-flow-title{font-size:13px;font-weight:500;margin-bottom:4px;}
  .return-flow-body{font-size:13px;line-height:1.6;margin-bottom:8px;}
  .return-flow-actions{display:flex;gap:12px;flex-wrap:wrap;}
  .return-flow-link{font-size:12px;color:#777;text-decoration:underline;white-space:nowrap;}
  .return-flow-link.secondary{opacity:0.7;}
  .deity-next-step{margin-top:16px;padding:12px;border-radius:8px;background:#f6f6f6;}
  .next-step-title{font-size:13px;font-weight:500;margin-bottom:4px;}
  .next-step-body{font-size:13px;line-height:1.6;color:#555;}
  .next-step-link{display:inline-block;margin-top:6px;font-size:12px;color:#777;text-decoration:underline;}
  .desc{padding:12px 16px 18px;color:#cbd5e1;line-height:1.8;white-space:pre-wrap}
  .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
  .shareBtn{margin-left:auto;background:#0c142b;border:1px solid rgba(148,163,184,.3);color:#e5e7eb;padding:8px 12px;border-radius:10px;cursor:pointer}
  .muted{color:var(--muted)}
  .grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}
  @media(min-width:860px){.hero{grid-template-columns: 1.2fr .8fr}.grid{grid-template-columns:1fr 1fr}}
  .section{padding:16px}
  .section h2{margin:0 0 10px;font-size:16px;color:#fff}
  .story{display:flex;flex-direction:column;gap:10px;max-height:380px;overflow:auto;padding-right:6px}
  .bubble{background:#0b1022;border:1px solid rgba(148,163,184,.15);border-radius:12px;padding:12px}
  .bubble .nick{font-weight:700;font-size:13px}
  .bubble .msg{margin-top:6px;line-height:1.7;white-space:pre-wrap}
  .time{color:#94a3b8;font-size:12px;margin-top:6px}
  .form{display:flex;flex-direction:column;gap:10px}
  input,textarea{width:100%;background:#0c142b;border:1px solid rgba(148,163,184,.2);color:#e5e7eb;border-radius:10px;padding:10px 12px;outline:none}
  textarea{min-height:96px;resize:vertical}
  button{background:linear-gradient(90deg,#eab308,#f59e0b);color:#111827;border:0;border-radius:12px;padding:12px 14px;font-weight:800;cursor:pointer}
  .badge{font-size:12px;color:#a7f3d0;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);padding:4px 8px;border-radius:8px}
  .delBtn{margin-left:auto;background:#1f2937;border:1px solid rgba(239,68,68,.35);color:#fecaca;padding:4px 8px;border-radius:8px;cursor:pointer;font-size:12px}
  .delWarn{color:#fca5a5;font-size:12px;margin-left:8px}
  .hint{font-size:12px;color:#93a3b8;margin-top:-6px}
  .foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 0 4px;color:#9ca3af}
  .toast{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;background:#051028;border:1px solid rgba(96,165,250,.35);color:#e5e7eb;border-radius:999px;padding:10px 14px;font-size:14px;display:none}
  #shotBox{display:flex;justify-content:center;margin-top:12px;padding:8px}
  #shotBox img{max-width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#0b1022}
  /* C1 placeholder styles */