:root{--bg:#0a0a12;--bg2:#12121f;--card:#171729;--ink:#eef0f6;--muted:#9aa0b4;--line:#262640;--lime:#c4f542;--cyan:#4cc9f0;--magenta:#f72585;--violet:#8b5cf6;--amber:#ffb703}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{overflow-x:hidden}body{background:radial-gradient(1200px 600px at 10% -10%,#1f1b45 0%,transparent 60%),radial-gradient(900px 500px at 100% 0%,#0f2f4a 0%,transparent 55%),var(--bg);color:var(--ink);margin:0;font-family:Pretendard,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;font-size:16px;line-height:1.75}a{color:var(--cyan)}.top{z-index:5;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0a0a12b3;position:sticky;top:0}.top-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1040px;margin:0 auto;padding:14px 20px;display:flex}.brand{letter-spacing:-.03em;background:linear-gradient(90deg,var(--lime),var(--cyan),var(--magenta));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:900;text-decoration:none}.brand-sub{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:.72rem}main{min-width:0;max-width:1040px;margin:0 auto;padding:28px 20px 60px}.meta{color:var(--muted);font-size:.86rem}.hero{padding:26px 0 18px}.hero h1{letter-spacing:-.03em;margin:0;font-size:2.2rem;line-height:1.15}.hero h1 span{background:linear-gradient(90deg,var(--lime),var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--muted);max-width:640px;margin:10px 0 0}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:18px;display:grid}.card{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:16px;flex-direction:column;gap:8px;padding:18px 18px 16px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,var(--lime),var(--cyan),var(--magenta));height:4px;position:absolute;inset:0 0 auto}.card:hover{border-color:#3a3a66;transform:translateY(-2px)}.card .cat{letter-spacing:.1em;text-transform:uppercase;color:var(--lime);font-size:.72rem;font-weight:700}.card h2{letter-spacing:-.01em;margin:0;font-size:1.12rem;line-height:1.4}.card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9rem;display:-webkit-box;overflow:hidden}.card .foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;font-size:.78rem;display:flex}.srcn{color:var(--cyan)}.post-head{border-bottom:1px solid var(--line);margin-bottom:22px;padding:10px 0 18px}.cat-badge{letter-spacing:.1em;text-transform:uppercase;color:#0a0a12;background:var(--lime);border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:800;display:inline-block}.post-head h1{letter-spacing:-.03em;margin:10px 0 6px;font-size:2rem;line-height:1.25}.lead{color:#cfd4e6;border-left:4px solid var(--magenta);background:#f725850f;border-radius:0 10px 10px 0;margin:0 0 20px;padding:8px 14px;font-size:1.08rem}article{min-width:0;max-width:760px}article p,article li{overflow-wrap:anywhere;word-break:keep-all;font-size:1rem}article h2{letter-spacing:-.01em;color:var(--cyan);margin:30px 0 10px;font-size:1.25rem}article h3{color:var(--amber);margin:22px 0 8px;font-size:1.05rem}article blockquote{background:var(--bg2);border-left:4px solid var(--violet);color:#cfd4e6;border-radius:0 10px 10px 0;margin:14px 0;padding:12px 16px}article blockquote p{margin:0}article code{background:var(--bg2);color:var(--lime);border-radius:5px;padding:1px 6px;font-size:.92em}article img{border-radius:12px;max-width:100%}.tw{border:1px solid var(--line);border-radius:12px;margin:10px 0 16px;overflow-x:auto}article table{border-collapse:collapse;width:100%;margin:0;font-size:.9rem}article thead th{background:var(--bg2);color:var(--ink);text-align:left;white-space:nowrap;padding:8px 12px}article td{border-top:1px solid var(--line);white-space:nowrap;padding:8px 12px}article td:last-child{white-space:normal;min-width:140px}.src{color:var(--muted);font-size:.86rem}.src li{word-break:break-all;margin:3px 0}.src a{color:var(--cyan)}footer{border-top:1px solid var(--line);margin-top:30px}footer .in{max-width:1040px;color:var(--muted);margin:0 auto;padding:22px 20px 36px;font-size:.82rem;line-height:1.7}footer strong{color:var(--ink)}@media (width<=560px){.hero h1{font-size:1.7rem}.post-head h1{font-size:1.5rem}main{padding:18px 14px 44px}}