*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow-x:hidden}body{font-family:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#fff;line-height:1.6;min-height:100vh}.layout-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1 1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px 20px 120px}.container{max-width:600px;width:100%;margin:0 auto}.landing-section{text-align:center;margin-bottom:30px;padding-top:20px}.landing-section h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#faff00,#ff00cc,#00f0ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glow 2s ease-in-out infinite alternate}.tagline{font-size:1.1rem;color:#a0a0b0;font-weight:300;margin-bottom:20px}.progress-bar{width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:2px;margin-bottom:30px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#faff00,#ff00cc,#00f0ff);border-radius:2px;transition:width .3s ease}.wizard-container{width:100%}h2{color:#faff00;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:30px;text-align:center}.glass-card{background:rgba(26,26,46,.6);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:24px;padding:40px;box-shadow:0 8px 40px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,0,204,.3),rgba(0,240,255,.3),transparent)}.text-input-form{display:flex;gap:15px;align-items:center;width:100%;max-width:450px;margin:0 auto}.glass-input{width:100%;padding:16px 20px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:1rem;font-family:var(--font-geist-sans);transition:all .3s ease}.glass-input::placeholder{color:rgba(255,255,255,.5)}.glass-input:focus{outline:none;border-color:#ff00cc;box-shadow:0 0 0 3px rgba(255,0,204,.2);background:rgba(0,0,0,.4)}.next-arrow-button{background:linear-gradient(135deg,#ff00cc,#ff1a99);color:#fff;border:none;border-radius:50%;width:55px;height:55px;font-size:1.8rem;cursor:pointer;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(255,0,204,.3)}.next-arrow-button:hover{transform:scale(1.1);box-shadow:0 0 25px rgba(255,0,204,.6)}.button-group-inline{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.option-button{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:14px 24px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:var(--font-geist-sans)}.option-button:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}.option-button.selected{background:linear-gradient(135deg,#00f0ff,#00ccdd);color:#000;font-weight:600;border-color:#00f0ff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,240,255,.3)}.style-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;width:100%}.style-card{background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.style-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,240,255,.05),rgba(255,0,204,.05));opacity:0;transition:opacity .3s ease}.style-card:hover{transform:translateY(-4px);border-color:rgba(0,240,255,.5)}.style-card:hover:before{opacity:1}.style-card.selected{border-color:#00f0ff;background:rgba(0,240,255,.1);transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,240,255,.2)}.style-card.selected:before{opacity:1}.style-icon{font-size:2.5rem;margin-bottom:12px;display:block}.style-card h3{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:8px}.style-card p{color:#a0a0b0;font-size:.9rem;line-height:1.4}.maturity-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.maturity-grid .style-card{padding:20px 12px;min-height:140px}.maturity-question .style-cards-grid{grid-template-columns:repeat(2,1fr);max-width:400px;margin:0 auto}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-bottom:30px}.checkbox-item{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:var(--font-geist-sans)}.checkbox-item:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:#00f0ff}.button-group{display:flex;gap:15px;justify-content:center;margin-top:20px}.primary-button{background:linear-gradient(135deg,#ff00cc,#ff1a99);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-geist-sans);box-shadow:0 4px 15px rgba(255,0,204,.3)}.primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,0,204,.4)}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.prank-props-list,.prank-steps-list{margin:20px 0;padding-left:20px;color:#e0e0e0}.prank-props-list li,.prank-steps-list li{margin-bottom:8px;line-height:1.5}.voice-script{background:rgba(0,0,0,.3);border-left:4px solid #00f0ff;padding:16px 20px;margin:20px 0;font-style:italic;border-radius:8px;color:#e0e0e0}.action-buttons-container{display:flex;gap:12px;margin:30px 0 20px;flex-wrap:wrap;justify-content:center}.action-button{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 20px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:var(--font-geist-sans)}.action-button:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.copy-button:hover{border-color:#faff00;box-shadow:0 4px 15px rgba(250,255,0,.2)}.save-button:hover{border-color:#00f0ff;box-shadow:0 4px 15px rgba(0,240,255,.2)}.feedback-section{margin:20px 0;text-align:center}.feedback-button{background:linear-gradient(135deg,#faff00,#e6e600);color:#000;border:none;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-geist-sans);box-shadow:0 4px 15px rgba(250,255,0,.3)}.feedback-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(250,255,0,.4)}.footer{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;text-align:center;font-size:.85rem;color:#a0a0b0;line-height:1.5;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.footer a{color:#00f0ff;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#faff00}.error-card{border-color:#ff4444;background:rgba(255,68,68,.1)}.error{color:#ff6b6b;text-align:center;font-weight:500}.question-container{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{filter:drop-shadow(0 0 20px rgba(255,0,204,.3))}to{filter:drop-shadow(0 0 30px rgba(0,240,255,.4))}}@media (max-width:768px){.main-content{padding:15px 15px 140px}.glass-card{padding:30px 20px}.style-cards-grid{grid-template-columns:1fr;gap:15px}.maturity-grid{grid-template-columns:repeat(2,1fr)}.checkbox-grid{grid-template-columns:1fr}.action-buttons-container{flex-direction:column}.action-button{width:100%}.text-input-form{flex-direction:column;gap:15px}.next-arrow-button{width:100%;border-radius:12px;height:50px}.footer{font-size:.8rem;padding:25px 15px}}@media (max-width:480px){.landing-section h1{font-size:2.5rem}.maturity-grid{grid-template-columns:1fr}.button-group-inline{flex-direction:column}.option-button{width:100%}}