:root{--bg-sky:#d7edff;--text:#f8fcff;--muted:#ecf6ffe6;--border:#ffffff73;--surface-strong:#1d608f57;--surface-mid:#3782b652;--surface-soft:#d9f1ff52;--ok-bg:#2f9f783d;--ok-border:#adf5da94;--accent:#229ed9;--accent-hover:#2aabee;--field-bg:#eaf6ff57;--field-border:#d7eeffb8}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text);background:var(--bg-sky);margin:0;font-family:Nunito Sans,Avenir Next,Segoe UI,sans-serif;position:relative}body:before{content:"";filter:saturate(.92)contrast(1.03);z-index:-2;background:linear-gradient(#1b659b57,#135d928f),url(https://i.imgur.com/GpPOGuI.jpeg) 50%/cover no-repeat;position:fixed;inset:0}body:after{content:"";z-index:-1;background:radial-gradient(circle at 20% 20%,#a6e1ff47,#0000 45%),radial-gradient(circle at 80% 85%,#45a5dc42,#0000 42%);position:fixed;inset:0}main{justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:10px;display:flex}.card{background:linear-gradient(160deg,var(--surface-strong),#186ba547);border:1px solid var(--border);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:18px;width:100%;max-width:560px;margin-inline:auto;padding:10px;box-shadow:0 20px 50px #0c3c5b57}.card h1{margin:0 0 8px;line-height:1.2}label{letter-spacing:.03em;text-transform:uppercase;color:#f4fafff5;font-size:13px}.muted{color:var(--muted)}.muted a,a{color:#eff8ff}.input,.textarea{border:1px solid var(--field-border);color:#f6fbff;background:var(--field-bg);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:999px;width:100%;margin-top:6px;padding:12px 14px;font-size:15px}.textarea{resize:vertical;border-radius:14px;min-height:130px}.input::placeholder,.textarea::placeholder{color:#eff9ffbd}.input:focus,.textarea:focus{border-color:#cff1fffa;outline:none;box-shadow:0 0 0 3px #5ac6f638}.button{background:linear-gradient(90deg,var(--accent),var(--accent-hover));color:#fff;cursor:pointer;border:1px solid #b4ecffe0;border-radius:999px;margin-top:14px;padding:10px 16px;font-size:15px}.button:disabled{opacity:.7;cursor:not-allowed}.button-loading{align-items:center;gap:8px;display:inline-flex}.spinner{border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.panel{border:1px solid var(--border);background:var(--surface-mid);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:14px;padding:10px}.panel-ok{border:1px solid var(--ok-border);background:var(--ok-bg);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:14px;padding:10px}.kv{line-height:1.55}.kv b{width:auto;display:inline-block}.code{color:#f1f9ff;white-space:nowrap;background:#175a8a6b;border:1px solid #c5ecff85;border-radius:6px;padding:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9rem;display:inline-block}.error{color:#ffe2e2;margin-top:6px;font-size:13px}@media (min-width:1024px){body:before{background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:auto,contain}}@media (max-width:640px){main{padding-top:calc(env(safe-area-inset-top,0px) + 5px);align-items:flex-start}body:before{background-position:50%,top;background-repeat:no-repeat,no-repeat;background-size:auto,100%}.card{border-radius:15px;padding:5px}.code{font-size:.75rem}}