:root{--bg:#faf9f7;--card:#ffffff;--card2:#f3f2ee;--line:#e6e3dd;--txt:#15151b;--mut:#6b6a74;--a1:#111827;--a2:#111827;--ok:#16a34a;color-scheme:light}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body{background:radial-gradient(110% 45% at 0% 0%,rgba(17,24,39,.05),transparent 60%),var(--bg);min-height:100vh}
.grad{background:linear-gradient(90deg,var(--a1),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font:inherit;font-weight:900;font-size:17px;color:#fff;text-decoration:none;padding:17px 22px;border-radius:16px;background:var(--a1);box-shadow:0 10px 26px -10px color-mix(in srgb,var(--a1) 70%,transparent)}
.btn::after{content:'';position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:sh 3s ease-in-out infinite}
@keyframes sh{0%,55%{left:-70%}100%{left:140%}}
.btn.ghost{background:var(--card);color:var(--txt);border:1px solid var(--line);box-shadow:0 2px 8px -4px rgba(0,0,0,.1)}.btn.ghost::after{display:none}
.btn:active{transform:scale(.98)}
.mut{color:var(--mut)}.sm{font-size:12.5px}
.pg{display:flex;justify-content:center}
.done{max-width:460px;width:100%;padding:40px 18px;text-align:center}
.done .conf{font-size:60px}.done h1{font-size:32px;letter-spacing:-.03em;margin:8px 0}
.done .url{margin:18px 0;padding:14px;border-radius:14px;background:var(--card);border:1px solid var(--line);font-weight:900;font-size:17px;word-break:break-all}
.done .row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}.done .row .btn{font-size:14px;padding:14px 10px}
.done .qr{display:inline-block;background:#fff;padding:12px;border-radius:16px;margin-top:6px}
.done .btn.ghost{margin-top:16px}

.card,.ty,.sty,input,textarea,select,details{box-shadow:0 2px 10px -6px rgba(20,20,30,.12)}