*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#fafafa;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.landing-container,.loading-container{position:relative;z-index:1}.landing-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow-y:auto;padding:24px;scrollbar-width:none}.landing-container::-webkit-scrollbar{display:none}.landing-content{align-items:center;display:flex;flex-direction:column;max-width:450px;text-align:center;width:100%}.hero-compact{flex-shrink:0;margin-bottom:32px;text-align:center;width:100%}.hero-headline-compact{color:#1a1a1a;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,5vw,40px);font-style:normal;font-weight:400;letter-spacing:-.02em;line-height:1.2;margin-bottom:12px}.hero-subhead-compact{color:#666;font-size:clamp(14px,2.5vw,17px);font-weight:300;letter-spacing:-.01em;line-height:1.6;max-width:100%}.continue-section-compact{flex-shrink:0;text-align:center;width:100%}.continue-form{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;max-width:100%}.email-input{-webkit-appearance:none;appearance:none;background:#f6f4f1;border:1px solid #e3ded8;border-radius:14px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1.5;outline:none;padding:12px 16px;transition:border-color .2s ease;width:100%}.email-input:-webkit-autofill,.email-input:-webkit-autofill:active,.email-input:-webkit-autofill:focus,.email-input:-webkit-autofill:hover{-webkit-text-fill-color:#1a1a1a!important;background-color:#f6f4f1!important;border:1px solid #e3ded8!important;-webkit-box-shadow:inset 0 0 0 30px #f6f4f1!important}.email-input::placeholder{color:#999;font-weight:400;opacity:.6}.email-input:focus{background:#f6f4f1;border-color:#e3ded8;outline:none}.email-input:disabled{background:#f6f4f1;cursor:not-allowed;opacity:.5}.continue-button{background:#0000;border:1px solid #e3ded8;border-radius:14px;color:#1a1a1a;font-size:15px;font-weight:400;letter-spacing:-.01em;text-transform:none;width:100%}.continue-button:hover:not(:disabled){background:#f6f4f1;border-color:#e3ded8;color:#1a1a1a}.continue-button:active:not(:disabled){transform:scale(.98)}.continue-button:disabled{background:#0000;cursor:not-allowed;opacity:.3}.status-message{border-radius:0;font-size:13px;font-weight:300;letter-spacing:.2px;margin-top:12px;padding:10px 14px}.status-message.error,.status-message.success{background-color:initial;border:1px solid #e0e0e0;color:#666}.privacy-note{color:#999;font-size:11px;font-weight:300;letter-spacing:.3px;margin-top:12px;text-align:center}@media (max-width:767px){.landing-container{padding:24px 16px}.landing-content{max-width:100%}.hero-compact{margin-bottom:28px}}@media (min-width:768px){.landing-container{padding:40px 24px}.landing-content{max-width:450px}.hero-compact{margin-bottom:40px}.continue-form{flex-direction:row;gap:8px}.email-input{flex:1 1}.continue-button{flex-shrink:0;padding:12px 24px;width:auto}}@media (min-width:1024px){.landing-container{padding:60px 48px}}.access-container{background:#fafafa;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.hero-background{background:radial-gradient(ellipse 140% 120% at 50% 0,#fafafa80 0,#0000 60%),radial-gradient(ellipse 100% 80% at 50% 100%,#f5f5f566 0,#0000 70%),linear-gradient(180deg,#ffffffe6,#fafafab3 50%,#fffffff2);bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.hero-background:before{animation:subtleShift 25s ease-in-out infinite;background:linear-gradient(135deg,#fff0,#f8f8f84d 50%,#fff0),radial-gradient(circle at 25% 25%,#f0f0f033 0,#0000 50%),radial-gradient(circle at 75% 75%,#f5f5f526 0,#0000 60%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes subtleShift{0%,to{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.98;transform:translateY(-8px) scale(1.01)}}.access-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:57px auto 0;max-width:1040px;min-height:calc(100vh - 57px);padding:120px 24px;position:relative;text-align:center;width:100%;z-index:1}.loading-spinner{animation:spin .8s linear infinite;border:1.5px solid #e0e0e0;border-radius:50%;border-top-color:#1a1a1a;height:40px;margin-bottom:24px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{font-size:15px;letter-spacing:.2px}.error-text,.loading-text{color:#666;font-weight:300}.error-text{font-size:16px;margin-bottom:32px}.back-button{background:#0000;border:1px solid #1a1a1a;border-radius:0;color:#1a1a1a;cursor:pointer;font-family:inherit;font-size:14px;font-weight:300;letter-spacing:.3px;padding:12px 24px;transition:all .2s ease}.back-button:hover{background:#1a1a1a;color:#fff}.hero{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;display:flex;justify-content:center;max-height:100vh;min-height:100vh;overflow-y:auto;padding:20px 24px;position:relative;scrollbar-width:none;width:100%;z-index:1}.hero::-webkit-scrollbar{display:none}.product-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fafafaf2;border-bottom:1px solid #f0f0f0;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.product-header-content{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;max-width:900px;padding:16px 24px;width:100%}.product-header-logo{color:#1a1a1a;font-family:Georgia,Times New Roman,serif;font-size:18px;font-style:normal;font-weight:400;letter-spacing:-.01em;margin:0}.header-email{color:#666;font-size:clamp(12px,4vw,15px);font-weight:300;letter-spacing:-.01em;line-height:1.5;text-decoration:none;transition:color .2s ease}.header-email:hover{color:#1a1a1a}@media (min-width:768px){.product-header-content{padding:16px 24px}}@media (min-width:1024px){.product-header-content{padding:16px 24px}}@media (min-width:1280px){.product-header-content{padding:16px 24px}}.chat-hero{align-items:stretch;display:flex;flex-direction:column;margin-top:57px;max-height:none;min-height:auto;padding:0}.chat-hero.with-chat{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;max-height:calc(100vh - 57px);overflow-y:auto;padding-bottom:140px;scrollbar-width:none}.chat-hero.with-chat::-webkit-scrollbar{display:none}.scroll-spacer{flex-shrink:0;height:140px}.chat-content{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:900px;padding:0;width:100%}.chat-content.with-messages{display:flex;flex-direction:column;height:auto;max-height:none;min-height:calc(100vh - 57px)}@media (min-width:768px){.chat-content{padding:0 24px}}@media (min-width:1024px){.chat-content{padding:0 24px}}@media (min-width:1280px){.chat-content{padding:0 24px}}.hero-content{align-items:center;display:flex;flex-direction:column;max-width:1040px;text-align:center;width:100%}.chat-content .hero-headline,.chat-content .hero-subhead{padding:0 16px}.chat-content .hero-headline{font-size:clamp(24px,6vw,36px);margin-bottom:8px;margin-top:20px}.chat-content .hero-subhead{font-size:clamp(13px,3.5vw,16px);margin-bottom:24px}.chat-content:not(.with-messages){justify-content:flex-start;min-height:auto;padding:0}.chat-content:not(.with-messages) .clarity-form{margin-top:0;padding:0 16px}@media (min-width:768px){.chat-content .hero-headline,.chat-content .hero-subhead{padding:0 24px}.chat-content .hero-headline{margin-top:32px}.chat-content:not(.with-messages) .clarity-form{padding:0 24px}}.hero-headline{color:#1a1a1a;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,8vw,42px);font-style:normal;font-weight:400;letter-spacing:-.02em;line-height:1.15;margin-bottom:12px;max-width:100%}.hero-subhead{color:#666;font-size:clamp(14px,4vw,17px);font-weight:300;letter-spacing:-.01em;line-height:1.5;margin-bottom:24px;max-width:100%}.input-options{border:1px solid #e0e0e0;display:flex;gap:0;margin-bottom:16px;margin-left:auto;margin-right:auto;width:-webkit-fit-content;width:fit-content}.input-toggle{background:#0000;border:none;border-right:1px solid #e0e0e0;color:#666;cursor:pointer;font-family:inherit;font-size:13px;font-weight:300;letter-spacing:.3px;padding:8px 20px;transition:all .2s ease}.input-toggle:last-child{border-right:none}.input-toggle:hover{background:#fafafa;color:#1a1a1a}.input-toggle.active{background:#fff;color:#1a1a1a;font-weight:400}.clarity-form{margin:0 auto;max-width:100%;padding:0 16px;width:100%}@media (min-width:768px){.clarity-form{max-width:672px;padding:0}}@media (min-width:1024px){.clarity-form{max-width:768px}}@media (min-width:1280px){.clarity-form{max-width:896px}}.input-container{margin-bottom:16px}.paste-message-wrapper{position:relative;width:100%}.paste-message-lock{align-items:center;bottom:10px;color:#999;cursor:default;display:flex;justify-content:center;position:absolute;right:12px;z-index:1}.paste-message-lock:hover{color:#666}.paste-message-lock-tooltip{background:#1a1a1a;border-radius:4px;bottom:100%;color:#fff;font-size:11px;font-weight:400;margin-bottom:6px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;right:0;transition:opacity .15s ease,visibility .15s ease;visibility:hidden;white-space:nowrap}.paste-message-lock:hover .paste-message-lock-tooltip{opacity:1;visibility:visible}.text-input{-ms-overflow-style:none;background:#f6f4f1;border:1px solid #e3ded8;border-radius:14px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1.5;max-height:200px;min-height:48px;outline:none;overflow-y:auto;padding:12px 32px 28px 16px;resize:none;scrollbar-width:none;transition:border-color .2s ease;width:100%}.text-input::-webkit-scrollbar{display:none}.text-input::placeholder{color:#999;font-weight:400;opacity:.6}.text-input:focus{background:#f6f4f1;border-color:#e3ded8;outline:none}.image-upload-area{background:#f6f4f1;border:1px dashed #e3ded8;border-radius:14px;max-height:72px;min-height:48px;overflow:hidden;position:relative;transition:border-color .2s ease,background-color .2s ease;width:100%}.image-upload-area:hover{background:#f0ebe5;border-color:#d3cdc5}.image-input{display:none}.image-upload-label{box-sizing:border-box;cursor:pointer;height:100%;min-height:48px;padding:12px 16px;position:relative;width:100%}.image-placeholder,.image-upload-label{align-items:center;display:flex;gap:8px;justify-content:center}.image-placeholder{color:#666;font-size:15px;font-weight:400;letter-spacing:-.01em}.image-placeholder:before{content:"📷";font-size:18px;opacity:.7}.image-preview{display:block;height:100%;max-height:150px;min-height:120px;object-fit:cover;width:100%}.remove-image{background:#fffffff2;border:1px solid #e0e0e0;color:#666;cursor:pointer;font-family:inherit;font-size:11px;font-weight:300;letter-spacing:.3px;padding:6px 12px;position:absolute;right:8px;top:8px;transition:all .2s ease}.remove-image:hover{border-color:#1a1a1a;color:#1a1a1a}.image-upload-area:has(.image-preview){border-color:#1a1a1a}.clarity-button{background:#0000;border:1px solid #e3ded8;border-radius:14px;color:#1a1a1a;cursor:pointer;font-family:inherit;font-size:15px;font-weight:400;letter-spacing:-.01em;padding:12px 24px;text-transform:none;transition:all .2s ease;width:100%}.clarity-button:hover:not(:disabled){background:#f6f4f1;border-color:#e3ded8;color:#1a1a1a}.clarity-button:active:not(:disabled){transform:scale(.98)}.clarity-button:disabled{background:#0000;cursor:not-allowed;opacity:.3}.chat-transcript{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;max-width:100%;min-height:0;overflow-y:visible;padding:0;width:100%}.chat-transcript::-webkit-scrollbar{display:none}.chat-messages{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;max-width:100%;padding:16px 0 12px;width:100%}.message-bubble-wrapper{display:flex;flex-shrink:0;width:100%}.message-bubble-wrapper.user-message{align-self:flex-end!important;box-sizing:border-box;flex-shrink:0;justify-content:flex-end;margin-left:auto!important;margin-right:0!important;max-width:75%;overflow:visible;width:auto}.message-bubble-wrapper.system-message{align-self:flex-start;box-sizing:border-box;justify-content:flex-start;max-width:100%;overflow:visible;width:100%}.system-bubble .typing-indicator{align-self:flex-end;margin-left:auto;margin-right:0}.message-bubble{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;max-width:100%;min-width:0;overflow:visible}.message-bubble.user-bubble{padding:8px 16px!important}.message-bubble.user-bubble,.user-bubble{display:inline-flex!important;flex-direction:row!important;gap:0!important}.user-bubble{align-items:center;align-self:flex-end;background:#f6f4f1;border:1px solid #e3ded8;box-sizing:border-box;color:#1a1a1a;margin:0 0 0 auto}.user-bubble:has(.message-text-short){word-wrap:normal;border-radius:18px;justify-content:center;line-height:normal;max-width:60vw;min-height:36px;overflow:visible;padding:8px 16px!important;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.user-bubble:has(.message-text-long){align-items:flex-start;border-radius:1rem;justify-content:flex-start;max-width:min(720px,80vw);min-height:auto;overflow:visible;padding:12px 16px!important;white-space:normal;width:-webkit-fit-content;width:fit-content}.system-bubble{align-items:flex-start;background:#f5f5f5;border-bottom-left-radius:4px;color:#1a1a1a;display:flex;flex-direction:column;overflow:visible}.system-bubble.loading-bubble{background:#0000;padding:0}.error-bubble{background:#fff5f5;border:1px solid #fcc;color:#c00}.loading-bubble{min-height:auto}.loading-bubble,.typing-indicator{align-items:center;background:#0000;display:flex;padding:0}.typing-indicator{color:#999;font-size:14px;font-style:italic;font-weight:400;gap:4px;margin-left:auto;margin-right:0;max-width:none;width:auto}.typing-text{color:#999}.typing-dots{align-items:baseline;display:inline-flex;gap:2px}.typing-dots span{animation:typing-dot 1.4s infinite;animation-delay:0s;animation-delay:calc(var(--dot-index, 0)*.2s);display:inline-block}.typing-dots span:first-child{--dot-index:0}.typing-dots span:nth-child(2){--dot-index:1}.typing-dots span:nth-child(3){--dot-index:2}@keyframes typing-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.message-text{line-height:1.5}.message-text,.user-bubble .message-text{font-size:15px;font-weight:400;letter-spacing:-.01em;margin:0}.user-bubble .message-text{color:#1a1a1a;display:inline-block;padding:0}.user-bubble .message-text-short{word-wrap:normal;line-height:normal;overflow:visible;text-align:center;white-space:nowrap;word-break:keep-all}.user-bubble .message-text-long{word-wrap:break-word;line-height:1.6;overflow:visible;text-align:left;white-space:normal;width:100%;word-break:normal}.message-image-container{border-radius:12px;flex-shrink:0;height:200px;margin:0;overflow:hidden;width:200px}.message-image{border-radius:12px;display:block;height:100%;object-fit:cover;width:100%}.system-bubble .message-text{color:#1a1a1a}.loading-shimmer{display:flex;flex-direction:column;gap:8px;min-height:40px;padding:12px 0;width:100%}.thinking-text{color:#666;font-size:15px;font-style:italic;font-weight:400;margin-bottom:4px}.shimmer-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:4px;height:16px;min-width:200px;width:100%}.shimmer-line.short{width:60%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.chips-container{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;margin-top:4px;max-width:100%;min-width:0;overflow:visible;padding:0;transition:opacity .3s ease;width:100%}.chips-container.answered{max-width:100%;opacity:.5;pointer-events:none;width:100%}.chips-answered-state{align-items:center;color:#999;display:flex;font-size:13px;font-style:italic;padding:8px 0}.answered-label{color:#999}.draft-container-inline{word-wrap:break-word;align-self:stretch;display:flex!important;gap:12px;margin-top:0;max-width:100%;opacity:1;overflow-wrap:break-word;padding:0;position:relative;visibility:visible!important}.draft-container-inline,.draft-option-card{box-sizing:border-box;flex-direction:column;width:100%}.draft-option-card{background:#f9f9f9;border:1px solid #e3ded8;border-radius:12px;display:flex;gap:8px;padding:12px 16px}.draft-option-title{color:#1a1a1a;font-size:14px;font-weight:600;letter-spacing:-.01em;margin:0}.draft-option-use-this-if{color:#666;font-size:13px;font-weight:400;line-height:1.4;margin:0}.draft-option-textarea{min-height:80px}.draft-textarea-inline{word-wrap:break-word;background:#f6f4f1;border:1px solid #e3ded8;border-radius:14px;box-sizing:border-box;color:#1a1a1a;display:block;font-family:inherit;font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1.6;margin:0;max-height:400px;max-width:100%;min-height:120px;outline:none;overflow:hidden;overflow-wrap:break-word;padding:16px;resize:none;transition:border-color .2s ease;white-space:pre-wrap;width:100%}.draft-textarea-inline:focus{border-color:#999;outline:none}.draft-actions-inline{box-sizing:border-box;display:flex!important;flex-wrap:wrap;gap:12px;margin-bottom:20px;margin-top:8px;max-width:100%;opacity:1;position:relative;visibility:visible!important;width:100%;z-index:1}.draft-actions-inline .action-button{align-items:center;background:#0000;border:1px solid #e3ded8;border-radius:12px;color:#1a1a1a;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:14px;font-weight:400;justify-content:center;letter-spacing:-.01em;opacity:1;padding:10px 20px;transition:all .2s ease;visibility:visible!important}.draft-actions-inline .action-button:hover{background:#f6f4f1;border-color:#999}.draft-actions-inline .action-button:active{transform:scale(.98)}.continue-button-inline{align-self:flex-start;background:#1a1a1a;border:1px solid #1a1a1a;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.2px;margin-top:8px;padding:10px 20px;transition:all .2s ease}.continue-button-inline:hover{opacity:.9;transform:translateY(-1px)}.continue-button-inline:active{transform:translateY(0)}.new-message-actions{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fafafaf2;border-top:1px solid #f0f0f0;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;min-height:104px;padding:16px 24px;position:fixed;right:0;z-index:10}.analysis-container{align-items:stretch;margin:0 auto;max-width:760px;padding:32px 20px}.analysis-card,.analysis-container{display:flex;flex-direction:column;width:100%}.analysis-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;gap:16px;padding:24px}.card-section{display:flex;flex-direction:column;gap:12px}.card-section:not(:last-child){border-bottom:1px solid #f0f0f0;margin-bottom:0;padding-bottom:16px}.section-title{color:#1a1a1a;font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:0}.section-title-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px}.selected-pill-inline{background:#f5f5f5;border-radius:12px;color:#666;font-size:12px;font-weight:400;letter-spacing:.1px;padding:4px 10px;white-space:nowrap}.message-bubble{word-wrap:break-word;border-radius:16px;max-width:85%;padding:12px 16px}.them-message{align-self:flex-start;background:#f5f5f5;border-bottom-left-radius:4px}.them-message .message-text{color:#1a1a1a;font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1.5;margin:0}.analysis-flow{display:flex;flex-direction:column;gap:24px;width:100%}.processing-state{margin-top:24px;text-align:center}.message-card,.message-card-text{display:none}.chat-container{gap:16px;width:100%}.chat-container,.chat-message{display:flex;flex-direction:column}.chat-message{max-width:85%}.chat-message.assistant{align-self:flex-start}.chat-message.user{align-self:flex-end}.chat-text{background:#fafafa;border-radius:0;color:#666;font-size:14px;font-weight:300;letter-spacing:.1px;line-height:1.6;margin:0;padding:12px 16px}.chat-message.user .chat-text{background:#1a1a1a;color:#fff}.chips-grid{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px;margin:0;max-width:100%;overflow:visible;padding:0;width:100%}@media (min-width:768px){.chips-grid{gap:8px}}.tone-chip{word-wrap:break-word;align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:6px;box-sizing:border-box;color:#666;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:12px;font-weight:400;height:auto;justify-content:center;letter-spacing:.02px;line-height:1.3;max-width:100%;min-height:32px;min-width:-webkit-fit-content;min-width:fit-content;overflow:visible;overflow-wrap:break-word;padding:6px 14px;text-align:center;transition:all .2s ease;white-space:normal;width:auto;word-break:normal}.tone-chip:hover:not(:disabled){background:#fafafa;border-color:#1a1a1a;color:#1a1a1a}.tone-chip.selected{background:#1a1a1a;border-color:#1a1a1a;color:#fff;font-weight:500}.tone-chip:active:not(:disabled){transform:scale(.98)}.tone-chip:disabled{cursor:not-allowed;opacity:.5}.emotions-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));width:100%}.emotion-chip,.intention-chip{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:400;height:40px;justify-content:center;letter-spacing:.05px;line-height:1.4;padding:10px 16px;text-align:center;transition:all .2s ease}.emotion-chip:hover,.intention-chip:hover:not(:disabled){background:#fafafa;border-color:#1a1a1a;color:#1a1a1a}.emotion-chip.selected,.intention-chip.selected{background:#1a1a1a;border-color:#1a1a1a;color:#fff;font-weight:500}.emotion-bubble{background:#0000;border:1px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-family:inherit;font-size:12px;font-weight:300;letter-spacing:.2px;line-height:1.4;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.emotion-bubble:hover{background:#fafafa;border-color:#1a1a1a;color:#1a1a1a}.emotion-bubble.selected{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.emotion-bubble:active{transform:scale(.95)}.custom-tone-form{margin-top:4px;width:100%}.custom-tone-input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:14px;font-weight:400;height:40px;letter-spacing:.05px;outline:none;padding:10px 16px;transition:border-color .2s ease,background-color .2s ease;width:100%}.custom-tone-input::placeholder{color:#999;font-style:italic}.custom-tone-input:focus{background:#fff;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a0d;outline:none}.questionnaire-context-container{margin-top:-12px;width:100%}.submitted-context-display{margin-top:8px;width:100%}.submitted-context-text{background:#f5f5f5;border-radius:8px;color:#666;font-size:14px;font-weight:300;line-height:1.5;margin:0;padding:8px 12px}.questionnaire-context-form{display:flex;flex-direction:column;gap:12px;width:100%}.questionnaire-context-input{word-wrap:break-word;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:14px;font-weight:400;letter-spacing:.05px;line-height:1.5;max-height:100px;min-height:60px;outline:none;padding:12px 16px;resize:vertical;transition:border-color .2s ease,background-color .2s ease;white-space:pre-wrap;width:100%}.questionnaire-context-input::placeholder{color:#999;font-style:italic}.questionnaire-context-input:focus{background:#fff;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a0d;outline:none}.context-form-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end}.skip-context-button{background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-family:inherit;font-size:14px;font-weight:400;letter-spacing:.2px;padding:10px 20px;transition:all .2s ease}.skip-context-button:hover{background:#fafafa;border-color:#1a1a1a;color:#1a1a1a}.skip-context-button:active{transform:scale(.98)}.questionnaire-situation-container{margin-top:12px;width:100%}.questionnaire-helper-text{color:#666;font-size:13px;font-weight:300;line-height:1.5;margin-bottom:12px}.questionnaire-situation-form{display:flex;flex-direction:column;gap:8px;width:100%}.questionnaire-situation-input{word-wrap:break-word;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:14px;font-weight:400;letter-spacing:.05px;line-height:1.5;max-height:150px;min-height:60px;outline:none;padding:12px 16px;resize:vertical;transition:border-color .2s ease,background-color .2s ease;white-space:pre-wrap;width:100%}.questionnaire-situation-input::placeholder{color:#999;font-style:italic}.questionnaire-situation-input:focus{background:#fff;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a0d;outline:none}.custom-emotion-form{margin-top:8px;width:100%}.custom-emotion-input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:14px;font-weight:400;height:40px;letter-spacing:.05px;outline:none;padding:10px 16px;transition:border-color .2s ease,background-color .2s ease;width:100%}.custom-emotion-input::placeholder{color:#999;font-style:italic}.custom-emotion-input:focus{background:#fff;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a0d;outline:none}.confirm-emotion-button{align-self:flex-start;background:#0000;border:1px solid #1a1a1a;border-radius:0;color:#1a1a1a;cursor:pointer;font-family:inherit;font-size:13px;font-weight:300;letter-spacing:.3px;margin-top:12px;padding:10px 24px;transition:all .2s ease}.confirm-emotion-button:hover{background:#1a1a1a;color:#fff}.confirm-emotion-button:active{transform:scale(.98)}.generating-text{color:#999;font-size:12px;font-style:italic;font-weight:300;letter-spacing:.2px;margin-top:12px}.intentions-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));width:100%}@media (max-width:767px){.intentions-grid{grid-template-columns:repeat(2,1fr)}}.intention-chip{background:#0000;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-family:inherit;font-size:13px;font-weight:400;letter-spacing:.1px;line-height:1.4;padding:10px 16px;text-align:center;transition:all .2s ease}.intention-chip:hover:not(:disabled){background:#fafafa;border-color:#1a1a1a;color:#1a1a1a}.intention-chip.selected{background:#1a1a1a;border-color:#1a1a1a;color:#fff;font-weight:500}.intention-chip:active:not(:disabled){transform:scale(.98)}.intention-chip:disabled{cursor:not-allowed;opacity:.5}.intention-bubble{background:#0000;border:1px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-family:inherit;font-size:12px;font-weight:300;letter-spacing:.2px;line-height:1.4;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.intention-bubble:hover:not(:disabled){background:#fafafa;border-color:#1a1a1a;color:#1a1a1a}.intention-bubble.selected{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.intention-bubble:active:not(:disabled){transform:scale(.95)}.intention-bubble:disabled{cursor:not-allowed;opacity:.5}.draft-textarea{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:15px;font-weight:400;line-height:1.5;min-height:140px;outline:none;padding:14px 16px;resize:vertical;transition:border-color .2s ease,background-color .2s ease;width:100%}.draft-textarea::placeholder{color:#999}.draft-textarea:focus{background:#fff;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a0d;outline:none}.draft-container{animation:fadeInUp .3s ease-out .1s both;display:flex;flex-direction:column;gap:12px;padding:16px 0}.response-draft-input{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:14px;font-weight:400;line-height:1.6;min-height:140px;outline:none;padding:16px 20px;resize:vertical;transition:border-color .2s ease,background-color .2s ease;width:100%}.response-draft-input:focus{background:#fff;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a0d;outline:none}.draft-actions{justify-content:flex-end}.primary-button{background:#1a1a1a;border:1px solid #1a1a1a;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.2px;padding:12px 24px;transition:all .2s ease}.primary-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{cursor:not-allowed;opacity:.5}.secondary-button{background:#0000;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-family:inherit;font-size:14px;font-weight:400;letter-spacing:.2px;padding:12px 24px;transition:all .2s ease}.secondary-button:hover:not(:disabled){background:#fafafa;border-color:#1a1a1a;color:#1a1a1a}.secondary-button:active:not(:disabled){transform:scale(.98)}.secondary-button:disabled{cursor:not-allowed;opacity:.5}.continue-button{align-self:flex-start;background:#1a1a1a;border:1px solid #1a1a1a;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.2px;margin-top:8px;padding:12px 24px;transition:all .2s ease}.continue-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.continue-button:active:not(:disabled){transform:translateY(0)}.draft-actions{display:flex;flex-wrap:wrap;gap:12px}.copy-response-button{background:#0000;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-family:inherit;font-size:14px;font-weight:400;letter-spacing:.2px;padding:12px 24px;transition:all .2s ease}.copy-response-button:hover{background:#fafafa;border-color:#1a1a1a;color:#1a1a1a}.copy-response-button:active{transform:scale(.98)}.try-another-tone-button{background:#0000;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-family:inherit;font-size:12px;font-weight:400;letter-spacing:.2px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.try-another-tone-button:hover:not(:disabled){background:#fafafa;border-color:#1a1a1a;color:#1a1a1a}.try-another-tone-button:active:not(:disabled){transform:scale(.98)}.try-another-tone-button:disabled{cursor:not-allowed;opacity:.5}.back-to-input-button{align-self:center;background:#0000;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-family:inherit;font-size:12px;font-weight:400;letter-spacing:.2px;margin-top:24px;padding:10px 20px;transition:all .2s ease}.back-to-input-button:hover{background:#fafafa;border-color:#1a1a1a;color:#1a1a1a}.analysis-error{color:#666;font-size:12px;font-weight:300;letter-spacing:.2px;margin-top:12px;text-align:center}@media (max-width:767px){.product-header-content{max-width:900px;padding:14px 16px}.product-header-logo{font-size:16px}.header-email{font-size:11px}.chat-hero{margin-top:50px;padding:0}.chat-hero.with-chat{max-height:calc(100vh - 50px)}.chat-content{max-width:900px;padding:0 16px}.chat-content.with-messages{height:calc(100vh - 50px);max-height:calc(100vh - 50px);padding-bottom:120px}.chat-transcript{padding:0}.chat-messages{gap:12px;padding:0 0 12px}.message-bubble-wrapper{max-width:100%}.message-bubble{padding:10px 14px}.message-text{font-size:14px}.analysis-container{padding:24px 16px}.analysis-card{gap:16px;padding:20px}.card-section{gap:12px}.section-title{font-size:16px}.section-title-row{align-items:flex-start;flex-direction:column;gap:8px}.selected-pill-inline{font-size:11px}.chips-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.tone-chip{font-size:12px;height:32px;padding:6px 10px}.draft-textarea,.draft-textarea-inline{font-size:14px;min-height:120px;padding:12px 14px}.draft-actions-inline{display:flex!important;flex-direction:column;opacity:1;visibility:visible!important}.draft-actions-inline .action-button{width:100%}.actions-row{align-items:stretch;flex-direction:column;gap:8px}.actions-right{flex-direction:column;width:100%}.action-button{width:100%}.emotions-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.emotion-chip{font-size:12px;padding:10px 12px}.intentions-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.intention-chip{font-size:12px;padding:10px 12px}.custom-emotion-input,.custom-tone-input{font-size:12px;padding:10px 14px}.response-draft-input{min-height:120px;padding:14px 18px}.draft-actions{flex-direction:column;width:100%}.continue-button,.continue-button-inline,.draft-actions .primary-button,.draft-actions .secondary-button{width:100%}.context-form-actions{flex-direction:column;width:100%}.context-form-actions .continue-button-inline,.skip-context-button{width:100%}.new-message-actions{padding:12px 16px}.message-image-container{height:150px;width:150px}}.footer,.value-section{display:none}.footer-link:hover{color:#1a1a1a}.logout-link{background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.loading-container{align-items:center;background:#fafafa;display:flex;justify-content:center;min-height:100vh}@media (min-width:768px){.hero{max-height:none;padding:60px 48px}.hero-headline{font-size:clamp(42px,7vw,88px);margin-bottom:32px}.hero-subhead{font-size:clamp(17px,2vw,22px);margin-bottom:40px}.input-options{margin-bottom:24px}.text-input{max-height:200px;min-height:48px;padding:12px 16px}.image-upload-area{max-height:72px;min-height:48px}.image-upload-label{min-height:48px}.value-section{background:#fff;display:block;padding:80px 24px;position:relative;z-index:1}.value-content{margin:0 auto;max-width:1040px;text-align:center}.value-text{color:#666;font-size:clamp(18px,2.2vw,24px);font-weight:300;letter-spacing:-.01em;line-height:1.7;margin:0 auto;max-width:700px}.footer{background:#fff;border-top:1px solid #f0f0f0;display:block;padding:60px 24px 40px;position:relative;z-index:1}.footer-container{display:flex;gap:32px;justify-content:center;margin:0 auto;max-width:1040px}.footer-link{color:#999;font-size:12px;font-weight:300;letter-spacing:.3px;text-decoration:none;transition:color .2s ease}}@media (min-width:1024px){.hero,.value-section{padding:120px 48px}.footer{padding:80px 48px 60px}}@media (min-width:1440px){.footer-container,.hero-content,.value-content{max-width:1040px}}
/*# sourceMappingURL=main.30a7dd94.css.map*/