*{box-sizing:border-box}html,body{color:#e6ebf5;-webkit-font-smoothing:antialiased;background-color:#05070f;background-image:radial-gradient(1100px 700px at 18% -8%,#2563eb29 0%,#03071200 55%),radial-gradient(900px 600px at 100% 0,#0d94881f 0%,#03071200 50%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:#7cc4ff;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.wrap{max-width:720px;margin:0 auto;padding:16px 14px 80px}.row{align-items:center;gap:10px;display:flex}.muted{color:#8a97ad}.chip{color:#c3cee0;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:5px 12px;font-size:12px;transition:border-color .16s,background .16s,transform .12s,box-shadow .16s}.chip:hover{background:#ffffff12;border-color:#7cc4ff73}.chip:active{transform:scale(.97)}.chip.active{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#2563eb 100%);border-color:#0000;box-shadow:0 4px 18px #2563eb73,inset 0 1px #ffffff2e}.card{-webkit-backdrop-filter:blur(12px);background:#0f172a8c;border:1px solid #ffffff12;border-radius:14px;transition:border-color .18s,box-shadow .18s,transform .12s,background .18s}.card:hover{background:#141c30b3;border-color:#6366f180;transform:translateY(-1px);box-shadow:0 0 0 1px #6366f138,0 10px 34px #02061799}.card.unread{background:linear-gradient(90deg,#38bdf829,#0f172a99 58%);border-left:4px solid #38bdf8;box-shadow:0 0 0 1px #38bdf838}.card.unread:hover{background:linear-gradient(90deg,#38bdf83d,#141c30b8 58%);box-shadow:0 0 0 1px #38bdf866,0 10px 34px #02061799}.card.read{opacity:.55;border-left:4px solid #0000}.card.read:hover{opacity:1}.btn{color:#e6ebf5;background:#ffffff0d;border:1px solid #ffffff17;border-radius:11px;padding:10px 14px;font-size:14px;transition:border-color .16s,background .16s,transform .12s,box-shadow .16s}.btn:hover{background:#ffffff17;border-color:#ffffff29}.btn:active{transform:scale(.97)}.btn.primary{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#2563eb 100%);border-color:#0000;font-weight:600;box-shadow:0 4px 18px #2563eb66}.btn.primary:hover{box-shadow:0 6px 24px #2563eb8c}.btn.green{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;font-weight:600}.btn:disabled{opacity:.45;box-shadow:none;transform:none}.input{color:#e6ebf5;background:#02061299;border:1px solid #ffffff1a;border-radius:11px;width:100%;padding:11px 13px;font-size:14px;transition:border-color .16s,box-shadow .16s}.input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb40}.dot{background:#38bdf8;border-radius:999px;flex:none;width:8px;height:8px;box-shadow:0 0 8px #38bdf8e6,0 0 2px #38bdf8}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-track{background:0 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:.28s both fadeUp}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:#64748b;pointer-events:none}[contenteditable] a{color:#38bdf8}[contenteditable] ul,[contenteditable] ol{margin:6px 0;padding-left:22px}[contenteditable] p{margin:0 0 10px}