:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:#f3f7ff;background:#0c1423;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 40%,#192d4e,transparent 65%),#0c1423}main{width:min(100%,480px);padding:48px 28px 20px;margin:auto;text-align:center}.greeting h1{font-size:clamp(4.25rem,11vw,6rem);line-height:1.06;letter-spacing:-.065em;font-weight:600;margin:0 0 16px}.greeting p{font-size:1.125rem;line-height:1.6;color:#adbed6;margin:0}.action{padding:44px 0 34px}#bell{appearance:none;-webkit-tap-highlight-color:transparent;width:184px;height:184px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:1px solid #77dfe7;background:linear-gradient(145deg,#224762,#183049);color:#b6fbff;border-radius:50%;margin:auto;box-shadow:0 0 0 9px #6bdded09,0 0 40px #46cbd214,inset 0 1px #c8ffff33;font-family:inherit;font-size:1.0625rem;font-weight:500;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}#bell svg{width:38px;height:38px}#bell:hover:enabled{transform:translateY(-2px);background:linear-gradient(145deg,#2c556f,#1b3b54);box-shadow:0 0 0 9px #6bdded0d,0 0 44px #46cbd225,inset 0 1px #c8ffff33}#bell:active:enabled{transform:scale(.96)}#bell:focus-visible{outline:3px solid #b6fbff;outline-offset:12px}#bell:disabled{cursor:default}.check-icon{display:none}.message-field{max-width:340px;margin:0 auto;text-align:left;border-top:1px solid #2e3f56;padding-top:10px}.message-field summary{font-size:.875rem;line-height:1.6;color:#bfcee2;list-style-position:inside;cursor:pointer;padding:10px 0;min-height:44px}.message-field textarea{display:block;width:100%;min-height:96px;resize:vertical;font-family:inherit;font-size:1rem;line-height:1.5;padding:14px;border-radius:14px;background:#142237;border:1px solid #344762;color:#eff8ff;margin-top:10px}.message-field textarea::placeholder{color:#a1b4ce}.message-field textarea:disabled{opacity:.7}.message-field textarea:focus-visible,.message-field summary:focus-visible{outline:2px solid #77dfe7;outline-offset:4px}#message-count{font-size:.75rem;color:#a3b4cb;text-align:right;margin:8px 0 0}.response{min-height:90px;max-width:340px;margin:24px auto 0;overflow-wrap:anywhere}h2{font-size:1.3rem;font-weight:500;line-height:1.4;letter-spacing:-.025em;margin:0 0 10px}h2:empty{display:none}#detail{color:#b9e5ee;font-size:.9375rem;line-height:1.65;margin:0;white-space:pre-wrap}footer{text-align:center;color:#a3b4cb;font-size:.8125rem;line-height:1.6;padding:16px 24px 30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body[data-phase="waiting"] #bell,body[data-phase="success"] #bell{background:linear-gradient(145deg,#20494d,#163239);border-color:#7bddc4;color:#b1f6de}body[data-phase="waiting"] .bell-icon,body[data-phase="success"] .bell-icon{display:none}body[data-phase="waiting"] .check-icon,body[data-phase="success"] .check-icon{display:block}body[data-phase="waiting"] .message-field,body[data-phase="success"] .message-field{display:none}body[data-phase="cooldown"] #bell{background:#1c2b41;border-color:#52667f;color:#c1cfe1;box-shadow:none}body[data-phase="error"] h2{color:#ffb8a8}body[data-phase="sending"] .bell-icon{animation:ring .6s ease-in-out 2}@keyframes ring{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@media(max-width:480px){main{padding:38px 24px 16px}#bell{width:176px;height:176px}.action{padding:38px 0 30px}}@media(max-height:680px){main{padding-top:28px}.greeting h1{font-size:4.25rem}.action{padding:30px 0}#bell{width:160px;height:160px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}