:root{color-scheme:light;--primary-color: #5929E5;--primary-dark: #4A1FD0;--primary-tint: rgba(89, 41, 229, .08);--accent-color: #F97316;--success-color: #10b981;--error-color: #ef4444;--text-color: #000000;--text-muted: #6b7280;--text-light: #9ca3af;--bg-light: #f8f9fa;--bg-muted: #f3f4f6;--bg-card: #ffffff;--border-color: #e5e7eb;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .12);--transition: .2s ease;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@font-face{font-family:Golos UI;src:url(/build/assets/GolosUI_VF-Cv0lAFm9.woff2) format("woff2-variations"),url(/build/assets/GolosUI_VF-Cv0lAFm9.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Golos UI Fallback;src:local("Arial"),local("Helvetica Neue"),local("Segoe UI");size-adjust:100%;ascent-override:95%;descent-override:22%;line-gap-override:0%}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:-webkit-fill-available;min-height:100dvh;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.25) 0%,transparent 50%),radial-gradient(circle at 80% 100%,rgba(124,58,237,.15) 0%,transparent 50%),linear-gradient(135deg,#94e4ff,#c8b3ff,#f2b3ff);background-attachment:fixed;min-height:100vh;min-height:100svh;min-height:100dvh;font-family:Golos UI,Golos UI Fallback,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-color);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11" 1,"ss03" 1,"kern" 1;text-rendering:optimizeLegibility;display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,3vw,1.5rem);padding-top:max(clamp(.75rem,3vw,1.5rem),var(--safe-top));padding-bottom:max(clamp(.75rem,3vw,1.5rem),var(--safe-bottom))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.card{width:100%;max-width:clamp(20rem,90vw,28rem);padding:clamp(1.25rem,4vw,2rem);background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:0 1px #fff9 inset,0 20px 50px #3c1e7826,0 4px 12px #3c1e7814;text-align:center;opacity:0;animation:fadeIn .4s ease forwards}@keyframes fadeIn{to{opacity:1}}.status-icon{width:4rem;height:4rem;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.status-icon svg{width:2.25rem;height:2.25rem}.status-icon.success{background:#10b9811f;color:var(--success-color)}.status-icon.error{background:#ef44441f;color:var(--error-color);animation:none}.status-icon.processing{background:var(--primary-tint);color:var(--primary-color);animation:none}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}h1,h4{font-size:clamp(1.35rem,4vw,1.75rem);font-weight:700;margin:0 0 .5rem;letter-spacing:-.02em;line-height:1.2;color:var(--text-color)}.subtitle{font-size:clamp(.95rem,2.5vw,1.05rem);color:var(--text-muted);margin:0 0 1.25rem;line-height:1.45}.details{background:linear-gradient(135deg,#f8f6ff,#f3eefa);border:1px solid rgba(89,41,229,.08);border-radius:var(--border-radius);padding:.875rem 1rem;margin:0 0 1rem;text-align:left}.details p{font-size:.95rem;margin:.375rem 0;color:var(--text-color);font-variant-numeric:tabular-nums}.details p:first-child{margin-top:0}.details p:last-child{margin-bottom:0}.details strong{color:var(--text-muted);font-weight:500;margin-right:.25rem}.alert{background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:.75rem .875rem;margin:1rem 0;font-size:.9rem;text-align:left;color:var(--text-color);line-height:1.4;word-wrap:break-word;overflow-wrap:anywhere}.alert strong{color:var(--text-muted);font-weight:600;display:block;margin-bottom:.25rem;font-size:.8rem}.waiting{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.25rem;color:var(--text-muted);font-size:.95rem}.spinner{width:1.25rem;height:1.25rem;border:2.5px solid var(--primary-tint);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.spinner.large{width:2.75rem;height:2.75rem;border-width:3.5px;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.reaction{margin-top:1rem;background:linear-gradient(135deg,#f3eefa,#f8f9fc);border:1px solid rgba(89,41,229,.15);border-radius:var(--border-radius);padding:1rem;text-align:center}.reaction-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.reaction-text{display:inline-block;font-size:1.1rem;font-weight:700;background:linear-gradient(90deg,var(--primary-color),#7C3AED);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.link-box{background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.875rem 1rem;margin-top:1.25rem;font-size:.85rem;color:var(--text-muted);text-align:left;word-break:break-all}.link-box>div:first-child{color:var(--text-color);margin-bottom:.375rem}.link-box strong{color:var(--text-color);font-weight:600}#saveLink{color:var(--primary-color);font-size:.8rem;margin-bottom:.625rem;word-break:break-all}.link-actions{display:flex;gap:.5rem;margin-top:.5rem}.btn-link-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--border-radius-sm);font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition);-webkit-appearance:none;appearance:none}.btn-link-action:active{transform:scale(.98);background:var(--bg-light)}@media(hover:hover){.btn-link-action:hover{border-color:var(--primary-color);background:var(--primary-tint)}}.token-code{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:.125rem .5rem;color:var(--text-color);cursor:pointer;transition:background var(--transition),border-color var(--transition);-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:initial}.token-code:hover{border-color:var(--primary-color)}.token-code.copied{background:#10b9811f;border-color:var(--success-color);color:#047857}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:clamp(.85rem,2.5vw,1rem) 1.25rem;font-family:inherit;font-size:var(--fs-md, 1rem);font-weight:700;line-height:1.2;border:none;border-radius:var(--border-radius);cursor:pointer;text-decoration:none;transition:background var(--transition),box-shadow var(--transition),transform var(--transition);-webkit-appearance:none;appearance:none;user-select:none;-webkit-user-select:none;min-height:52px;letter-spacing:.01em}.btn-primary{background:linear-gradient(135deg,var(--accent-color) 0%,#ea580c 100%);color:#fff;box-shadow:0 6px 20px #f9731666,0 0 0 1px #ffffff1a inset}.btn-primary:active{transform:scale(.98);box-shadow:0 3px 10px #f9731666}@media(hover:hover)and (pointer:fine){.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #f9731673}}.btn-primary svg{width:1.1em;height:1.1em}.w-100{width:100%}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-3{margin-bottom:1rem}.text-muted{color:var(--text-muted)}.small{font-size:.85rem}#retry{color:var(--primary-color);text-decoration:none;font-weight:600}#retry:hover{text-decoration:underline}.order-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;color:var(--text-muted);word-break:break-all;margin:.5rem 0}.details .service-rendered{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.08);color:var(--success-color);font-size:.85rem;line-height:1.45}.support-note{margin-top:1.25rem;font-size:.8rem;line-height:1.5;color:var(--text-muted);text-align:center}.support-note a{color:var(--primary-color);font-weight:600;text-decoration:none}.support-note a:hover{text-decoration:underline}
