:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-lg:16px;--radius-xl:20px;--purple-primary:#a855f7;--cyan-accent:#22d3ee;--bg-dark:#0f0f1ed9;--border-light:#a855f733}.container{background:var(--orbix-bg);color:#f8fafc;flex-direction:column;display:flex}.onb-main{padding:var(--space-6)var(--space-4);flex:1;width:100%;max-width:640px;margin:0 auto}.onb-top{padding:var(--space-4);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.onb-brand-name{font-size:1rem;font-weight:700}.onb-step-indicator{opacity:.7;font-size:.75rem}.onb-progress{background:#ffffff14;height:3px}.onb-progress-bar{background:linear-gradient(90deg,#a855f7,#22d3ee);height:100%;transition:width .4s}.onb-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-5);word-wrap:break-word;box-sizing:border-box;background:#0f0f1ed9;flex-direction:column;width:100%;max-width:100%;display:flex;overflow:hidden;box-shadow:0 0 40px #a855f726}.onb-title{font-size:1.5rem;font-weight:800;line-height:1.3}.onb-subtitle{opacity:.75;font-size:.95rem}.label{margin-bottom:var(--space-2);font-size:.85rem;font-weight:600;display:block}.input,.textarea{width:100%;min-height:48px;padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);background:#0a0a14cc;border:1px solid #a855f733;font-size:.95rem;transition:border .2s,box-shadow .2s}.input:focus,.textarea:focus{border-color:#a855f7;outline:none;box-shadow:0 0 0 3px #a855f740}.btn-ghost,.btn-primary{min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-ghost{color:#f8fafc;background:#ffffff0d;border:1px solid #a855f740}.btn-ghost:hover:not(:disabled){background:#a855f726}.btn-primary{color:#050510;background:linear-gradient(135deg,#a855f7,#22d3ee);border:none}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}.onb-error{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:#ff00001a;border:1px solid #ff00004d;font-size:.85rem}.orbix-grid-2{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:480px){.orbix-grid-2{grid-template-columns:1fr}}.orbix-select-card{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);color:#cbd5e1;text-align:left;cursor:pointer;background:#0f0f1e99;border:1px solid #a855f726;min-height:64px;font-size:.9rem;font-weight:600;transition:border .2s,background .2s,transform .15s,box-shadow .2s;display:flex}.orbix-select-card:hover{background:#a855f714;border-color:#a855f766}.orbix-select-card.is-active{color:#fff;background:#a855f726;border-color:#a855f7;box-shadow:0 0 20px #a855f740}.orbix-select-card:active{transform:scale(.98)}.orbix-select-card:focus-visible{outline:none;box-shadow:0 0 0 3px #a855f766,0 0 20px #a855f74d}.orbix-select-emoji{flex-shrink:0;font-size:1.5rem}.orbix-select-label{line-height:1.3}.orbix-input-wrapper{margin-top:var(--space-4)}.orbix-platform-stack{gap:var(--space-3);flex-direction:column;display:flex}.orbix-platform-card{width:100%;padding:var(--space-5);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#0f0f1ea6;border:1px solid #a855f726;justify-content:space-between;align-items:center;transition:border .2s,background .2s,box-shadow .25s,transform .15s;display:flex}.orbix-platform-card:hover{background:#a855f714;border-color:#a855f766}.orbix-platform-card.is-active{background:#a855f724;border-color:#a855f7;box-shadow:0 0 25px #a855f740}.orbix-platform-card:active{transform:scale(.985)}.orbix-platform-card:focus-visible{outline:none;box-shadow:0 0 0 3px #a855f766,0 0 25px #a855f74d}.orbix-platform-left{align-items:center;gap:var(--space-4);display:flex}.orbix-platform-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 15px #0006}.orbix-platform-letter{color:#fff;font-size:.9rem;font-weight:800}.orbix-platform-label{color:#e2e8f0;font-size:.95rem;font-weight:600}.orbix-check{border:2px solid #94a3b866;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;transition:border .2s,background .2s,box-shadow .2s;display:flex}.orbix-check.is-active{background:#a855f7;border-color:#a855f7;box-shadow:0 0 12px #a855f766}.orbix-check-icon{color:#0f172a;width:12px;height:12px}.orbix-tone-stack{gap:var(--space-3);flex-direction:column;display:flex}.orbix-tone-card{align-items:flex-start;gap:var(--space-4);width:100%;padding:var(--space-4);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left;cursor:pointer;background:#0f0f1ea6;border:1px solid #a855f726;transition:border .2s,background .2s,box-shadow .25s,transform .15s;display:flex}.orbix-tone-card:hover{background:#a855f714;border-color:#a855f766}.orbix-tone-card.is-active{background:#a855f724;border-color:#a855f7;box-shadow:0 0 25px #a855f740}.orbix-tone-card:active{transform:scale(.985)}.orbix-tone-card:focus-visible{outline:none;box-shadow:0 0 0 3px #a855f766,0 0 25px #a855f74d}.orbix-tone-emoji{flex-shrink:0;margin-top:2px;font-size:1.6rem}.orbix-tone-content{flex:1}.orbix-tone-title{color:#e2e8f0;font-size:.95rem;font-weight:600}.orbix-tone-desc{color:#94a3b8;margin-top:4px;font-size:.8rem;line-height:1.4}.orbix-tone-check{border:2px solid #94a3b866;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border .2s,background .2s,box-shadow .2s;display:flex}.orbix-tone-check.is-active{background:#a855f7;border-color:#a855f7;box-shadow:0 0 12px #a855f766}.orbix-tone-check-icon{color:#0f172a;width:12px;height:12px}.orbix-section-stack{gap:var(--space-6);flex-direction:column;display:flex}.orbix-field{gap:var(--space-2);flex-direction:column;display:flex}.orbix-label{color:#cbd5e1;font-size:.8rem;font-weight:600}.orbix-helper{color:#64748b;margin-bottom:var(--space-2);font-size:.75rem}.orbix-textarea{width:100%;padding:var(--space-4);border-radius:var(--radius-xl);color:#e2e8f0;resize:vertical;background:#0f0f1ea6;border:1px solid #a855f726;min-height:100px;transition:border .2s,box-shadow .2s}.orbix-textarea:focus{border-color:#a855f7;outline:none;box-shadow:0 0 0 3px #a855f759}.orbix-frequency-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.orbix-frequency-btn{border-radius:var(--radius-lg);color:#94a3b8;cursor:pointer;background:#0f0f1ea6;border:1px solid #94a3b840;width:52px;height:52px;font-weight:700;transition:border .2s,background .2s,transform .15s,box-shadow .2s}.orbix-frequency-btn:hover{border-color:#a855f766}.orbix-frequency-btn.is-active{color:#a855f7;background:#a855f72e;border-color:#a855f7;box-shadow:0 0 18px #a855f740}.orbix-frequency-btn:active{transform:scale(.96)}.orbix-pillars-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:480px){.orbix-pillars-grid{grid-template-columns:1fr}}.orbix-pillar-card{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);color:#94a3b8;cursor:pointer;background:#0f0f1ea6;border:1px solid #94a3b840;font-size:.85rem;transition:border .2s,background .2s,box-shadow .2s,transform .15s;display:flex}.orbix-pillar-card:hover{border-color:#a855f766}.orbix-pillar-card.is-active{color:#e2e8f0;background:#a855f71f;border-color:#a855f7;box-shadow:0 0 18px #a855f740}.orbix-pillar-card:active{transform:scale(.97)}.orbix-pillar-emoji{font-size:1rem}.orbix-pillar-label{font-weight:600}.orbix-stepper{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);-webkit-user-select:none;user-select:none;display:flex}.orbix-step-dot{border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.orbix-step-dot.is-pending{color:#64748b;background:#ffffff0d;border-color:#ffffff0d}.orbix-step-dot.is-active{color:var(--cyan-accent);border-color:var(--purple-primary);background:#0f0f1ecc;transform:scale(1.1);box-shadow:0 0 15px #a855f766}.orbix-step-dot.is-complete{background:var(--purple-primary);color:#050510;border-color:var(--purple-primary)}.orbix-step-line{background:#ffffff1a;border-radius:2px;width:32px;height:2px;transition:background .4s}.orbix-step-line.is-complete{background:linear-gradient(90deg,var(--purple-primary),var(--cyan-accent))}@media (max-width:380px){.orbix-step-line{width:20px}}.onb-nav{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;margin-top:var(--space-6);box-sizing:border-box;padding:0 8px;display:flex}.onb-nav button{flex:1;max-width:250px}.orbix-loading-spinner{border:2px solid #0505104d;border-top-color:#050510;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite orbix-spin}@keyframes orbix-spin{to{transform:rotate(360deg)}}.btn-primary:disabled,.btn-ghost:disabled{opacity:.3;filter:grayscale();cursor:not-allowed;transform:none!important}.btn-primary{box-shadow:0 4px 15px #a855f733}.btn-primary:active:not(:disabled){transform:scale(.96);box-shadow:0 2px 8px #a855f71a}.onb-brand-link{-webkit-tap-highlight-color:transparent;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-block}.onb-brand-link:hover{opacity:.8}.onb-brand-link:active{transform:scale(.95)}.onb-brand{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.onb-brand-icon{justify-content:center;align-items:center;margin:0;padding:0;display:flex}.onb-logo-img{object-fit:contain;max-width:100%;height:auto}.orbix-stepper{justify-content:center;align-items:center;gap:var(--space-2);width:calc(100% - 16px);margin:0 auto var(--space-6)auto;box-sizing:border-box;flex-wrap:nowrap;padding:0 8px;display:flex}.orbix-step-line{background:#ffffff1a;border-radius:2px;flex:1;min-width:8px;max-width:40px;height:2px}.orbix-step-item{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}@media (max-width:340px){.orbix-stepper{flex-wrap:wrap}}.btn-ghost,.btn-primary{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;padding:0 var(--space-2);flex:1;height:48px;overflow:hidden}.onb-nav button:last-child{flex:1.5}@media (max-width:360px){.onb-nav{gap:var(--space-2);padding:0 4px}.btn-ghost,.btn-primary{font-size:.8rem}}