.start-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 32px;overflow:auto;min-height:0}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:640px;align-items:start}.mode-card{position:relative;background:#ffffff08;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:28px 24px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.mode-card:hover{border-color:#00c85359;background:#00c8530a}.mode-card.selected{border-color:#00c853;background:#00c85312;cursor:default;box-shadow:0 0 28px #00c8531a}.mode-card.listen-selected{border-color:#00a896;background:#00bfa50f;box-shadow:0 0 28px #00bfa514}.mode-card.locked{opacity:.4;cursor:default}.mode-card.locked:hover{border-color:#ffffff12;background:#ffffff08;box-shadow:none}.card-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.card-icon.join{background:#00c8531f;border:1px solid rgba(0,200,83,.2)}.card-icon.listen{background:#00bfa51f;border:1px solid rgba(0,191,165,.2)}.card-dot{width:14px;height:14px;border-radius:50%}.card-dot.join{background:#00c853;box-shadow:0 0 12px #00c85399}.card-dot.listen{background:#00bfa5;box-shadow:0 0 12px #00bfa580}.card-title{font-size:14px;font-weight:600;color:#e8edf2}.card-desc{font-size:12px;color:#ffffff61;line-height:1.55}.card-form{width:100%;text-align:left;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.07);padding-top:16px;margin-top:6px;animation:fadeIn .2s ease}.field-label{font-size:11px;color:#ffffff61;margin-bottom:3px;letter-spacing:.04em;text-transform:uppercase}.field-input{width:100%;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:0 12px;font-size:12px;color:#e8edf2;transition:border-color .2s}.field-input.url-error{border-color:#f871718c}.field-input::placeholder{color:#ffffff2b}.field-hint{font-size:11px;color:#fff3;margin-top:2px}.start-btn{width:100%;height:40px;border:none;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;margin-top:2px}.start-btn.join{background:#00c853;color:#030a04;box-shadow:0 4px 18px #00c85359}.start-btn.join:hover{background:#00e676;box-shadow:0 4px 22px #00e67673}.start-btn.listen{background:#00bfa51f;color:#00bfa5;border:1px solid rgba(0,191,165,.3)}.start-btn.listen:hover{background:#00bfa538}.start-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.mic-visual{display:flex;align-items:center;justify-content:center;gap:3px;height:20px}.mic-bar{width:3px;border-radius:2px;background:#00bfa58c}.card-hide-btn{position:absolute;top:10px;left:10px;width:20px;height:20px;background:transparent;border:none;color:#fff3;cursor:pointer;font-size:14px;line-height:1;border-radius:6px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;padding:0}.mode-card:hover .card-hide-btn{opacity:1}.pro-badge{position:absolute;top:10px;right:10px;font-size:9px;font-weight:700;letter-spacing:.07em;background:#00c8531a;color:#00c853;border:1px solid rgba(0,200,83,.25);padding:2px 7px;border-radius:10px;text-transform:uppercase}.locked-msg{display:none;font-size:11px;color:#ffffff4d;background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px 12px;margin-top:8px;line-height:1.5;text-align:center}.locked-msg a{color:#00c853;text-decoration:none}.locked-msg a:hover{text-decoration:underline}.locked-msg.visible{display:block}.show-hidden{font-size:11px;color:#fff3;text-align:center;cursor:pointer;padding:8px;margin-top:4px}.show-hidden:hover{color:#fff6}.live-panel{display:grid;grid-template-columns:1fr 320px;overflow:hidden;flex:1;min-height:0}.transcript-panel{background:#ffffff03;overflow-y:auto;padding:16px;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.live-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#ffffff0a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:12px;border:1px solid rgba(255,255,255,.07);margin-bottom:14px;flex-shrink:0}.waveform{display:flex;align-items:center;gap:2px;height:18px}.wv{width:3px;border-radius:2px;background:#00c853;animation:wave 1s ease-in-out infinite}.wv:nth-child(1){height:5px;animation-delay:0s}.wv:nth-child(2){height:13px;animation-delay:.1s}.wv:nth-child(3){height:9px;animation-delay:.2s}.wv:nth-child(4){height:17px;animation-delay:.3s}.wv:nth-child(5){height:7px;animation-delay:.4s}.wv:nth-child(6){height:15px;animation-delay:.15s}.wv:nth-child(7){height:5px;animation-delay:.25s}.live-label{font-size:12px;color:#00c853;font-weight:600}.live-mode{font-size:10px;padding:2px 8px;border-radius:10px}.live-mode.join{background:#00c8531a;color:#00c853;border:1px solid rgba(0,200,83,.25)}.live-mode.listen{background:#00bfa51a;color:#00bfa5;border:1px solid rgba(0,191,165,.25)}.live-timer{font-size:12px;color:#ffffff47;font-variant-numeric:tabular-nums;margin-left:auto}.end-btn{padding:4px 12px;background:transparent;border:1px solid rgba(248,113,113,.38);color:#f87171;border-radius:8px;font-size:11px;cursor:pointer;transition:all .15s}.end-btn:hover{background:#f8717114}.utterance{margin-bottom:10px;line-height:1.55;animation:fadeIn .2s ease}.utterance .spk{font-size:11px;font-weight:600;color:#00c853;margin-bottom:2px}.utterance .spk.me{color:#00bfa5}.utterance .txt{font-size:13px;color:#ffffffb8}.ended-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 32px;animation:fadeIn .4s ease;min-height:0}.ended-check{width:60px;height:60px;border-radius:50%;background:#00c8531a;border:1px solid rgba(0,200,83,.28);display:flex;align-items:center;justify-content:center;font-size:26px;color:#00c853;margin-bottom:4px}.ended-title{font-size:20px;font-weight:600;color:#e8edf2}.ended-duration{font-size:13px;color:#ffffff4d;font-variant-numeric:tabular-nums}.ended-stats{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffff73}.ended-dot{color:#ffffff2e}.ended-hint{font-size:12px;color:#ffffff38;margin-top:2px}.ended-ctas{display:flex;flex-direction:column;gap:8px;width:100%;max-width:280px;margin-top:10px}.ended-view-btn{height:42px;background:#00c853;color:#030a04;border:none;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;box-shadow:0 4px 18px #00c8534d}.ended-view-btn:hover{background:#00e676}.ended-new-btn{height:38px;background:transparent;color:#ffffff4d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:12px;cursor:pointer;transition:all .15s}.ended-new-btn:hover{border-color:#fff3;color:#fff9}.right-panel{display:flex;flex-direction:column;overflow:hidden}.suggestion-box{flex-shrink:0;padding:16px 14px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05);transition:background .3s;overflow-y:auto;max-height:52%}.suggestion-box.fresh{background:#00c8530f}.suggestion-locked-box{max-height:52%}.suggestion-label{font-size:10px;font-weight:600;letter-spacing:.08em;color:#00c853;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:6px}.suggestion-text{font-size:13px;color:#ffffffb8;line-height:1.65;min-height:40px}.suggestion-text.muted{color:#ffffff38}.suggestion-bullets{margin:0 0 8px;padding-left:16px}.suggestion-bullets li{font-size:12px;color:#ffffff80;margin-bottom:3px}.suggestion-full{font-size:13px;color:#e2e8f0;line-height:1.65;border-top:1px solid rgba(255,255,255,.06);padding-top:8px;margin-top:6px}.suggestion-trigger{font-size:11px;color:#ffffff38;margin-top:8px;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-btn{margin-top:12px;font-size:12px;font-weight:600;padding:7px 16px;background:#00c8531a;color:#00c853;border:1px solid rgba(0,200,83,.28);border-radius:10px;cursor:pointer;display:inline-block;transition:background .15s}.copy-btn:hover{background:#00c8532e}.suggestion-blur-wrap{position:relative;border-radius:10px;overflow:hidden}.suggestion-blur-placeholder{font-size:12px;color:#ffffff4d;line-height:1.6;-webkit-user-select:none;user-select:none;filter:blur(3.5px);padding:4px 0}.suggestion-blur-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#06090eb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:10px;padding:12px}.upgrade-note{font-size:11px;color:#ffffff52;text-align:center;line-height:1.5}.upgrade-btn{font-size:11px;font-weight:600;padding:7px 16px;background:#00c8531f;border:1px solid rgba(0,200,83,.3);color:#00c853;border-radius:20px;cursor:pointer;transition:background .15s}.upgrade-btn:hover{background:#00c85333}.rp-section{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.05);min-height:0}.rp-actions{flex:2}.rp-decisions{flex:1;border-top:1px solid rgba(255,255,255,.05)}.rp-section-head{display:flex;align-items:center;gap:6px;padding:8px 14px 5px;flex-shrink:0}.rp-section-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff38;flex:1}.rp-badge{font-size:9px;padding:1px 6px;border-radius:8px;background:#fb923c26;color:#fb923c;border:1px solid rgba(251,146,60,.25)}.rp-badge-decision{background:#00bfa51a;color:#00bfa5;border-color:#00bfa533}.rp-section-body{overflow-y:auto;padding:0 10px 10px;min-height:0;flex:1}.empty-small{font-size:11px;color:#ffffff29;padding:6px 4px}.action-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:9px 10px;margin-bottom:7px;animation:fadeIn .3s ease}.action-item .owner{font-size:10px;font-weight:600;color:#fb923c;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.action-item .action-text{font-size:12px;color:#ffffffad;line-height:1.5}.action-item .due{font-size:11px;color:#ffffff47;margin-top:4px}.action-item .ts{font-size:10px;color:#ffffff2e;float:right}.decision{background:#00bfa50d;border-left:2px solid rgba(0,191,165,.4);padding:7px 10px;margin-bottom:6px;border-radius:0 8px 8px 0;font-size:12px;color:#00bfa5b8;line-height:1.5;animation:fadeIn .3s ease}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.35)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1023px){.live-panel{grid-template-columns:1fr 260px}.start-panel{padding:32px 24px}.mode-card{padding:20px 18px}.suggestion-box{padding:12px 10px}.ended-panel{padding:32px 20px}}@media (max-width: 767px){.start-panel{padding:32px 16px 20px;justify-content:flex-start}.mode-cards{grid-template-columns:1fr;max-width:100%}.live-panel{grid-template-columns:1fr;grid-template-rows:1fr 260px}.transcript-panel{border-right:none;border-bottom:1px solid rgba(255,255,255,.05);padding:12px}.live-bar{gap:6px;padding:6px 10px}.live-label{display:none}.suggestion-box{padding:10px 12px;max-height:45%}.suggestion-text{font-size:12px;min-height:32px}.ended-panel{padding:24px 16px;gap:8px}}.toolbar{background:#06090ebf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:8px;padding:0 16px;height:52px;flex-shrink:0}.stats-row{margin-left:auto;display:flex;gap:16px}.stat-chip{font-size:11px;color:#ffffff40}.stat-chip span{color:#00c853;font-weight:600}.filter-pill{height:26px;padding:0 11px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:13px;font-size:11px;font-weight:500;color:#ffffff61;cursor:pointer;transition:all .15s;white-space:nowrap}.filter-pill:hover{background:#ffffff17;color:#ffffffb3}.filter-pill.on{background:#00c8531f;border-color:#00c8534d;color:#00c853}.history-body{display:grid;grid-template-columns:200px 1fr;overflow:hidden;flex:1;min-height:0}.sidebar{border-right:1px solid rgba(255,255,255,.05);overflow-y:auto;display:flex;flex-direction:column;min-height:0}.sb-section{border-bottom:1px solid rgba(255,255,255,.04)}.sb-head{font-size:10px;font-weight:600;letter-spacing:.08em;color:#fff3;text-transform:uppercase;padding:10px 14px 6px}.sb-row{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;transition:background .1s}.sb-row:hover{background:#ffffff08}.sb-row.active{background:#00c85314}.sb-name{font-size:12px;color:#ffffff9e;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-meta{font-size:10px;color:#ffffff40}.sb-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.sb-count{font-size:10px;padding:1px 5px;border-radius:8px;background:#ffffff0d;color:#ffffff47}.action-dot{width:6px;height:6px;border-radius:50%;background:#fb923c;box-shadow:0 0 5px #fb923c8c}.recency-bar{width:28px;height:2px;border-radius:1px;background:#ffffff0f;margin-top:2px}.recency-fill{height:100%;border-radius:1px;background:#00c853}.theme-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0}.feed{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:0}.m-card{background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:14px 16px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.m-card:hover{border-color:#00c85338;background:#00c85306}.m-card.expanded{border-color:#00c85366;box-shadow:0 0 20px #00c85314}.m-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.m-date{font-size:11px;color:#ffffff3d}.m-mode{font-size:10px;padding:2px 8px;border-radius:10px}.m-mode.listen{background:#00bfa51a;color:#00bfa5;border:1px solid rgba(0,191,165,.2)}.m-mode.join{background:#00c8531a;color:#00c853;border:1px solid rgba(0,200,83,.2)}.m-mode.solo_agent{background:#fb923c1a;color:#fb923c;border:1px solid rgba(251,146,60,.2)}.m-dur{margin-left:auto;font-size:10px;color:#fff3}.m-sum{font-size:12px;color:#ffffff9e;line-height:1.55;margin-bottom:8px}.m-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}.m-tag{font-size:10px;padding:2px 8px;border-radius:10px;background:#00c85314;color:#00c853;cursor:pointer;border:1px solid transparent;transition:border-color .15s}.m-tag:hover{border-color:#00c85359}.m-people{display:flex;gap:3px}.m-av{width:20px;height:20px;border-radius:50%;background:#00c8531a;border:1px solid rgba(0,200,83,.2);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:600;color:#00c853}.m-detail{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.detail-section{margin-bottom:8px}.detail-label{font-size:10px;font-weight:600;letter-spacing:.06em;color:#ffffff3d;text-transform:uppercase;margin-bottom:4px}.detail-item{font-size:12px;color:#ffffff7a;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}.detail-item:last-child{border-bottom:none}@media (max-width: 1023px){.history-body{grid-template-columns:170px 1fr}.toolbar{gap:6px;padding:0 12px}.stats-row{gap:10px}.stat-chip{font-size:10px}}@media (max-width: 767px){.toolbar{flex-wrap:wrap;height:auto;padding:10px 12px;gap:6px}.filter-pill{flex-shrink:0}.stats-row{display:none}.history-body{grid-template-columns:1fr}.sidebar{display:none}.feed{padding:12px;gap:8px}.m-card{padding:10px 12px}}.settings-body{overflow-y:auto;padding:32px;display:flex;justify-content:center;align-items:flex-start;height:100%}.settings-wrap{width:100%;max-width:680px;display:flex;flex-direction:column;gap:24px}.section{background:#ffffff08;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.07);border-radius:18px}.section-head{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between}.section-title{font-size:13px;font-weight:600;color:#e8edf2}.section-subtitle{font-size:11px;color:#ffffff4d;margin-top:2px}.section-body{padding:24px;display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:11px;font-weight:600;color:#ffffff4d;text-transform:uppercase;letter-spacing:.06em}.field-input{height:38px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:0 12px;font-size:13px;color:#e8edf2;transition:border-color .2s}.field-textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;font-size:13px;color:#e8edf2;resize:vertical;min-height:72px;font-family:inherit;transition:border-color .2s}.field-textarea:focus{outline:none;border-color:#00c85380}.field-hint{font-size:11px;color:#fff3}.select{height:38px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:0 12px;font-size:13px;color:#e8edf2;cursor:pointer;transition:border-color .2s}.select:focus{outline:none;border-color:#00c85380}.select:disabled{opacity:.4;cursor:not-allowed}.field-input:disabled,.field-textarea:disabled{opacity:.4;cursor:not-allowed}.saved-flash{font-size:11px;font-weight:600;color:#00bfa5;animation:savedFadeIn .2s ease}@keyframes savedFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tag-input-wrap{display:flex;flex-wrap:wrap;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px;min-height:38px;cursor:text;transition:border-color .2s}.tag-input-wrap:focus-within{border-color:#00c85380}.tag{display:flex;align-items:center;gap:4px;background:#00c8531a;border:1px solid rgba(0,200,83,.22);color:#00c853;font-size:11px;padding:2px 8px;border-radius:20px}.tag-remove{cursor:pointer;color:#00c85380;font-size:13px;line-height:1}.tag-remove:hover{color:#00c853}.tag-input{border:none;background:transparent;color:#e8edf2;font-size:12px;outline:none;flex:1;min-width:80px}.plan-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.plan-info{display:flex;flex-direction:column;gap:3px}.plan-name{font-size:13px;font-weight:600;color:#e8edf2}.plan-detail{font-size:11px;color:#ffffff4d}.plan-pill{font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px}.plan-pill.pro,.plan-pill.trial{background:#00c8531a;border:1px solid rgba(0,200,83,.25);color:#00c853}.plan-pill.free{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffff4d}.personalisation-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05)}.personalisation-item:last-child{border-bottom:none}.p-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:#ffffff0d;margin-top:1px}.p-info{flex:1}.p-title{font-size:12px;font-weight:500;color:#e8edf2}.p-desc{font-size:11px;color:#ffffff4d;margin-top:2px}.p-action{font-size:11px;padding:5px 14px;border-radius:20px;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:transparent;color:#ffffff4d;white-space:nowrap;transition:all .15s;flex-shrink:0;margin-top:1px}.p-action:hover{border-color:#ffffff26;color:#ffffff94}.p-action.upload{border-color:#00c8534d;color:#00c853;background:#00c85312}.p-action.upload:hover{background:#00c85324}.p-action.coming-soon{opacity:.35;cursor:not-allowed}.p-redaction{display:flex;flex-direction:column;gap:4px;margin-top:8px}.p-redaction-label{font-size:10px;font-weight:600;color:#ffffff38;text-transform:uppercase;letter-spacing:.06em}.p-redaction-select{height:30px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:0 10px;font-size:11px;color:#ffffff8c;cursor:pointer;transition:border-color .2s;max-width:340px}.p-redaction-select:focus{outline:none;border-color:#00bfa566}.section-danger{border-color:#ef444426}.btn-danger{height:36px;padding:0 16px;border-radius:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#f87171;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.btn-danger:hover{background:#ef444433}.btn-danger:disabled{opacity:.5;cursor:default}.btn-secondary{height:36px;padding:0 16px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#ffffff14}.reset-warning{font-size:12px;color:#fff6;margin-bottom:12px}.reset-actions{display:flex;gap:10px;align-items:center}@media (max-width: 1023px){.settings-body{padding:24px 16px}.settings-wrap{gap:20px}.section-body{padding:16px;gap:14px}}@media (max-width: 767px){.settings-body{padding:16px;align-items:flex-start}.settings-wrap{gap:16px}.section-body{padding:14px;gap:12px}.fields-row{grid-template-columns:1fr}.plan-row{flex-direction:column;align-items:flex-start;gap:10px}}.ob-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;background:#04080c;background-image:radial-gradient(ellipse 60% 50% at 12% 18%,rgba(0,200,83,.09) 0%,transparent 55%),radial-gradient(ellipse 50% 60% at 88% 82%,rgba(0,90,200,.05) 0%,transparent 55%);background-attachment:fixed}.ob-shell{width:100%;max-width:480px}.progress-bar{display:flex;align-items:center;gap:0;margin-bottom:40px}.step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;transition:all .3s;flex-shrink:0}.step-dot.done{background:#00c8532e;color:#00c853;border:1px solid rgba(0,200,83,.3)}.step-dot.active{background:#00c853;color:#030a04;box-shadow:0 0 0 4px #00c85333,0 0 16px #00c8534d}.step-dot.pending{background:#ffffff0a;color:#ffffff40;border:1px solid rgba(255,255,255,.08)}.step-line{flex:1;height:1px;background:#ffffff12}.step-line.done{background:#00c85366}.step-labels{display:flex;justify-content:space-between;margin-bottom:32px;margin-top:-28px;padding:0 4px}.step-label{font-size:10px;color:#fff3;text-align:center;width:60px}.step-label.active{color:#00c853}.ob-card{background:#ffffff08;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:32px;animation:fadeIn .25s ease}.ob-title{font-size:20px;font-weight:700;color:#e8edf2;margin-bottom:6px}.ob-subtitle{font-size:13px;color:#ffffff61;line-height:1.6;margin-bottom:28px}.field{margin-bottom:18px}.field-label{font-size:11px;font-weight:600;color:#ffffff4d;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.field-label .req{color:#00c853}.field-input{width:100%;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:0 12px;font-size:13px;color:#e8edf2;transition:border-color .2s}.field-input:focus{outline:none;border-color:#00c85380}.field-input.error{border-color:#f8717180}.field-error{font-size:11px;color:#f87171;margin-top:5px}.field-hint{font-size:11px;color:#fff3;margin-top:5px;line-height:1.5}.fields-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-primary{width:100%;height:44px;background:#00c853;color:#030a04;border:none;border-radius:13px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;margin-top:8px;box-shadow:0 4px 22px #00c85359}.btn-primary:hover{background:#00e676;box-shadow:0 4px 28px #00e67673}.btn-primary:disabled{background:#00c85324;color:#00c85359;cursor:not-allowed;box-shadow:none}.btn-secondary{width:100%;height:38px;background:transparent;color:#ffffff59;border:1px solid rgba(255,255,255,.08);border-radius:11px;font-size:13px;cursor:pointer;transition:all .15s;margin-top:6px}.btn-secondary:hover{border-color:#ffffff29;color:#fff9}.choice-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}.choice-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px 16px;cursor:pointer;text-align:center;transition:all .2s}.choice-card:hover{border-color:#00c8534d;background:#00c8530a}.choice-card.selected{border-color:#00c853;background:#00c85314;box-shadow:0 0 16px #00c8531a}.choice-card .choice-icon{font-size:24px;margin-bottom:8px}.choice-card .choice-title{font-size:13px;font-weight:500;color:#e8edf2;margin-bottom:4px}.choice-card .choice-desc{font-size:11px;color:#ffffff59;line-height:1.5}.upload-area{border:2px dashed rgba(255,255,255,.1);border-radius:14px;padding:28px 20px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:16px}.upload-area:hover,.upload-area.dragover{border-color:#00c85366;background:#00c8530a}.upload-area.has-file{border-color:#00c85361;background:#00c8530a;border-style:solid}.upload-icon{font-size:28px;margin-bottom:8px}.upload-label{font-size:13px;color:#ffffff7a}.upload-sublabel{font-size:11px;color:#fff3;margin-top:4px}.upload-filename{font-size:12px;color:#00c853;margin-top:6px;font-weight:500}.what-it-learns{background:#ffffff08;border-radius:10px;padding:14px 16px;margin-bottom:16px}.what-it-learns p{font-size:11px;color:#ffffff40;margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.what-it-learns li{font-size:12px;color:#fff6;margin-bottom:4px;line-height:1.5;list-style:none}.what-it-learns li:before{content:"→  ";color:#00c853}.processing-bar{height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin:12px 0}.processing-fill{height:100%;background:linear-gradient(90deg,#00c85366,#00c853);border-radius:2px;animation:slide 1.5s ease-in-out infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.processing-note{font-size:11px;color:#ffffff47;text-align:center}.done-badge{width:68px;height:68px;background:#00c8531a;border:2px solid rgba(0,200,83,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px;box-shadow:0 0 32px #00c8532e}.trial-pill{display:inline-block;background:#00c8531a;border:1px solid rgba(0,200,83,.25);color:#00c853;font-size:11px;font-weight:600;padding:4px 14px;border-radius:20px;margin-bottom:20px;letter-spacing:.04em}.text-muted{font-size:11px;color:#fff3;text-align:center;margin-top:10px}.divider{border:none;border-top:1px solid rgba(255,255,255,.05);margin:20px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1023px){.ob-page{padding:24px 20px}.ob-card{padding:28px 24px}.ob-title{font-size:18px}}@media (max-width: 767px){.ob-page{padding:32px 16px 20px;justify-content:flex-start}.ob-shell{max-width:100%}.ob-card{padding:20px 16px;border-radius:16px}.ob-title{font-size:17px}.ob-subtitle{font-size:12px;margin-bottom:20px}.fields-row,.choice-cards{grid-template-columns:1fr}.progress-bar{margin-bottom:28px}.step-labels{margin-bottom:24px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;display:block}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8edf2;background:#06090e;background-image:radial-gradient(ellipse 65% 55% at 8% 10%,rgba(0,200,83,.08) 0%,transparent 55%),radial-gradient(ellipse 55% 60% at 92% 88%,rgba(0,90,200,.05) 0%,transparent 55%);background-attachment:fixed}.app-shell{display:grid;grid-template-columns:220px 1fr;grid-template-rows:100dvh;width:100%;height:100vh;height:100dvh;overflow:hidden}.sidenav{background:#060a10d1;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow:hidden;grid-column:1;grid-row:1;min-height:0}.sidenav-top{flex:1;display:flex;flex-direction:column;padding:16px 10px 8px;overflow-y:auto;min-height:0}.sn-search-wrap{display:flex;align-items:center;gap:7px;padding:0 12px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:12px;flex-shrink:0;transition:border-color .2s}.sn-search-wrap:focus-within{border-color:#00c85366}.sn-search-icon{font-size:14px;color:#ffffff38;flex-shrink:0;line-height:1}.sn-search{flex:1;background:transparent;border:none;outline:none;font-size:12px;color:#e8edf2}.sn-search::placeholder{color:#fff3}.sn-nav{display:flex;flex-direction:column;gap:3px}.sn-item{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:12px;color:#ffffff59;text-decoration:none;font-size:13px;font-weight:500;transition:color .15s,background .15s;position:relative;cursor:pointer}.sn-item:hover{background:#ffffff0d;color:#ffffffbf}.sn-item.active{background:#00c8531f;color:#00c853}.sn-icon{font-size:12px;flex-shrink:0;width:16px;text-align:center;line-height:1}.sn-icon-live{font-size:9px}.sn-label{flex:1}.sn-rec-dot{width:6px;height:6px;border-radius:50%;background:#f44;flex-shrink:0;animation:recPulse 1.5s ease-in-out infinite;box-shadow:0 0 6px #ff4444b3}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.sidenav-bottom{padding:10px;border-top:1px solid rgba(255,255,255,.05)}.sn-profile-btn{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:12px;text-decoration:none;cursor:pointer;transition:background .15s;width:100%}.sn-profile-btn:hover{background:#ffffff0d}.sn-profile-btn.active{background:#00c8531a}.sn-avatar{width:28px;height:28px;border-radius:50%;background:#00c85324;border:1px solid rgba(0,200,83,.3);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#00c853;flex-shrink:0}.sn-profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sn-username{font-size:12px;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-plan-text{font-size:10px;font-weight:500}.sn-plan-text.pro,.sn-plan-text.trial{color:#00c853}.sn-plan-text.free{color:#ffffff47}.main-content{overflow:hidden;display:flex;flex-direction:column;min-height:0;grid-column:2;grid-row:1}.avatar{width:28px;height:28px;border-radius:50%;background:#00c8531f;border:1px solid rgba(0,200,83,.25);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#00c853;flex-shrink:0}.pulse{width:6px;height:6px;border-radius:50%;background:#00c853;animation:pulse 1.5s infinite;display:inline-block;flex-shrink:0;box-shadow:0 0 6px #00c85399}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.empty{font-size:12px;color:#fff3;text-align:center;padding:20px 0}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff12;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#00c85359}.bottom-nav{display:none}@media (max-width: 1023px){.app-shell{grid-template-columns:180px 1fr}.sn-item{font-size:12px;padding:8px 10px}}@media (max-width: 767px){.app-shell{grid-template-columns:1fr}.sidenav{display:none}.bottom-nav{display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#080c14e0;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:6px;gap:2px;z-index:200;padding-bottom:calc(6px + env(safe-area-inset-bottom));white-space:nowrap}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 20px;border-radius:26px;text-decoration:none;color:#ffffff52;transition:all .2s;-webkit-tap-highlight-color:transparent}.bottom-nav-item.active{background:#00c85326;color:#00c853}.bottom-nav-icon{font-size:14px;line-height:1}.bottom-nav-label{font-size:10px;font-weight:500;letter-spacing:.02em}.main-content{padding-bottom:88px}}