:root{
  --bg:#0f172a;
  --surface:#111827;
  --panel:#172033;
  --panel-soft:#1f2937;
  --line:rgba(203,213,225,.18);
  --text:#f8fafc;
  --muted:#b6c2d4;
  --subtle:#8fa0b8;
  --accent:#60a5fa;
  --accent2:#34d399;
  --warn:#f59e0b;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,#0b1120 0%,#111827 55%,#0f172a 100%);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit}
.hero{
  width:min(1360px,calc(100% - 40px));
  margin:0 auto;
  padding:30px 0 18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:end;
}
.eyebrow{margin:0;color:#93c5fd;font-weight:800;letter-spacing:.08em;font-size:12px}
.hero h1{font-size:clamp(30px,3.4vw,48px);line-height:1.08;margin:8px 0 8px;letter-spacing:-.035em;font-weight:850}
.lead{max-width:760px;margin:0;color:var(--muted);font-size:clamp(14px,1.2vw,16px);line-height:1.65}
.density-note{justify-self:end;align-self:center;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#dbeafe;background:rgba(148,163,184,.10);font-size:12px;font-weight:700;white-space:nowrap}
.posts{width:min(1360px,calc(100% - 40px));margin:0 auto 56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.post-card{position:relative;min-height:178px;display:flex;flex-direction:column;gap:9px;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.032));box-shadow:0 12px 32px rgba(0,0,0,.22);overflow:hidden}
.post-card:before{content:"";position:absolute;inset:0;border-top:3px solid rgba(96,165,250,.42);pointer-events:none;opacity:.75}.post-card>*{position:relative}
.post-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.post-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(148,163,184,.12);font-size:16px;font-weight:850;color:#e5e7eb;border:1px solid var(--line);flex:0 0 auto}
.tag{margin:0;color:#93c5fd;font-weight:750;letter-spacing:.04em;font-size:10px;text-align:right;line-height:1.35}.post-card h2{margin:0;font-size:clamp(17px,1.45vw,21px);line-height:1.18;letter-spacing:-.035em;font-weight:820}.post-card p:not(.tag){margin:0;color:var(--muted);line-height:1.52;font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.button{margin-top:auto;display:inline-flex;align-self:flex-start;padding:8px 11px;border-radius:10px;background:#e5edff;color:#111827;text-decoration:none;font-weight:800;font-size:12px;box-shadow:none;border:1px solid rgba(255,255,255,.12)}.button:hover{background:#bfdbfe}
.thumb{height:50px;border-radius:12px;border:1px solid var(--line);background:rgba(148,163,184,.08);overflow:hidden}.tile-thumb{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;padding:7px}.tile-thumb span{border-radius:3px;background:var(--c)}.mini-viz{height:50px;border-radius:12px;border:1px solid var(--line);background:rgba(148,163,184,.08);display:flex;align-items:end;justify-content:center;gap:8px;padding:8px}.mini-viz span{width:15%;height:var(--h);border-radius:7px 7px 3px 3px;background:var(--c)}.text-thumb{height:50px;border-radius:12px;border:1px solid var(--line);background:rgba(148,163,184,.08);padding:10px;display:grid;gap:5px}.text-thumb i{height:6px;border-radius:999px;background:rgba(203,213,225,.38)}.text-thumb i:nth-child(1){width:80%}.text-thumb i:nth-child(2){width:56%}.text-thumb i:nth-child(3){width:68%}
.slot{opacity:.52}.slot .post-number{color:#9ca3af}.slot h2{color:#d1d5db}.slot .button{background:rgba(148,163,184,.14);color:#cbd5e1}.culture-card:before{border-top-color:rgba(52,211,153,.48)}.hada-card:before{border-top-color:rgba(245,158,11,.55)}.geo-card:before{border-top-color:rgba(96,165,250,.62)}.gnuboard-card:before{border-top-color:rgba(34,197,94,.62)}.gnuboard5-card:before{border-top-color:rgba(99,102,241,.72)}.gnuboard5-card .button{background:#e0e7ff;color:#1e1b4b}.gnuboard5-thumb{background:linear-gradient(135deg,rgba(99,102,241,.26),rgba(96,165,250,.16))}.gnuboard5-thumb i{background:linear-gradient(90deg,#818cf8,#60a5fa)}.gnuboard7-card:before{border-top-color:rgba(168,85,247,.72)}.gnuboard7-card .button{background:#f3e8ff;color:#2e1065}.gnuboard7-thumb{background:linear-gradient(135deg,rgba(168,85,247,.26),rgba(96,165,250,.16))}.gnuboard7-thumb i{background:linear-gradient(90deg,#c084fc,#60a5fa)}.planet-card:before{border-top-color:rgba(251,191,36,.66)}
.planet-thumb{position:relative;height:50px;border-radius:12px;border:1px solid var(--line);background:radial-gradient(circle at center,rgba(251,191,36,.2),rgba(15,23,42,.88));overflow:hidden}.planet-thumb span{position:absolute;display:block}.planet-thumb .star{width:22px;height:22px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#fbbf24;box-shadow:0 0 22px #f59e0b}.planet-thumb .orbit{border:1px solid rgba(125,211,252,.35);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.planet-thumb .o1{width:70px;height:28px}.planet-thumb .o2{width:112px;height:40px}.planet-thumb .planet{border-radius:50%;box-shadow:0 0 12px currentColor}.planet-thumb .p1{width:9px;height:9px;left:calc(50% + 30px);top:20px;background:#38bdf8;color:#38bdf8}.planet-thumb .p2{width:12px;height:12px;left:calc(50% - 58px);top:28px;background:#22c55e;color:#22c55e}
.harvest-card:before{border-top-color:rgba(34,197,94,.66)}.harvest-thumb{position:relative;height:50px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(254,243,199,.18),rgba(22,101,52,.28));overflow:hidden}.harvest-thumb .veg{position:absolute;border-radius:999px;box-shadow:0 0 16px rgba(0,0,0,.16)}.harvest-thumb .v1{width:42px;height:24px;left:18px;top:14px;background:#ef4444}.harvest-thumb .v2{width:54px;height:18px;left:62px;top:20px;background:#22c55e}.harvest-thumb .v3{width:30px;height:30px;right:24px;top:10px;background:#f59e0b}.harvest-thumb i{position:absolute;left:0;right:0;bottom:0;height:10px;background:rgba(255,255,255,.18)}
.tap-card:before{border-top-color:rgba(244,114,182,.82)}.tap-card .button{background:#fce7f3;color:#831843}.tap-thumb{position:relative;height:50px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(135deg,#ff4fd8,#ffe45c 48%,#4dffce);overflow:hidden;display:grid;place-items:center}.tap-thumb b{font-size:27px;letter-spacing:-.08em;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.35);z-index:1}.tap-thumb span{position:absolute;width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.24);left:-18px;top:-20px}.tap-thumb i{position:absolute;width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.28);right:18px;bottom:-10px;transform:rotate(12deg)}.lucky-card:before{border-top-color:rgba(250,204,21,.88)}.lucky-card .button{background:#fef3c7;color:#713f12}.lucky-thumb{position:relative;height:50px;border-radius:12px;border:1px solid var(--line);background:radial-gradient(circle at 24% 20%,rgba(255,255,255,.36),transparent 28%),linear-gradient(135deg,#2d063e,#7c2dff 46%,#ffb703);overflow:hidden;display:grid;place-items:center}.lucky-thumb b{font-size:27px;letter-spacing:-.08em;color:#fff7ed;text-shadow:0 4px 14px rgba(0,0,0,.45),0 0 18px rgba(250,204,21,.76);z-index:1}.lucky-thumb span{position:absolute;width:78px;height:78px;border-radius:50%;background:rgba(250,204,21,.26);left:-20px;top:-24px}.lucky-thumb i{position:absolute;width:48px;height:34px;border-radius:11px;background:rgba(255,255,255,.22);right:15px;bottom:-8px;transform:rotate(-13deg);box-shadow:0 0 24px rgba(255,255,255,.18)}
.earth-card:before{border-top-color:rgba(74,222,128,.78)}.earth-card .button{background:#dcfce7;color:#14532d}.earth-thumb{position:relative;height:50px;border-radius:12px;border:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.25),rgba(15,23,42,.92));overflow:hidden}.earth-thumb .globe{position:absolute;width:74px;height:74px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 28%,#86efac,#16a34a 42%,#1d4ed8 74%);box-shadow:inset -12px -10px 18px rgba(2,6,23,.35),0 0 22px rgba(34,197,94,.28)}.earth-thumb .cap{position:absolute;left:50%;width:44px;height:8px;border-radius:999px;background:rgba(240,249,255,.92);transform:translateX(-50%)}.earth-thumb .north{top:8px}.earth-thumb .south{bottom:8px}.earth-thumb b{position:absolute;inset:10px 42px;border:1px solid rgba(255,255,255,.28);border-left:0;border-right:0;border-radius:50%}.mass-card:before{border-top-color:rgba(94,234,212,.82)}.mass-card .button{background:#ccfbf1;color:#134e4a}.mass-thumb{position:relative;height:50px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(14,165,233,.18),rgba(15,23,42,.9));overflow:hidden}.mass-thumb span{position:absolute;bottom:9px;width:22px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#5eead4,#0f766e);box-shadow:0 0 18px rgba(94,234,212,.24)}.mass-thumb span:nth-child(1){left:38px;height:25px}.mass-thumb span:nth-child(2){left:70px;height:34px}.mass-thumb span:nth-child(3){left:104px;height:19px}.mass-thumb i{position:absolute;left:16px;right:16px;bottom:8px;height:2px;background:rgba(255,255,255,.42);box-shadow:0 -12px 0 rgba(255,255,255,.10),0 -24px 0 rgba(255,255,255,.08)}
@media(max-width:1100px){.posts{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{grid-template-columns:1fr}.density-note{justify-self:start}.post-card{min-height:176px}}
@media(max-width:760px){.hero{width:min(100% - 24px,560px);padding:24px 0 14px}.hero h1{font-size:32px}.lead{font-size:14px}.density-note{font-size:11px;padding:7px 10px}.posts{width:min(100% - 24px,560px);grid-template-columns:1fr;gap:10px;margin-bottom:36px}.post-card{min-height:auto;border-radius:16px;padding:14px}.post-card p:not(.tag){-webkit-line-clamp:4}.thumb,.mini-viz,.text-thumb{height:46px}.button{width:100%;justify-content:center;padding:10px 12px}.slot{display:none}}