@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&family=Lora:ital,wght@0,400;1,400;1,500&display=swap";:root{--teal:#00768e;--navy:#1c1c1e;--gold:#c8a951;--coral:#d4845a;--cream:#ecebd9;--light-teal:#4ecdc4;--surface:#ffffff0d;--surface-md:#ffffff14;--muted:#ffffff73;--font-main:"Poppins", sans-serif;--font-script:"Lora", serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-main);background:var(--navy);color:#fff;-webkit-font-smoothing:antialiased}.app{flex-direction:column;max-width:720px;height:100dvh;margin:0 auto;display:flex}.welcome-overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.welcome-banner{text-align:center;background:#232323;border:1px solid #c8a9514d;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:480px;padding:32px 28px;display:flex}.welcome-logo{font-size:40px}.welcome-title{color:#fff;font-size:22px;font-weight:700}.welcome-subtitle{font-family:var(--font-script);color:var(--teal);margin-top:-8px;font-size:14px;font-style:italic}.welcome-notice{text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:16px 18px}.welcome-notice p{color:var(--gold);margin-bottom:10px;font-size:13px}.welcome-notice ul{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.welcome-notice li{color:#fffc;padding-left:16px;font-size:14px;line-height:1.5;position:relative}.welcome-notice li:before{content:"·";color:var(--gold);font-weight:700;position:absolute;left:0}.welcome-notice strong{color:#fff}.welcome-btn{background:var(--teal);color:#fff;font-family:var(--font-main);cursor:pointer;border:none;border-radius:12px;margin-top:4px;padding:14px 24px;font-size:15px;font-weight:600;transition:opacity .2s}.welcome-btn:hover{opacity:.85}.header{background:var(--navy);border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.header-left{align-items:center;gap:10px;display:flex}.header-logo{object-fit:contain;border-radius:6px;width:44px;height:44px}.header-text{flex-direction:column;display:flex}.header-brand{letter-spacing:.12em;color:#fff;font-size:11px;font-weight:700}.header-tagline{font-family:var(--font-script);color:var(--teal);margin-top:1px;font-size:11px;font-style:italic}.header-badge{color:var(--gold);border:1px solid var(--gold);letter-spacing:.04em;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:500}.phase-tabs{background:var(--navy);border-bottom:1px solid #ffffff1a;flex-shrink:0;display:flex}.phase-tab{font-family:var(--font-main);color:#ffffff40;cursor:default;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;padding:12px 4px;font-size:14px;font-weight:500;transition:color .3s,border-color .3s,background .3s;display:flex}.phase-tab.done{color:var(--teal)}.phase-tab.active{color:#fff;border-bottom-color:var(--light-teal);background:#4ecdc41a;font-weight:700}.tab-count{background:var(--gold);color:var(--navy);border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.4}.discovery-progress{background:var(--surface);border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.progress-label{color:var(--muted);white-space:nowrap;font-size:11px}.progress-dots{gap:6px;display:flex}.progress-dot{border-radius:50%;width:8px;height:8px;transition:background .3s}.progress-dot.done{background:var(--teal)}.progress-dot.current{background:var(--gold)}.progress-dot.upcoming{background:#ffffff26}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-container{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-container::-webkit-scrollbar{width:4px}.chat-container::-webkit-scrollbar-track{background:0 0}.chat-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.message-row{align-items:flex-start;gap:10px;display:flex}.message-row.user{flex-direction:row-reverse}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:11px;font-weight:700;display:flex}.avatar-r{background:var(--teal);color:#fff}.avatar-you{background:var(--coral);color:#fff}.message-bubble{border-radius:14px;max-width:80%;padding:12px 14px;font-size:16px;line-height:1.7}.bubble-assistant{background:var(--surface-md);border:1px solid #ffffff12;border-radius:14px 14px 14px 4px}.bubble-user{background:var(--teal);color:#fff;border-radius:14px 14px 4px}.typing-indicator{align-items:center;gap:10px;padding:4px 0;display:flex}.typing-avatar{background:var(--teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.typing-dots{background:var(--surface-md);border:1px solid #ffffff12;border-radius:14px;gap:5px;padding:12px 16px;display:flex}.typing-dots span{background:var(--light-teal);border-radius:50%;width:7px;height:7px;animation:1.2s infinite bounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.idea-cards-wrapper{padding:4px 0}.idea-cards-prompt{color:var(--muted);margin-bottom:12px;padding-left:42px;font-size:13px}.idea-cards{flex-direction:column;gap:10px;display:flex}.idea-card{background:var(--surface-md);cursor:pointer;border:1px solid #ffffff14;border-radius:12px;padding:14px 16px;transition:border-color .2s,background .2s}.idea-card:hover{background:#c8a9510d;border-color:#c8a95166}.idea-card.selected{border-color:var(--gold);background:#c8a95114}.idea-card-header{margin-bottom:6px}.idea-level-badge{color:var(--gold);letter-spacing:.05em;background:#c8a95126;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.idea-title{color:#fff;margin:6px 0 4px;font-size:15px;font-weight:600}.idea-description{color:#ffffffa6;margin-bottom:6px;font-size:15px;line-height:1.5}.idea-angle{font-family:var(--font-script);color:var(--light-teal);font-size:12px;font-style:italic}.idea-script-btn{color:var(--gold);border:1px solid var(--gold);border-radius:20px;margin-top:10px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.script-display{background:var(--surface);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:16px;padding:20px;display:flex}.script-idea-title{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600}.script-starting-point{color:#ffffff73;margin-top:-4px;font-size:12px;font-style:italic}.script-block{background:#ffffff08;border-left:3px solid #0000;border-radius:0 8px 8px 0;padding:12px 14px}.hook-block{border-left-color:var(--coral)}.bridge-block{border-left-color:var(--teal)}.cta-block{border-left-color:var(--gold)}.captions-block{border-left-color:#ffffff4d}.script-block-label{letter-spacing:.14em;color:var(--muted);margin-bottom:6px;font-size:9px;font-weight:700;display:block}.script-block-text{font-family:var(--font-script);color:#ffffffe6;font-size:16px;font-style:italic;line-height:1.75}.captions-list{flex-direction:column;gap:6px;list-style:none;display:flex}.caption-item{color:#ffffffb3;padding-left:12px;font-size:13px;position:relative}.caption-item:before{content:"·";color:var(--light-teal);position:absolute;left:0}.script-signature{color:#ffffff40;text-align:center;letter-spacing:.03em;border-top:1px solid #ffffff0f;padding-top:4px;font-family:monospace;font-size:10px}.export-bar{flex-wrap:wrap;gap:8px;display:flex}.export-btn{min-width:100px;font-family:var(--font-main);cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px 12px;font-size:12px;font-weight:500;transition:opacity .2s,transform .15s}.export-btn:hover{opacity:.85;transform:translateY(-1px)}.export-btn:active{transform:translateY(0)}.save-btn{background:var(--teal);color:#fff}.copy-btn{background:var(--surface-md);color:#fff;border:1px solid #ffffff1f}.download-btn{color:var(--gold);background:#c8a95126;border:1px solid #c8a9514d}.export-bar-wrapper{flex-direction:column;gap:8px;display:flex}.export-reminder{color:var(--gold);background:#c8a95114;border:1px solid #c8a95140;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.5}.export-note{color:#fff6;padding:0 2px;font-size:11px;line-height:1.5}.export-note strong{color:#ffffffa6}.upgrade-cta{text-align:center;background:#c8a95114;border:1px solid #c8a95140;border-radius:10px;margin-top:20px;padding:16px 18px}.upgrade-cta-text{color:#ffffffb3;margin-bottom:10px;font-size:13px;line-height:1.5}.upgrade-cta-link{color:var(--gold);letter-spacing:.02em;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.upgrade-cta-link:hover{opacity:.8}.welcome-notice-what{margin-bottom:10px}.saved-empty-note{color:var(--gold);text-align:center;background:#c8a95114;border:1px solid #c8a95133;border-radius:8px;max-width:320px;margin-top:12px;padding:10px 14px;font-size:12px;line-height:1.5}.quick-actions{flex-wrap:wrap;gap:8px;padding:8px 16px 0;display:flex}.quick-action-btn{font-family:var(--font-main);color:var(--light-teal);cursor:pointer;white-space:nowrap;background:#4ecdc414;border:1px solid #4ecdc440;border-radius:20px;padding:6px 14px;font-size:12px;transition:background .2s}.quick-action-btn:hover{background:#4ecdc426}.input-area{padding-bottom:env(safe-area-inset-bottom,0);background:var(--navy);border-top:1px solid #ffffff14;flex-shrink:0}.input-row{align-items:flex-end;gap:8px;padding:10px 16px 12px;display:flex}.chat-input{background:var(--surface-md);color:#fff;font-family:var(--font-main);resize:none;border:1px solid #ffffff1a;border-radius:12px;flex:1;max-height:120px;padding:10px 14px;font-size:16px;line-height:1.5;transition:border-color .2s;overflow-y:auto}.chat-input::placeholder{color:#ffffff4d}.chat-input:focus{border-color:var(--teal);outline:none}.chat-input:disabled{opacity:.5}.send-btn{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .2s;display:flex}.send-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn:not(:disabled):hover{opacity:.85}.saved-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.saved-empty-text{color:#fff9;margin-bottom:8px;font-size:16px}.saved-empty-sub{color:#ffffff4d;font-size:13px}.saved-list{flex-direction:column;flex:1;gap:20px;padding:16px;display:flex;overflow-y:auto}.saved-entry{background:var(--surface);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.saved-entry-header{align-items:center;gap:10px;display:flex}.saved-level{color:var(--gold);background:#c8a95126;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.saved-title{color:#fff;font-size:15px;font-weight:600}.saved-date{color:var(--muted);text-align:right;font-size:11px}@media (width<=480px){.message-bubble{max-width:88%}.export-bar{gap:6px}.export-btn{padding:9px 8px;font-size:11px}.header-brand{font-size:10px}.header-tagline{display:none}}