*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,sans-serif;background:#0d0d1a;color:#fff;line-height:1.6}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#12121f;border-bottom:1px solid #222}.nav-brand{font-size:1.3rem;font-weight:700;color:#e94560}.nav-user{display:flex;align-items:center;gap:1rem}.nav-user span{color:#aaa}.back-btn{background:none;border:none;color:#e94560;font-size:1rem;cursor:pointer}.app-page{min-height:100vh;background:#0d0d1a}.page-content{padding:2rem;max-width:800px;margin:0 auto}.page-content h2{text-align:center;margin-bottom:.5rem}.page-desc{text-align:center;color:#888;margin-bottom:2rem}.center-content{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 70px)}.dashboard{min-height:100vh;background:#0d0d1a}.dashboard-content{padding:2rem;max-width:1200px;margin:0 auto}.dashboard-content h1{font-size:1.8rem;margin-bottom:1.5rem}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.dash-card{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1.5rem;border-radius:16px;text-align:center;border:1px solid rgba(233,69,96,.1);cursor:pointer;transition:all .3s;position:relative}.dash-card:hover{transform:translateY(-3px);border-color:#e94560}.dash-icon{font-size:2.5rem;margin-bottom:.5rem}.dash-card h3{color:#e94560;margin-bottom:.3rem;font-size:1.1rem}.dash-card p{color:#888;font-size:.9rem}.card-badge{position:absolute;top:10px;right:10px;background:#e94560;padding:2px 8px;border-radius:10px;font-size:.75rem}.onboarding-prompt{background:linear-gradient(135deg,#e94560,#ff6b6b);padding:1.2rem 1.5rem;border-radius:15px;margin-bottom:1.5rem;cursor:pointer;display:flex;align-items:center;gap:1rem}.prompt-icon{font-size:1.8rem}.prompt-text{flex:1}.prompt-text h3{margin:0;font-size:1rem}.prompt-text p{margin:0;font-size:.85rem;opacity:.9}.prompt-progress{width:60px;height:6px;background:#ffffff4d;border-radius:3px}.progress-bar{height:100%;background:#fff;border-radius:3px;transition:width .3s}.onboarding-page{background:#0d0d1a;min-height:100vh}.onboarding-progress-bar{height:4px;background:#222}.progress-fill{height:100%;background:linear-gradient(90deg,#e94560,#ff6b6b);transition:width .3s}.progress-text{color:#888;font-size:.85rem}.onboarding-content{max-width:600px;margin:0 auto;padding:2rem;min-height:calc(100vh - 74px);display:flex;flex-direction:column;justify-content:center}.info-section{text-align:center;padding:2rem 0}.info-icon{font-size:4rem;margin-bottom:1.5rem}.info-section h2{font-size:2rem;margin-bottom:.5rem}.info-section .subtitle{color:#e94560;font-size:1.2rem;margin-bottom:1.5rem}.info-section .description{color:#aaa;line-height:1.8;white-space:pre-line;margin-bottom:2rem}.question-section{padding:1rem 0}.question-context{background:#e945601a;border-left:3px solid #e94560;padding:.75rem 1rem;margin-bottom:1rem;border-radius:0 8px 8px 0}.context-category{color:#e94560;font-weight:600;display:block}.context-subtitle{color:#888;font-size:.9rem}.question-number{color:#666;font-size:.85rem;margin-bottom:.75rem}.question-text{font-size:1.4rem;margin-bottom:1rem;line-height:1.4;color:#fff}.answer-hint{color:#888;font-size:.9rem;margin-bottom:1.5rem;padding:.5rem 0;border-bottom:1px solid #222}.options-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.option-btn-full{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#1a1a2e;border:2px solid #2a2a3e;border-radius:12px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s;text-align:left}.option-btn-full:hover{border-color:#e94560;background:#e945600d}.option-btn-full.selected{background:#e9456026;border-color:#e94560}.option-check{font-size:1.2rem;color:#e94560;width:24px}.option-text{flex:1}.scale-options{margin-bottom:2rem}.scale-header{display:flex;justify-content:space-between;margin-bottom:.5rem;padding-right:.5rem}.scale-labels{display:flex;gap:1.2rem;color:#666;font-size:.85rem}.scale-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #1a1a2e}.scale-label{flex:1;color:#ccc;font-size:.95rem}.scale-buttons{display:flex;gap:.5rem}.scale-btn{width:36px;height:36px;border-radius:50%;border:2px solid #333;background:#1a1a2e;color:#888;cursor:pointer;transition:all .2s;font-size:.9rem}.scale-btn:hover{border-color:#e94560;color:#e94560}.scale-btn.selected{background:#e94560;border-color:#e94560;color:#fff}.question-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.onboarding-complete{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#0d0d1a)}.complete-content{text-align:center;padding:2rem}.complete-icon{font-size:5rem;margin-bottom:1rem}.complete-content h1{font-size:2.5rem;margin-bottom:1rem;color:#e94560}.complete-content>p{color:#aaa;margin-bottom:2rem;max-width:400px}.complete-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.stat{text-align:center}.stat-number{display:block;font-size:3rem;font-weight:700;color:#e94560}.stat-label{color:#888}.level-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.level-card{padding:1.5rem;border-radius:16px;text-align:center;cursor:pointer;transition:all .3s;border:2px solid transparent}.level-card:hover{transform:scale(1.03)}.level-emoji{font-size:2.5rem;display:block;margin-bottom:.5rem}.level-card h3{margin-bottom:.3rem}.level-card p{font-size:.85rem;opacity:.8}.level-card.soft{background:linear-gradient(135deg,#2d5a4a,#1a3a2e);border-color:#4ade80}.level-card.medium{background:linear-gradient(135deg,#5a4a2d,#3a2e1a);border-color:#fbbf24}.level-card.hot{background:linear-gradient(135deg,#5a2d3a,#3a1a22);border-color:#f87171}.level-card.intense{background:linear-gradient(135deg,#4a2d5a,#2e1a3a);border-color:#c084fc}.mission-screen{display:flex;flex-direction:column}.mission-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:2rem}.mission-card{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2.5rem;border-radius:20px;text-align:center;max-width:500px;width:100%;border:1px solid rgba(233,69,96,.2)}.mission-level{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;margin-bottom:1.5rem}.mission-level.soft{background:#4ade8033;color:#4ade80}.mission-level.medium{background:#fbbf2433;color:#fbbf24}.mission-level.hot{background:#f8717133;color:#f87171}.mission-level.intense{background:#c084fc33;color:#c084fc}.mission-card h2{font-size:1.4rem;line-height:1.4;margin-bottom:1rem}.mission-desc{color:#aaa}.mission-actions{display:flex;gap:1rem}.game-cards{display:flex;flex-direction:column;gap:1rem}.game-card{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1.5rem;border-radius:16px;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s;border:1px solid rgba(233,69,96,.1)}.game-card:hover{transform:translate(5px);border-color:#e94560}.game-emoji{font-size:2.5rem}.game-card h3{color:#e94560;margin-bottom:.2rem}.game-card p{color:#888;font-size:.9rem}.game-screen{display:flex;flex-direction:column;min-height:100vh}.game-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem}.game-instruction{color:#888;font-size:.95rem}.game-question-card{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2.5rem;border-radius:20px;text-align:center;max-width:500px;width:100%;border:2px solid rgba(233,69,96,.2)}.game-intro{color:#888;margin-bottom:1rem;font-size:1.1rem}.game-type{color:#e94560;margin-bottom:1rem;font-weight:700;font-size:.9rem;letter-spacing:1px}.game-question-card h2{font-size:1.4rem;line-height:1.4}.game-question-card.truth{border-color:#3b82f6}.game-question-card.truth .game-type{color:#3b82f6}.game-question-card.dare{border-color:#f59e0b}.game-question-card.dare .game-type{color:#f59e0b}.nhie-actions{display:flex;gap:1rem}.btn-guilty{background:#dc2626;color:#fff;padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;cursor:pointer}.btn-innocent{background:#16a34a;color:#fff;padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;cursor:pointer}.tod-title{font-size:1.8rem;margin-bottom:1rem}.tod-buttons{display:flex;gap:1.5rem}.btn-truth{background:#3b82f6;color:#fff;padding:2rem 2.5rem;border:none;border-radius:20px;font-size:1.2rem;cursor:pointer}.btn-dare{background:#f59e0b;color:#fff;padding:2rem 2.5rem;border:none;border-radius:20px;font-size:1.2rem;cursor:pointer}.tod-play-actions{display:flex;gap:1rem}.cycle-banner{background:linear-gradient(135deg,#ec4899,#f472b6);padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;cursor:pointer;text-align:center;font-weight:500}.cycle-box{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2.5rem;border-radius:20px;max-width:400px;width:100%;text-align:center;border:1px solid rgba(233,69,96,.2)}.cycle-box h2{margin-bottom:.5rem}.cycle-box>p{color:#888;margin-bottom:1.5rem}.cycle-day{font-size:4rem;font-weight:700;color:#e94560;margin-bottom:.5rem}.cycle-alert{padding:1rem;border-radius:10px;margin:1rem 0;font-weight:600}.cycle-alert.period{background:#dc262633;color:#f87171}.cycle-alert.fertile{background:#ec489933;color:#f472b6}.cycle-alert.normal{background:#3b82f633;color:#60a5fa}.cycle-next{color:#888;margin-bottom:1.5rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#0d0d1a);padding:2rem}.auth-box{background:#1a1a2ee6;padding:2.5rem;border-radius:20px;max-width:400px;width:100%;border:1px solid rgba(233,69,96,.2)}.auth-header{text-align:center;margin-bottom:2rem}.logo-small{font-size:3rem;margin-bottom:.5rem}.auth-header h1{color:#e94560}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:#aaa;font-size:.9rem}.input{width:100%;padding:1rem;border:2px solid #2a2a3e;border-radius:10px;background:#0d0d1a;color:#fff;font-size:1rem}.input:focus{outline:none;border-color:#e94560}.btn-block{width:100%}.btn-small{padding:.5rem 1rem;font-size:.9rem}.auth-switch{text-align:center;margin-top:1.5rem;color:#888}.auth-switch a{color:#e94560;text-decoration:none}.back-link{display:block;text-align:center;margin-top:1rem;color:#666;text-decoration:none}.error-msg{background:#e9456033;border:1px solid #e94560;color:#ff6b6b;padding:1rem;border-radius:10px;margin-bottom:1.5rem;text-align:center}.btn{padding:1rem 2rem;border-radius:50px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-large{padding:1.2rem 2.5rem;font-size:1.1rem}.btn-primary{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;box-shadow:0 4px 15px #e945604d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e9456066}.btn-outline{border:2px solid #444;color:#aaa;background:transparent}.btn-outline:hover{border-color:#e94560;color:#e94560}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#0d0d1a)}.hero-content{text-align:center;padding:2rem}.logo{font-size:5rem;margin-bottom:1rem}.hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tagline{font-size:1.2rem;color:#888;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.features{padding:4rem 2rem;background:#12121f}.features h2{text-align:center;font-size:2rem;margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-width:900px;margin:0 auto}.feature-card{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1.5rem;border-radius:16px;text-align:center}.feature-icon{font-size:2.5rem;margin-bottom:.75rem}.feature-card h3{color:#e94560;margin-bottom:.3rem}.feature-card p{color:#888;font-size:.9rem}.footer{padding:2rem;text-align:center;background:#0a0a12;color:#444}@media (max-width: 600px){.hero h1{font-size:2.5rem}.level-cards{grid-template-columns:1fr}.tod-buttons{flex-direction:column}.question-text{font-size:1.2rem}}