:root{color-scheme:light;--c-primary: #e8547c;--c-primary-strong: #d43d68;--c-primary-soft: #fde7ee;--c-accent: #7c3aed;--c-bg: #fbf7f9;--c-surface: #ffffff;--c-border: #eadfe4;--c-text: #2b2530;--c-text-soft: #7a6f78;--c-success: #1f9d6b;--c-success-soft: #e4f6ee;--c-danger: #c0392b;--c-danger-soft: #fdecec;--c-warning-soft: #fff6e6;--c-warning-text: #8a5a00;--radius: 14px;--radius-sm: 10px;--shadow: 0 6px 24px rgba(160, 60, 100, .08);--shadow-sm: 0 2px 8px rgba(160, 60, 100, .06);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(1200px 600px at 100% -10%,var(--c-primary-soft),transparent 60%),radial-gradient(900px 500px at -10% 110%,#efe7fb,transparent 55%),var(--c-bg);color:var(--c-text)}#root{min-height:100vh}a{color:var(--c-primary-strong);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--c-text);line-height:1.25}.sp-shell{max-width:640px;margin:0 auto;padding:32px 16px 64px}.sp-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:transform .05s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease;font-family:inherit}.sp-btn:active{transform:translateY(1px)}.sp-btn-primary{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-strong));color:#fff;box-shadow:0 6px 16px #d43d6847}.sp-btn-primary:hover{box-shadow:0 8px 22px #d43d685c}.sp-btn-primary:disabled{background:#e6dbe1;color:#b7a9b1;box-shadow:none;cursor:not-allowed}.sp-btn-ghost{background:var(--c-surface);color:var(--c-text);border-color:var(--c-border)}.sp-btn-ghost:hover{background:#fbf3f6}.sp-btn-block{width:100%}.sp-input{width:100%;padding:12px 14px;font-size:15px;font-family:inherit;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);transition:border-color .2s ease,box-shadow .2s ease}.sp-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.sp-label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--c-text)}.sp-field{margin-bottom:16px}.sp-alert{padding:12px 14px;border-radius:var(--radius-sm);font-size:14px}.sp-alert-error{color:var(--c-danger);background:var(--c-danger-soft);border:1px solid #f3c9c5}.sp-alert-success{color:var(--c-success);background:var(--c-success-soft);border:1px solid #bfe8d5}.sp-alert-warning{color:var(--c-warning-text);background:var(--c-warning-soft);border:1px solid #f3e2bd}.sp-muted{color:var(--c-text-soft);font-size:14px}.sp-badge{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--c-primary-soft);color:var(--c-primary-strong)}