:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f0f4fd;background:#0c111c;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,textarea{font:inherit}a{color:#a9c7ff}
.backdrop{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 14% 5%,#22375e 0%,transparent 43%),radial-gradient(ellipse at 92% 32%,#152647 0%,transparent 35%),#0c111c}
.shell{width:min(990px,calc(100% - 40px));margin:0 auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:25px 0 15px;gap:16px}.brand{display:flex;align-items:center;gap:12px}.logo{display:grid;place-items:center;background:#437af5;width:43px;height:43px;border-radius:13px;font-weight:800;font-size:29px}.brand strong{display:block;font-size:19px;letter-spacing:-.5px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#a0aec8;margin-top:3px}.pill{font-size:10px;letter-spacing:1px;color:#9ec7ff;background:#172a47;border:1px solid #395277;padding:9px 12px;border-radius:24px;white-space:nowrap}
.hero{padding:58px 0 36px}.eyebrow{color:#7eb2ff;font-weight:700;letter-spacing:2px;font-size:11px}.hero h1{font-size:clamp(37px,6.5vw,67px);line-height:1.08;letter-spacing:-2.5px;margin:18px 0 18px}.hero h1 span{color:#8cafff}.hero p{font-size:16px;line-height:1.7;color:#aab7ce;max-width:680px}
.card{background:#151e2e;border:1px solid #2b3952;border-radius:23px;padding:28px;margin:22px 0;box-shadow:0 15px 60px #0002}.section-head h2{font-size:19px;margin:0 0 7px}.section-head p{font-size:13px;color:#93a4bf;margin:0 0 20px}
textarea{display:block;width:100%;resize:vertical;min-height:120px;background:#0d1626;border:1px solid #34465f;border-radius:13px;padding:15px 17px;color:#e8f0ff;line-height:1.65;outline:none}textarea:focus{border-color:#72a4ff;box-shadow:0 0 0 3px #437af526}textarea::placeholder{color:#667992}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.button{border:1px solid transparent;border-radius:11px;padding:12px 18px;font-weight:700;cursor:pointer;min-height:45px}.button.primary{background:#477df2;color:white}.button.secondary{background:#24334c;border-color:#39506e;color:#e6efff}.button.quiet{color:#becbe1;background:transparent;border-color:#34455e}.button:hover:not(:disabled){filter:brightness(1.12)}.button:disabled{opacity:.42;cursor:not-allowed}.button span{margin-left:9px}
.options{display:grid;gap:12px;border-top:1px solid #2a3850;margin-top:20px;padding-top:20px}.options label{display:block;color:#dce6fa;font-size:13px;line-height:1.6}.options input{accent-color:#477df2;margin-right:7px}.options small{display:block;color:#91a3be;margin-left:24px;margin-top:3px}.hint{font-size:12px;color:#92a9c9;line-height:1.6;margin:16px 0 0}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:19px}.stats>div{border:1px solid #2d405b;border-radius:13px;padding:15px;background:#0f1a2b}.stats strong{display:block;font-size:29px}.stats span{display:block;color:#98a9c3;font-size:11px;margin-top:4px}
.items{display:grid;gap:11px}.empty{background:#111c2c;border:1px dashed #364860;padding:30px;text-align:center;border-radius:14px;color:#90a4c2}.item{display:flex;align-items:flex-start;gap:13px;background:#101a2b;border:1px solid #2b3a54;border-radius:14px;padding:15px}.number{font-size:12px;color:#93a7c7;padding-top:3px}.item-body{min-width:0;flex:1}.author{font-size:14px;overflow-wrap:anywhere}.sub{font-size:11px;color:#8196b7;overflow-wrap:anywhere;margin:6px 0}.description{font-size:12px;color:#c6d3e9;line-height:1.55;margin:9px 0}.failure{font-size:12px;color:#ffadb4;overflow-wrap:anywhere}
.tag{font-size:10px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:20px;padding:6px 8px;background:#293951;color:#9db4da}.tag.ready,.tag.sent{background:#1d3b3b;color:#9de8c1}.tag.error{background:#502934;color:#ffb3bd}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.chip{display:inline-block;text-decoration:none;background:#263c5d;border:1px solid #3a5881;color:#cee0ff;border-radius:9px;padding:8px 10px;font-size:11px;overflow-wrap:anywhere}.chip:hover{background:#34547e}
.notice{min-height:20px;font-size:13px;color:#acc6ef;line-height:1.6}footer{padding:22px 4px 75px;color:#889bb9;font-size:12px;line-height:1.75}footer strong{color:#c7d9f6}footer p{margin:8px 0 15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:650px){.shell{width:min(100% - 24px,990px)}.nav{padding-top:16px}.pill{font-size:8px;padding:8px}.hero{padding:34px 4px 23px}.hero h1{letter-spacing:-1.8px}.hero p{font-size:14px}.card{padding:16px;border-radius:17px}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.button{padding:12px 9px;font-size:12px}.actions .primary:first-child{grid-column:span 2}.item{gap:8px;padding:12px}.tag{white-space:normal;max-width:65px;text-align:center;font-size:8px}.brand small{font-size:7px}.stats strong{font-size:23px}}
