:root{
  --bg:#17080d;--bg-rgb:23,8,13;--ink:#f3ebe1;--soft:rgba(243,235,225,.7);--brush:#c45a73;--accent:#c98a5f;
  --card:rgba(243,235,225,.05);--card-hover:rgba(243,235,225,.1);--line:rgba(243,235,225,.13);
  --ghost:rgba(243,235,225,.055);--blend:screen;--gopa:.05;--logo:#d8455f;
  --serif:'Space Grotesk',system-ui,sans-serif;--text:'Inter',system-ui,sans-serif;
}
:root.paper{
  --bg:#f3ebe1;--bg-rgb:243,235,225;--ink:#2a0910;--soft:rgba(42,9,16,.62);--brush:#6b1628;--accent:#9a4b27;
  --card:#fffaf3;--card-hover:#ffffff;--line:rgba(42,9,16,.13);--ghost:rgba(42,9,16,.05);--blend:multiply;--gopa:.07;--logo:#9a1b2e;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--text);transition:background .35s,color .35s;min-height:100vh}
.grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:var(--gopa);mix-blend-mode:var(--blend);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px}
.wrap{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:26px 28px 60px}
.top{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--soft)}
.top .b{font-weight:500;color:var(--accent);letter-spacing:.02em}
.sw{width:16px;height:16px;border-radius:5px;cursor:pointer;border:1px solid var(--line);transition:transform .15s}
.sw:hover{transform:scale(1.15)}
.stage{position:relative;margin:30px 0 8px}
.word{position:relative;z-index:1;font-family:var(--serif);font-weight:700;font-size:clamp(50px,8.5vw,84px);line-height:.95;color:var(--brush);letter-spacing:-3px;margin:2px 0 14px}
.word .dom{font-weight:500;font-size:.46em;color:var(--soft);letter-spacing:-1px}
.sec{font-family:var(--text);font-size:12px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin:34px 0 16px;display:flex;align-items:center;gap:12px}
.sec::after{content:"";flex:1;height:1px;background:var(--line)}
.nowcard{position:relative;border-radius:14px;overflow:hidden;min-height:280px;display:flex;align-items:center;
  background-color:var(--card);box-shadow:0 20px 48px -22px rgba(0,0,0,.65)}
.nowbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;z-index:0}
.nowscrim{position:absolute;inset:0;z-index:1;background:
  linear-gradient(to right, rgba(var(--bg-rgb),1) 4%, rgba(var(--bg-rgb),.92) 32%, rgba(var(--bg-rgb),.45) 60%, rgba(var(--bg-rgb),0) 92%),
  linear-gradient(to bottom, rgba(var(--bg-rgb),.45) 0%, rgba(var(--bg-rgb),0) 26%, rgba(var(--bg-rgb),0) 64%, rgba(var(--bg-rgb),.7) 100%)}
.nowmeta{position:relative;z-index:2;padding:32px 34px;max-width:64%}
.noweyebrow{font-family:var(--text);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.nowtitle{font-family:var(--serif);font-weight:600;font-size:36px;line-height:1.02;color:var(--ink);letter-spacing:-.6px}
.nowauthor{font-size:15px;color:var(--soft);margin-top:8px;font-weight:300}
.stars{display:flex;align-items:center;gap:3px;margin-top:14px;font-size:17px;line-height:1}
.stars .s{color:var(--accent)}.stars .e{color:var(--line)}
.stars .num{font-family:var(--text);font-size:13px;color:var(--soft);margin-left:6px}
.div{display:block;width:100%;height:16px;margin:30px 0 6px;opacity:.8}
.row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,0.95fr);gap:26px;padding:22px 0;border-bottom:1px solid var(--line);align-items:stretch}
.cardbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.cardbg.post-bg{object-position:right 20%}
.cardbg.sim-bg{object-position:right 26%}
.post{position:relative;border-radius:13px;overflow:hidden;min-height:190px;display:flex;align-items:center;
  background-color:var(--card);box-shadow:0 16px 38px -22px rgba(0,0,0,.6)}
.post .scrim{position:absolute;inset:0;z-index:1;background:
  linear-gradient(to right, rgba(var(--bg-rgb),1) 0%, rgba(var(--bg-rgb),.96) 34%, rgba(var(--bg-rgb),.84) 52%, rgba(var(--bg-rgb),.55) 70%, rgba(var(--bg-rgb),.22) 86%, rgba(var(--bg-rgb),0) 100%),
  linear-gradient(to bottom, rgba(var(--bg-rgb),.35) 0%, rgba(var(--bg-rgb),0) 28%, rgba(var(--bg-rgb),0) 70%, rgba(var(--bg-rgb),.5) 100%)}
.postmeta{position:relative;z-index:2;padding:22px 24px;max-width:58%}
.post .rt{font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.08;color:var(--ink)}
.post .ra{font-size:13px;color:var(--soft);margin-top:2px}
.rstars{display:flex;align-items:center;gap:2px;margin-top:8px;font-size:14px}
.rstars .s{color:var(--accent)}.rstars .e{color:var(--line)}
.rstars .num{font-size:12px;color:var(--soft);margin-left:5px}
.take{font-size:14.5px;color:var(--ink);opacity:.92;margin:10px 0 13px;line-height:1.5;font-weight:300}
.simwrap{min-width:0;display:flex;flex-direction:column}
.simhdr{font-family:var(--text);font-size:11px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin:2px 0 11px}
.simlist{display:flex;flex-direction:column;gap:12px;flex:1}
.scard{position:relative;display:block;flex:1;min-height:62px;border-radius:11px;overflow:hidden;border:1px solid var(--line);
  background-color:var(--card);text-decoration:none;color:inherit;box-shadow:0 10px 24px -16px rgba(0,0,0,.5);
  transition:border-color .18s,transform .18s}
.scard .scrim{position:absolute;inset:0;z-index:1;background:
  linear-gradient(to right, rgba(var(--bg-rgb),1) 6%, rgba(var(--bg-rgb),.9) 46%, rgba(var(--bg-rgb),.32) 74%, rgba(var(--bg-rgb),0) 100%)}
.scard:hover{border-color:var(--accent);transform:translateX(3px)}
.scardmeta{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:11px 16px}
.scard .st{font-family:var(--serif);font-weight:500;font-size:15px;line-height:1.15;color:var(--ink);max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scard .sa{font-size:12.5px;color:var(--soft);margin-top:2px}
.foot{display:flex;gap:10px;align-items:center;font-family:var(--text);font-size:12px;color:var(--soft);margin-top:26px;letter-spacing:.04em}
.foot .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}
@media(max-width:680px){.row{grid-template-columns:1fr}}