.ob-root{position:fixed;inset:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ob-wizard{width:100%;max-width:420px;padding:24px}.ob-nav{display:flex;align-items:center;margin-bottom:44px;position:relative;height:28px}.ob-back{position:absolute;left:0;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);opacity:0;pointer-events:none;transition:opacity .2s,border-color .2s,color .2s,transform .15s}.ob-back.ob-back--visible{opacity:1;pointer-events:auto}.ob-back:hover{border-color:var(--border-focus);color:var(--text-primary);transform:translate(-1px)}.ob-logo{flex:1;text-align:center;font-family:Lora,Georgia,serif;font-size:16px;font-weight:500;color:var(--text-tertiary);letter-spacing:.04em}.ob-dots{position:absolute;right:0;display:flex;gap:4px;align-items:center}.ob-dot{height:3px;border-radius:2px;background:var(--border);width:14px;transition:width .35s cubic-bezier(.16,1,.3,1),background .35s cubic-bezier(.16,1,.3,1)}.ob-dot--done{background:var(--text-tertiary)}.ob-dot--active{background:var(--text-primary);width:22px}.ob-step{animation:ob-step-in .45s cubic-bezier(.16,1,.3,1) forwards}.ob-step--out{animation:ob-step-out .26s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}@keyframes ob-step-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ob-step-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.ob-headline{font-family:Lora,Georgia,serif;font-size:30px;font-weight:500;line-height:1.2;color:var(--text-primary);text-align:center;margin-bottom:8px;min-height:38px;transition:opacity .3s ease,transform .3s ease}.ob-headline--fading{opacity:0;transform:translateY(-8px)}.ob-sub{font-size:13px;color:var(--text-tertiary);text-align:center;margin-bottom:32px;line-height:1.6}.ob-lang-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:28px}.ob-lang-pill{padding:11px 6px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--text-secondary);font-size:13px;font-weight:500;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .15s ease}.ob-lang-pill:hover{border-color:var(--border-focus);color:var(--text-primary);transform:translateY(-1px)}.ob-lang-pill--active{background:var(--bg-elevated);border-color:var(--border-focus);color:var(--text-primary);font-weight:600;box-shadow:inset 0 0 0 1000px color-mix(in srgb,var(--accent-orange, #C18544) 6%,transparent)}.ob-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.ob-theme-card{border:1.5px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s}.ob-theme-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 16px rgba(0,0,0,.08))}.ob-theme-card--selected{border-color:#c18544;box-shadow:0 0 0 3px #c1854429}[data-theme=dark] .ob-theme-card--selected{border-color:#d4a464;box-shadow:0 0 0 3px #d4a46429}.ob-theme-preview{height:80px;padding:12px;display:flex;flex-direction:column;gap:6px}.ob-theme-preview--light{background:#faf9f5}.ob-theme-preview--dark{background:#1c1b19}.ob-tl{height:7px;border-radius:3px}.ob-theme-preview--light .ob-tl{background:#e8e6dc}.ob-theme-preview--dark .ob-tl{background:#35332f}.ob-theme-preview--light .ob-tl--accent{background:#c18544;width:50%}.ob-theme-preview--dark .ob-tl--accent{background:#d4a464;width:50%}.ob-theme-label-row{padding:9px 12px;background:var(--bg-elevated);border-top:1px solid var(--border);display:flex;align-items:center}.ob-theme-label{font-size:13px;font-weight:500;color:var(--text-primary);flex:1}.ob-theme-dot{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:8px;color:transparent;transition:background .2s,border-color .2s,color .2s}.ob-theme-card--selected .ob-theme-dot{background:#c18544;border-color:#c18544;color:#fff}[data-theme=dark] .ob-theme-card--selected .ob-theme-dot{background:#d4a464;border-color:#d4a464}.ob-field-wrap{margin-bottom:28px}.ob-field-input{width:100%;background:transparent;border:none;border-bottom:1.5px solid var(--border);padding:10px 0;font-size:22px;font-family:Lora,Georgia,serif;color:var(--text-primary);text-align:center;outline:none;transition:border-color .2s;caret-color:#c18544}.ob-field-input:focus{border-bottom-color:var(--border-focus)}.ob-field-hint{text-align:center;font-size:12px;color:var(--text-tertiary);margin-top:8px}.ob-uc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}.ob-uc-tile{padding:16px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-primary);cursor:pointer;transition:border-color .2s,background .2s,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex;flex-direction:column;gap:8px}.ob-uc-tile:hover{border-color:var(--border-focus);transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 16px rgba(0,0,0,.08))}.ob-uc-tile--selected{border-color:var(--border-focus);background:var(--bg-elevated)}.ob-uc-icon{width:26px;height:26px;color:var(--text-tertiary);transition:color .2s}.ob-uc-tile--selected .ob-uc-icon{color:var(--text-secondary)}.ob-uc-label{font-size:13px;font-weight:600;color:var(--text-primary)}.ob-uc-sub{font-size:11px;color:var(--text-tertiary);line-height:1.4}.ob-done-circle{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--border);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:ob-pop-in .5s cubic-bezier(.16,1,.3,1);color:var(--text-secondary)}@keyframes ob-pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.ob-done-title{font-family:Lora,Georgia,serif;font-size:26px;font-weight:500;text-align:center;color:var(--text-primary);margin-bottom:8px}.ob-btn-primary{width:100%;padding:13px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:8px;font-size:14px;font-weight:500;font-family:Inter,-apple-system,sans-serif;cursor:pointer;letter-spacing:.01em;transition:opacity .2s,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}.ob-btn-primary:hover{opacity:.88;transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 16px rgba(0,0,0,.08))}.ob-btn-skip{display:block;text-align:center;margin-top:14px;font-size:12px;color:var(--text-tertiary);cursor:pointer;background:none;border:none;width:100%;font-family:inherit;transition:color .2s}.ob-btn-skip:hover{color:var(--text-secondary)}
