@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#f4f6f8;--surface:#fff;--border:#e5e9ee;--text-primary:#101828;--text-secondary:#667085;--text-muted:#98a2b3;--primary:#0d7f8c;--primary-hover:#0a6670;--primary-soft:#e6f4f5;--danger:#d92d20;--danger-hover:#b3261e;--danger-soft:#fef3f2;--success:#17845a;--success-soft:#e7f6ef;--radius-lg:20px;--radius-md:12px;--radius-sm:8px;--shadow-card:0 1px 2px #1018280a, 0 8px 24px #1018280f}*{box-sizing:border-box}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-shell{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:32px 16px;display:flex}.study-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;min-width:380px;max-width:380px;box-shadow:var(--shadow-card);padding:32px 28px 28px;animation:.35s cubic-bezier(.16,1,.3,1) card-in}.view-transition{transition:opacity .16s,transform .16s}.view-transition--exiting{opacity:0;transform:scale(.98)translateY(4px)}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.study-card__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--primary);margin:0 0 6px;font-size:12px;font-weight:600}.study-card__title-row{justify-content:space-between;align-items:center;gap:12px;margin:0 0 24px;display:flex}.study-card__title{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.status-badge{letter-spacing:.02em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);white-space:nowrap;border:1px solid #cdeaec;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:600}.status-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.status-icon--success{background:var(--success-soft);color:var(--success)}.status-icon--danger{background:var(--danger-soft);color:var(--danger)}.status-icon svg{width:24px;height:24px}.field-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.field-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;margin-bottom:20px;padding:11px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.field-input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.field-input[readonly]{background:var(--bg);color:var(--text-secondary);cursor:default}.field-input[readonly]:focus-visible{box-shadow:none}.sharing-code-block{background:var(--primary-soft);border-radius:var(--radius-md);border:1px solid #cdeaec;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.sharing-code-block span{overflow-wrap:anywhere;flex:1;min-width:0}.sharing-code-block .icon-btn{flex-shrink:0}.icon-btn{appearance:none;color:var(--primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;font-size:16px;line-height:1}.icon-btn:hover{background:#0d7f8c1a}.btn{appearance:none;border-radius:var(--radius-sm);cursor:pointer;color:#fff;border:none;width:100%;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background-color .15s,transform 50ms}.btn:active:not(:disabled){transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--primary)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--danger{background:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger-hover)}.btn--secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){background:#f9fafb}.btn-row{gap:10px;display:flex}.btn-row .btn{flex:1;width:auto}.status-message{color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.55}.error-banner{background:var(--danger-soft);color:#7a271a;border-radius:var(--radius-sm);border:1px solid #fda29b;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.error-banner svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}.warning-banner{color:#715b00;border-radius:var(--radius-sm);background:#fffaeb;border:1px solid #fec84b;margin-bottom:20px;padding:12px 14px;font-size:13px;line-height:1.5}.center-state{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;font-size:14px;display:flex}.spinner{border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.spinner--inline{vertical-align:-1px;border-width:1.5px;width:12px;height:12px;margin-right:6px;display:inline-block}.helper-text--polling{align-items:center;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.helper-text{color:var(--text-muted);margin-top:-12px;margin-bottom:20px;font-size:12.5px}.helper-text--error{color:var(--danger)}.helper-text--success{color:var(--success)}.helper-text--meta{color:var(--text-muted);overflow-wrap:anywhere;margin-top:-14px;font-size:11.5px}.app-footer{text-align:center;width:100%;max-width:380px}.app-footer__iuo{color:var(--text-muted);margin:0 0 4px;font-size:11px;font-weight:600}.app-footer__meta{color:var(--text-muted);margin:0;font-size:11px}
