:root{--bg:#0b1416;--card:rgba(255,255,255,.05);--line:rgba(255,255,255,.1);--ink:#f3ecdc;--mut:#9fb0ad;--acc:#f2a93b;--acc2:#2ec4b6}
.light{--bg:#f7f1e3;--card:rgba(255,255,255,.75);--line:rgba(0,0,0,.1);--ink:#1d2a2c;--mut:#5b6b69;--acc:#d9821a;--acc2:#138a7e}
*{font-family:'Vazirmatn',sans-serif}
body{margin:0;background:var(--bg);color:var(--ink);transition:background .3s}
.bgfx{position:fixed;inset:0;z-index:-1;background:
radial-gradient(circle at 85% 10%,rgba(242,169,59,.18),transparent 40%),
radial-gradient(circle at 10% 80%,rgba(46,196,182,.15),transparent 45%),
repeating-linear-gradient(45deg,transparent 0 22px,rgba(128,128,128,.04) 22px 23px)}
.glass{background:var(--card);border:1px solid var(--line);backdrop-filter:blur(10px)}
.mut{color:var(--mut)}
.acc{color:var(--acc)}
.card{transition:transform .25s,box-shadow .25s;animation:rise .5s both}
.card:hover{transform:translateY(-5px);box-shadow:0 14px 30px -10px var(--glow,rgba(242,169,59,.5))}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1}}
@keyframes wink{0%,90%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
.wink{display:inline-block;animation:wink 3s infinite}
@keyframes spin{from{transform:rotate(0) scale(.5)}to{transform:rotate(720deg) scale(1)}}
.spin{animation:spin .8s ease-out}
.noscroll::-webkit-scrollbar{display:none}
.noscroll{scrollbar-width:none}
.line2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
input::placeholder{color:var(--mut)}