@font-face{font-family:"Figtree";font-style:italic;font-weight:300 900;font-display:swap;src:url(../../e4243fbb192c313e12c7.ttf) format("truetype")}@font-face{font-family:"Figtree";font-style:normal;font-weight:300 900;font-display:swap;src:url(../../cb14938e92ef0b1bf90d.ttf) format("truetype")}@font-face{font-family:"Lexend";font-style:normal;font-weight:100 900;font-display:swap;src:url(../../9e55555db1c5857ca787.ttf) format("truetype")}h1,h2,h3,h4,h5,h6{font-family:"Figtree",sans-serif;font-weight:600;line-height:1.2;margin:0 0 1rem 0;color:#f97316}input,textarea{width:100%;background:#1a1816;color:#f0ede8;border:2px solid #3a3632;border-radius:8px;padding:1rem;font:inherit;transition:border-color .2s}input::placeholder,textarea::placeholder{color:#b8afa0}input:focus,textarea:focus{outline:none;border-color:#f97316}textarea{min-height:200px;resize:none}button{padding:.75rem 1.5rem;font:inherit;font-weight:600;border-radius:8px;border:2px solid #3a3632;background:#2a2f32;color:#f0ede8;cursor:pointer;transition:all .2s}button:hover{background:#323a3e}button.primary{background:#f97316;border-color:#f97316;color:#fff}button.primary:hover{background:#ea580c}*{box-sizing:border-box}:host{display:block}:host section.start-screen{display:flex;align-items:center;justify-content:center;padding:1rem}:host article.welcome-card{width:100%;max-width:32rem;background:#242220;border:2px solid #3a3632;border-radius:12px;padding:2rem;text-align:center}:host article.welcome-card h1{font-size:1.875rem;font-weight:bold;color:#f0ede8;margin-bottom:1rem}:host article.welcome-card p{color:#b8afa0;margin-bottom:2rem}:host section.question-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}:host div.progress-container{width:100%;max-width:48rem;margin-bottom:4px}:host div.progress-bar{height:4px;background:#f97316;border-radius:9999px;transition:width .5s ease}:host article.question-card{width:100%;max-width:48rem;background:#242220;border:2px solid #3a3632;border-radius:12px;padding:2rem}:host article.question-card h2{font-size:1.5rem;font-weight:bold;color:#f0ede8;margin-bottom:1.5rem}:host article.question-card textarea{width:100%;background:#1a1816;color:#f0ede8;border:2px solid #3a3632;border-radius:8px;padding:1rem;min-height:200px;resize:none;font:inherit;transition:border-color .2s}:host article.question-card textarea:focus{outline:none;border-color:#f97316}:host article.question-card textarea::placeholder{color:#b8afa0}:host p.character-count{color:#b8afa0;font-size:.875rem;margin-top:1rem}:host p.character-count span.complete{margin-left:.5rem;color:#10b981}:host footer.question-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}

/*# sourceMappingURL=joy_form.css.map*/