:root{color-scheme:dark;--page-bg: #000;--surface: rgba(8, 13, 23, .78);--surface-strong: rgba(13, 18, 30, .92);--surface-hover: rgba(255, 255, 255, .055);--frost: rgba(214, 235, 253, .19);--frost-strong: rgba(214, 235, 253, .34);--text: #f0f0f0;--muted: #a1a4a5;--dim: #62676b;--blue: #3b9eff;--green: #11ff99;--orange: #ff801f;--yellow: #ffc53d;--red: #ff5c75}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%;font-family:Geist,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--page-bg)}body{overflow-x:hidden}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-color:#3b9effa6}button{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 15px;background:linear-gradient(180deg,#fff,#dcecff);color:#05070d;font-weight:700;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease;box-shadow:0 10px 28px #3b9eff1f}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 34px #3b9eff2e}button:disabled{cursor:not-allowed;opacity:.54}input,textarea,select{min-height:42px;border-radius:14px;border:1px solid var(--frost);background:#ffffff0b;color:var(--text);padding:10px 12px;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}input:focus,textarea:focus,select:focus{border-color:#3b9eff9e;background:#ffffff12;box-shadow:0 0 0 4px #3b9eff1f}input::placeholder,textarea::placeholder{color:#a1a4a5bd}select{appearance:auto}.card{position:relative;overflow:hidden;margin:28px;padding:24px;border:1px solid var(--frost);border-radius:24px;background:linear-gradient(180deg,#ffffff0e,#ffffff07);box-shadow:inset 0 1px #ffffff0e,0 24px 90px #00000038;animation:rise-in .26s ease both}.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);opacity:.72;pointer-events:none}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px}.grid .card{margin:0;display:grid;gap:10px}.card h1,.card h2,.card h3{color:var(--text);letter-spacing:-.035em}.card h1{margin:0 0 10px;font-size:clamp(2rem,4vw,3.5rem);line-height:.98;font-weight:600}.card h2{margin:0 0 12px;font-size:1.35rem}.card h3{margin:18px 0 8px;font-size:1rem}.card p,.card li,.card small{color:var(--muted)}.card p{line-height:1.62}.card strong{color:var(--text)}.card pre,.card code{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.card pre{max-width:100%;overflow:auto;border:1px solid var(--frost);border-radius:18px;padding:16px;background:#0000006b;color:#dbeafe;line-height:1.55}.card code{color:#dbeafe;overflow-wrap:anywhere}.eyebrow{width:fit-content;margin:0 0 12px!important;color:#ffa057!important;border:1px solid rgba(255,128,31,.24);border-radius:999px;padding:4px 10px;background:#ff59001f;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.inline-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.inline-form input,.inline-form select{flex:1 1 180px}.error,.success{border-radius:16px;padding:11px 13px}.error{color:#fecdd3!important;border:1px solid rgba(255,92,117,.28);background:#ff20471a}.success{color:#bbf7d0!important;border:1px solid rgba(17,255,153,.22);background:#11ff9914}.list{display:grid;gap:10px}.list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:15px;border:1px solid rgba(214,235,253,.145);border-radius:18px;background:#0000003d;transition:transform .16s ease,border-color .16s ease,background .16s ease}.list article:hover{transform:translateY(-1px);border-color:var(--frost-strong);background:var(--surface-hover)}.list article.selected{border-color:#3b9eff94;background:linear-gradient(135deg,#3b9eff26,#ffffff0b)}.list article span{color:#dbeafe;border:1px solid var(--frost);border-radius:999px;padding:4px 9px;background:#ffffff09;font-size:12px;font-weight:600}.split-view{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:18px}.message-detail{min-width:0;border:1px solid var(--frost);border-radius:22px;padding:18px;background:#0000003d}.message-detail p,.message-detail small,.message-detail h2,.message-detail pre{overflow-wrap:anywhere}.inbox-split-view{align-items:start}.inbox-list-pane,.inbox-detail-pane{min-width:0}.inbox-list .inbox-message{display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch;cursor:pointer}.inbox-message-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.inbox-message-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-message-top span{flex:0 0 auto}.inbox-message-from,.inbox-message-preview,.inbox-message-meta{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-message-preview{color:#d4d9dc!important}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-view{grid-template-columns:1fr}}@media(max-width:720px){.card,.grid{margin:18px}.grid{grid-template-columns:1fr}.inline-form,.list article{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.list article span{width:fit-content}}