*{box-sizing:border-box}body{color:#eaf8ff;background:#070e22 radial-gradient(at 85% 10%,#203052 0,#0000 50%);margin:0;font-family:Arial,Noto Sans JP,sans-serif}main{max-width:1000px;margin:auto;padding:28px 30px}header{border-bottom:1px solid #314058;justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.brand{letter-spacing:3px;color:#fff;font-size:22px;font-weight:900;text-decoration:none}.brand span{color:#8edfff;letter-spacing:2px;font-size:12px}.badge,.eyebrow{letter-spacing:3px;color:#80dfff;font-size:11px}.badge{border:1px solid #3a5267;border-radius:20px;padding:8px}.intro{padding:48px 0 32px}h1{margin:18px 0;font-size:44px;line-height:1.45}em{color:#94eaff;font-style:normal}p{color:#a5b8cd;font-size:14px;line-height:1.8}.tabs{gap:12px;margin-bottom:24px;display:flex}button{font:inherit;cursor:pointer}.tabs button{color:#bdd0e5;background:#111e35;border:1px solid #334760;border-radius:30px;padding:12px 24px}.tabs button.active{color:#102137;background:#c6f3ff}.tabs small{opacity:.6;margin-left:10px}.grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.card{color:#c7dced;background:linear-gradient(145deg,#182b46,#111a30);border:1px solid #30415e;border-radius:20px;padding:10px 8px 15px;transition:transform .15s}.card:hover{transform:translateY(-3px)}.card.chosen{border:2px solid #9eeaff;box-shadow:0 0 22px #50d8ff22}.stamp{aspect-ratio:1;background-repeat:no-repeat;background-size:400% 200%;width:100%}.card span{margin-top:8px;font-size:12px;display:block}.sendbar{background:#16263bf5;border:1px solid #496174;border-radius:20px;justify-content:space-between;align-items:center;margin-top:24px;padding:18px 24px;display:flex;position:sticky;bottom:16px;box-shadow:0 15px 50px #0008}.sendbar p{margin:4px 0;font-size:12px}.send{color:#102031;background:#a7eaff;border:0;border-radius:14px;padding:16px 24px;font-weight:700;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:wait}footer{text-align:center;color:#8396af;padding:25px;font-size:12px}.setup{background:#132139;border-radius:20px;padding:28px}.setup input{color:#c1eaff;background:#09152a;border:1px solid #3d5670;border-radius:8px;width:100%;margin-bottom:10px;padding:12px}.setup button{border-radius:8px;padding:8px 16px}.setup a{color:#97e7ff}.setup .send{color:#102031}.overlay{overflow:hidden;background:0 0!important}.stage{pointer-events:none;position:fixed;inset:0}.effect{filter:drop-shadow(0 0 12px #9aeaff88);width:24vw;max-width:400px;animation:4.5s both pop;position:absolute;bottom:5%}@keyframes pop{0%{opacity:0;transform:translateY(60px)scale(.4)}12%{opacity:1;transform:translateY(0)scale(1.08)}22%,75%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-120px)scale(.9)}}@media (max-width:600px){main{padding:20px 16px}.badge{display:none}h1{font-size:30px}.intro{padding:32px 0 24px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.sendbar{gap:10px;padding:14px;bottom:8px}.send{padding:14px;font-size:13px}.sendbar strong{font-size:13px}.sendbar p{font-size:10px}.brand{font-size:20px}}
