:root{font-family:Manrope,Segoe UI,sans-serif;line-height:1.45;color-scheme:dark;--bg: #0a0c10;--surface: #13171f;--surface-2: #171c25;--line: rgba(255, 255, 255, .1);--line-soft: rgba(255, 255, 255, .06);--text: #e5e7eb;--muted: #9ca3af;--primary: #3b82f6;--primary-strong: #2563eb;--danger: #f87171;--success: #34d399}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit}.session-state-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg)}.session-state-card{width:min(520px,100%);border:1px solid var(--line);border-radius:18px;background:#13171fe6;padding:20px;display:grid;justify-items:center;gap:10px;text-align:center}.session-state-card.error{border-color:#f8717166}.session-state-spinner{width:18px;height:18px;border-radius:999px;border:2px solid rgba(59,130,246,.25);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;background:var(--bg);color:var(--text);position:relative;overflow-x:clip}.app-glow{position:fixed;z-index:0;width:48vw;height:48vw;pointer-events:none;filter:blur(120px);opacity:.18}.app-glow-top{top:-18vw;left:-12vw;background:#2563eb}.app-glow-bottom{right:-10vw;bottom:-14vw;background:#7c3aed}.app-header{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line-soft);background:#0a0c10b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-brand{display:flex;align-items:center;gap:10px}.app-brand h1{margin:0;font-size:18px;font-weight:800;color:#f8fafc}.app-brand-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#3b82f6,#7c3aed);box-shadow:0 10px 24px #3b82f659}.app-menu-toggle{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:#ffffff08;color:#d1d5db;display:grid;place-items:center;cursor:pointer}.app-menu-toggle:hover{background:#ffffff0f}.app-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .25s ease}.app-drawer-overlay.open{opacity:1;visibility:visible}.app-drawer{position:absolute;top:0;right:0;width:min(320px,88vw);height:100%;padding:88px 16px 16px;display:grid;align-content:start;gap:14px;background:#0f1219f5;border-left:1px solid var(--line);transform:translate(100%);transition:transform .28s ease}.app-drawer.open{transform:translate(0)}.app-drawer-label{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#64748b;font-weight:700}.app-drawer-nav{display:grid;gap:8px}.app-drawer-link{text-decoration:none;padding:12px;border:1px solid transparent;border-radius:12px;display:flex;align-items:center;gap:10px;color:#cbd5e1;background:#ffffff05}.app-drawer-link:hover{background:#ffffff0f}.app-drawer-link.active{border-color:#3b82f673;background:linear-gradient(90deg,#2563eb38,#fff0);color:#93c5fd}.app-drawer-premium{margin-top:auto;border:1px solid var(--line);border-radius:14px;padding:12px;background:linear-gradient(135deg,#2563eb29,#7c3aed1a)}.app-drawer-premium-title{margin:0 0 4px;font-size:12px;color:#fbbf24;font-weight:700}.app-drawer-premium-text{margin:0;font-size:12px;color:#9ca3af}.app-main{position:relative;z-index:1;width:min(860px,100%);margin:0 auto;padding:18px;display:grid;gap:16px;animation:page-in .45s ease-out}.app-status{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:#13171fd1;display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#9ca3af}.app-status span{display:inline-flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:999px;background:#64748b}.status-dot.ok{background:#22c55e;box-shadow:0 0 12px #22c55e99}.status-dot.warn{background:#f59e0b}.status-dot.ready{background:#3b82f6;box-shadow:0 0 12px #3b82f699}.expert-mode-toggle{display:inline-flex;align-items:center;gap:8px;color:#d1d5db}.expert-mode-toggle input{accent-color:#3b82f6}.app-panel{border:1px solid var(--line);border-radius:20px;padding:18px;background:#13171fe6;box-shadow:0 24px 46px #00000054}.shell-content h2{margin:0 0 8px;font-size:clamp(22px,3vw,30px);line-height:1.15}.shell-content h3{margin:0 0 8px;font-size:18px}.shell-content p{margin:0;color:#aab1bd}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-block,.questionnaire,.topics-screen,.formats-screen,.marketplace-screen,.club-screen,.offer-screen{display:grid;gap:14px}.questionnaire-progress{width:100%;height:8px;border-radius:999px;overflow:hidden;background:#ffffff1f}.questionnaire-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1);transition:width .2s ease}.questionnaire-progress-text{font-size:12px;color:#93a2b6}.question-block,.topic-card,.format-card,.marketplace-card,.club-card,.generated-name{border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:12px}.generated-name strong{color:#f1f5f9}.generated-name code{color:#bfdbfe;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.generated-name hr{border:0;border-top:1px solid var(--line);margin:10px 0}.topic-card,.format-card,.question-option{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.question-block,.question-options,.topics-list,.formats-list,.marketplace-list,.generated-content,.generated-structure{display:grid;gap:10px}.offer-list,.questionnaire-flags ul{margin:0;padding-left:18px;color:#d2d8e0;display:grid;gap:6px}.questionnaire-flags{border:1px dashed rgba(148,163,184,.35);border-radius:14px;padding:12px;background:#02061773}.questionnaire-actions{display:flex;flex-wrap:wrap;gap:10px}.marketplace-buy-button,.club-join-button,.club-upgrade-button,.voice-input-button{width:fit-content}.primary-button,.secondary-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:12px;padding:11px 14px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px;text-decoration:none;transition:transform .15s ease,opacity .2s ease,background-color .2s ease}.primary-button{border:1px solid transparent;color:#fff;background:linear-gradient(90deg,var(--primary-strong) 0%,#4f46e5 100%)}.primary-button:hover{transform:translateY(-1px)}.secondary-button{border:1px solid var(--line);background:#ffffff08;color:#cfd6df}.secondary-button:hover{background:#ffffff14}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.offer-price,.marketplace-price{color:#60a5fa;font-size:20px;font-weight:800}.marketplace-note,.marketplace-category,.marketplace-sku,.marketplace-required-plan,.expert-files-hint{color:#96a0af;font-size:13px}.marketplace-status-ok,.club-status-ok{color:var(--success);font-size:13px;font-weight:700}.club-status-locked,.questionnaire-error{color:var(--danger);font-size:13px;font-weight:600}.marketplace-required-plan{color:#fca5a5}.question-input,.question-textarea,.question-block select,.app-panel select,.app-panel input[type=text],.app-panel input[type=number],.app-panel input[type=email]{width:100%;border-radius:10px;border:1px solid var(--line);background:#02061780;color:#e2e8f0;padding:10px 12px;font:inherit}.question-textarea{resize:vertical}.question-input:focus,.question-textarea:focus,.app-panel select:focus,.app-panel input:focus{outline:none;border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f633}.question-option input,.topic-card input,.format-card input{margin-top:2px;accent-color:var(--primary)}.voice-field,.voice-input,.expert-files-panel{display:grid;gap:8px}.expert-files-panel{border:1px dashed rgba(148,163,184,.35);border-radius:14px;padding:12px;background:#0206176b}.expert-files-list{margin:0;padding-left:18px;display:grid;gap:5px}.expert-files-list-item{display:flex;gap:8px;flex-wrap:wrap}.expert-files-list-item span{color:#8d98a8;font-size:12px}.expert-files-empty{color:#8d98a8;font-size:13px}.expert-files-upload-button{position:relative;width:fit-content;overflow:hidden}.expert-files-upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.premium-cta{border:1px solid var(--line);border-radius:18px;padding:14px;background:linear-gradient(135deg,#2563eb38,#7c3aed2b);display:grid;gap:8px}.premium-cta-title{margin:0;color:#fff;font-size:16px;font-weight:800}.premium-cta-description{margin:0;color:#c9d2e0;font-size:14px}.premium-cta-button{width:fit-content}.app-tabbar-wrap{position:fixed;left:0;right:0;bottom:0;z-index:35;padding:8px 14px 14px}.app-tabbar{width:min(520px,100%);margin:0 auto;border:1px solid var(--line);border-radius:18px;background:#13171fe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-around;min-height:58px;box-shadow:0 18px 30px #00000059}.app-tabbar-btn{width:42px;height:42px;border:0;border-radius:12px;background:transparent;color:#8d9ab0;display:grid;place-items:center;text-decoration:none;cursor:pointer}.app-tabbar-btn.active,.app-tabbar-btn:hover{color:#60a5fa;background:#3b82f624}.app-tabbar-center{width:46px;height:46px;border-radius:999px;display:grid;place-items:center;text-decoration:none;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);transform:translateY(-10px);border:4px solid var(--bg);box-shadow:0 8px 18px #2563eb80}.app-tabbar-spacer{height:90px}@media(min-width:880px){.app-main{padding-bottom:20px}.app-tabbar-wrap{padding-bottom:10px}}