*{box-sizing:border-box}body,html{margin:0;padding:0;color:#e6ebf5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 700px at 18% -8%,rgba(37,99,235,.16) 0,rgba(3,7,18,0) 55%),radial-gradient(900px 600px at 100% 0,rgba(13,148,136,.12) 0,rgba(3,7,18,0) 50%),#05070f;background-attachment:fixed}a{color:#7cc4ff;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.wrap{max-width:720px;margin:0 auto;padding:16px 14px 80px}.row{display:flex;align-items:center;gap:10px}.muted{color:#8a97ad}.chip{font-size:12px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#c3cee0;white-space:nowrap;transition:border-color .16s ease,background .16s ease,transform .12s ease,box-shadow .16s ease}.chip:hover{border-color:rgba(124,196,255,.45);background:rgba(255,255,255,.07)}.chip:active{transform:scale(.97)}.chip.active{background:linear-gradient(135deg,#4f46e5,#2563eb);border-color:transparent;color:#fff;box-shadow:0 4px 18px rgba(37,99,235,.45),inset 0 1px 0 rgba(255,255,255,.18)}.card{border:1px solid rgba(255,255,255,.07);background:rgba(15,23,42,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease,background .18s ease}.card:hover{border-color:rgba(99,102,241,.5);background:rgba(20,28,48,.7);box-shadow:0 0 0 1px rgba(99,102,241,.22),0 10px 34px rgba(2,6,23,.6);transform:translateY(-1px)}.card.unread{background:linear-gradient(90deg,rgba(56,189,248,.16),rgba(15,23,42,.6) 58%);border-left:4px solid #38bdf8;box-shadow:0 0 0 1px rgba(56,189,248,.22)}.card.unread:hover{background:linear-gradient(90deg,rgba(56,189,248,.24),rgba(20,28,48,.72) 58%);box-shadow:0 0 0 1px rgba(56,189,248,.4),0 10px 34px rgba(2,6,23,.6)}.card.read{border-left:4px solid transparent;opacity:.55}.card.read:hover{opacity:1}.btn{padding:10px 14px;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);color:#e6ebf5;font-size:14px;transition:border-color .16s ease,background .16s ease,transform .12s ease,box-shadow .16s ease}.btn:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(135deg,#4f46e5,#2563eb);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 4px 18px rgba(37,99,235,.4)}.btn.primary:hover{box-shadow:0 6px 24px rgba(37,99,235,.55)}.btn.green{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;color:#fff;font-weight:600}.btn:disabled{opacity:.45;transform:none;box-shadow:none}.input{width:100%;background:rgba(2,6,18,.6);border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:11px 13px;color:#e6ebf5;font-size:14px;transition:border-color .16s ease,box-shadow .16s ease}.input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.25)}.dot{width:8px;height:8px;border-radius:999px;flex:none;background:#38bdf8;box-shadow:0 0 8px rgba(56,189,248,.9),0 0 2px rgba(56,189,248,1)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px}::-webkit-scrollbar-track{background:transparent}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:fadeUp .28s ease both}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}