:root{color-scheme:dark;--bg:#080a0d;--panel:#101318;--muted:#9298a3;--line:#ffffff14;--text:#f2f3f5;--mint:#a4ffd7;--violet:#9a83ff;--font:'Vazirmatn',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 78% 0%,#563c8420,transparent 38%),radial-gradient(ellipse at 10% 34%,#00a88710,transparent 30%),var(--bg);color:var(--text);font:15px/1.9 var(--font);min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.wrap{width:min(1080px,calc(100% - 40px));margin:auto}.topbar{height:76px;position:sticky;top:0;z-index:5;display:flex;align-items:center;background:#080a0de8;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topinner{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;direction:ltr;font:600 18px var(--mono);letter-spacing:-1px}.brand img{width:40px;height:40px;filter:drop-shadow(0 0 12px #a4ffd733)}.brand .med{color:#f2f3f5}.brand .dot{color:var(--mint);font-size:22px}.brand .ai{color:#abb1bd;font-weight:400}.nav{display:flex;gap:28px;color:#b6bac3;font-size:13px}.nav a:hover,.nav a.active{color:var(--mint)}.account{padding:7px 13px;border:1px solid var(--line);border-radius:8px;font-size:12px}.hero{padding:76px 0 44px}.kicker{color:var(--mint);font:11px var(--mono);letter-spacing:1px;direction:ltr;display:inline-block}.hero h1{font-size:clamp(38px,6vw,65px);line-height:1.3;letter-spacing:-2px;margin:14px 0 8px}.gradient{background:linear-gradient(100deg,#a4ffd7,#b0d6f7 55%,#aa94ff);color:transparent;background-clip:text}.hero p{margin:0;color:var(--muted);max-width:660px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.search{flex:1;min-width:220px;background:#101318;border:1px solid var(--line);border-radius:10px;padding:10px 14px;color:var(--text);font:inherit;outline:none}.search:focus{border-color:#a4ffd766}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter,.btn{border:1px solid var(--line);background:#101318;border-radius:8px;padding:8px 13px;cursor:pointer;font-size:12px}.filter.active,.btn.primary{background:var(--mint);color:#08110e;border-color:var(--mint)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:10px 0 75px}.card{background:linear-gradient(145deg,#12151b,#0d1014);border:1px solid var(--line);border-radius:14px;padding:21px;min-width:0;transition:transform .3s,border-color .3s,box-shadow .3s;animation:rise .55s both}.card:hover{transform:translateY(-5px);border-color:#a4ffd755;box-shadow:0 15px 40px #0005}.tag{color:var(--mint);font-size:11px}.card h2,.card h3{font-size:18px;line-height:1.6;margin:12px 0 6px}.card p{color:#a1a6b0;font-size:13px;margin:0}.meta{display:flex;justify-content:space-between;color:#7f8590;font-size:11px;margin-top:20px}.visual{height:110px;border:1px solid #a4ffd719;border-radius:10px;margin-bottom:16px;background:radial-gradient(circle at 50% 50%,#a4ffd71b,transparent 57%);display:grid;place-items:center;color:var(--mint);font:12px var(--mono)}.visual svg{width:150px;height:100px}.snippet pre{white-space:pre-wrap;overflow:auto;max-height:175px;background:#080a0d;border:1px solid var(--line);border-radius:8px;padding:13px;direction:ltr;text-align:left;font:12px/1.8 var(--mono);color:#c5d4d0;margin:16px 0}.snippet-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.copy{border:1px solid var(--line);border-radius:7px;background:transparent;padding:6px 10px;cursor:pointer;font-size:11px}.copy:hover{border-color:var(--mint);color:var(--mint)}.empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--muted);padding:40px}.article{max-width:780px;margin:0 auto;padding:50px 0 90px}.article h1{font-size:clamp(34px,5vw,55px);line-height:1.45}.article .lead{font-size:18px;color:#adb3bd;border-right:2px solid var(--mint);padding-right:17px}.article-body{font-size:16px;color:#d2d5da;line-height:2.2}.article-body h2,.article-body h3{color:var(--text);margin-top:2em}.article-body pre{direction:ltr;text-align:left;background:#101318;border:1px solid var(--line);border-radius:10px;padding:18px;overflow:auto}.article-body blockquote{margin:20px 0;border-right:2px solid var(--violet);padding:5px 18px;color:#b7b2ca}.article-body a{color:var(--mint);text-decoration:underline}.back{color:var(--mint);font-size:13px}.footer{border-top:1px solid var(--line);padding:22px 0;color:#858a96;font-size:12px}.progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--mint);transform:scaleX(0);transform-origin:right;z-index:20}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:13px}.hero{padding-top:50px}}@media(max-width:560px){.grid{grid-template-columns:1fr}.nav{font-size:11px;gap:10px}.account{display:none}.wrap{width:calc(100% - 28px)}.topbar{height:66px}.brand img{width:35px;height:35px}}