.waterboy-vs-phenomaman[data-v-c2d1623c]{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e4e4e4;padding:2rem 0}.container[data-v-c2d1623c]{max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero[data-v-c2d1623c]{text-align:center;margin-bottom:4rem;padding:3rem 0;background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);border-radius:20px;border:2px solid rgba(255,255,255,.1)}.episode-badge[data-v-c2d1623c]{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-weight:600;font-size:.9rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.hero h1[data-v-c2d1623c]{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-v-c2d1623c]{font-size:1.2rem;color:#b0b0b0;max-width:800px;margin:0 auto 2rem;line-height:1.6}.hero-stats[data-v-c2d1623c]{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.stat-badge[data-v-c2d1623c]{display:flex;flex-direction:column;align-items:center;padding:1rem 2rem;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.stat-number[data-v-c2d1623c]{font-size:2rem;font-weight:700;color:#ff6b6b;margin-bottom:.5rem}.stat-label[data-v-c2d1623c]{font-size:.9rem;color:#b0b0b0}.section-title[data-v-c2d1623c]{font-size:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1rem}section[data-v-c2d1623c]{margin-bottom:4rem;padding:2rem;background:#ffffff08;border-radius:15px;border:1px solid rgba(255,255,255,.05)}.answer-box[data-v-c2d1623c]{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:2rem;border-radius:15px;border:2px solid rgba(102,126,234,.3)}.answer-box h3[data-v-c2d1623c]{font-size:1.5rem;margin-bottom:1rem;color:#4ecdc4}.answer-text[data-v-c2d1623c]{font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.recommendation-grid[data-v-c2d1623c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.recommendation[data-v-c2d1623c]{padding:1.5rem;border-radius:12px;border:2px solid}.rec-phenomanan[data-v-c2d1623c]{background:#4ecdc41a;border-color:#4ecdc4}.rec-waterboy[data-v-c2d1623c]{background:#ff6b6b1a;border-color:#ff6b6b}.rec-header h4[data-v-c2d1623c]{font-size:1.2rem;margin-bottom:1rem;color:#fff}.recommendation ul[data-v-c2d1623c]{list-style:none;padding:0;margin-bottom:1rem}.recommendation li[data-v-c2d1623c]{padding:.5rem 0 .5rem 1.5rem;position:relative}.recommendation li[data-v-c2d1623c]:before{content:"→";position:absolute;left:0;color:#4ecdc4}.community-stat[data-v-c2d1623c]{margin-top:1rem;padding:.75rem;background:#0000004d;border-radius:8px;text-align:center;font-weight:700;font-size:.95rem}.comparison-table-wrapper[data-v-c2d1623c]{overflow-x:auto;margin-bottom:2rem}.comparison-table[data-v-c2d1623c]{width:100%;border-collapse:collapse;background:#ffffff05;border-radius:10px;overflow:hidden}.comparison-table th[data-v-c2d1623c],.comparison-table td[data-v-c2d1623c]{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.comparison-table th[data-v-c2d1623c]{background:#667eea33;font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.col-waterboy[data-v-c2d1623c]{color:#ff6b6b}.col-phenomanan[data-v-c2d1623c]{color:#4ecdc4}.stat-good[data-v-c2d1623c]{color:#4ecdc4;font-weight:600}.stat-bad[data-v-c2d1623c]{color:#ff6b6b;font-weight:600}.stat-neutral[data-v-c2d1623c]{color:#f9ca24}.winner[data-v-c2d1623c]{color:#a8dadc;font-style:italic}.divider[data-v-c2d1623c]{border-top:2px solid rgba(255,255,255,.2);font-weight:700}.verdict-box[data-v-c2d1623c]{padding:2rem;background:linear-gradient(135deg,#4ecdc433,#667eea33);border-radius:12px;border:2px solid #4ecdc4}.verdict-box h3[data-v-c2d1623c]{color:#4ecdc4;margin-bottom:1rem}.consequences-grid[data-v-c2d1623c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.consequence-card[data-v-c2d1623c]{padding:2rem;border-radius:15px;border:2px solid}.card-waterboy[data-v-c2d1623c]{background:#ff6b6b0d;border-color:#ff6b6b}.card-phenomanan[data-v-c2d1623c]{background:#4ecdc40d;border-color:#4ecdc4}.consequence-card h3[data-v-c2d1623c]{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.consequence-section[data-v-c2d1623c]{margin-bottom:2rem}.consequence-section h4[data-v-c2d1623c]{color:#4ecdc4;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.consequence-section ul[data-v-c2d1623c]{list-style:none;padding:0}.consequence-section li[data-v-c2d1623c]{padding:.5rem 0 .5rem 2rem;position:relative}.ending-impact[data-v-c2d1623c]{margin-top:2rem;padding:1.5rem;background:#0000004d;border-radius:10px}.ending-impact strong[data-v-c2d1623c]{color:#f9ca24;display:block;margin-bottom:1rem}.abilities-grid[data-v-c2d1623c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.ability-card[data-v-c2d1623c]{padding:2rem;border-radius:15px;border:2px solid}.ability-waterboy[data-v-c2d1623c]{background:#ff6b6b0d;border-color:#ff6b6b}.ability-phenomanan[data-v-c2d1623c]{background:#4ecdc40d;border-color:#4ecdc4}.ability-card h3[data-v-c2d1623c]{font-size:1.3rem;margin-bottom:1rem;color:#fff}.ability-description[data-v-c2d1623c]{margin-bottom:1.5rem;padding:1rem;background:#0003;border-radius:8px}.ability-description p[data-v-c2d1623c]{margin-bottom:.5rem}.ability-verdict[data-v-c2d1623c]{padding:1.5rem;border-radius:10px;margin-bottom:1.5rem}.verdict-bad[data-v-c2d1623c]{background:#ff6b6b1a;border:1px solid #ff6b6b}.verdict-good[data-v-c2d1623c]{background:#4ecdc41a;border:1px solid #4ecdc4}.ability-verdict h4[data-v-c2d1623c]{margin-bottom:1rem;color:#fff}.ability-verdict ul[data-v-c2d1623c]{list-style:none;padding:0;margin-bottom:1rem}.ability-verdict li[data-v-c2d1623c]{padding:.5rem 0 .5rem 1.5rem;position:relative}.ability-verdict li[data-v-c2d1623c]:before{content:"•";position:absolute;left:0;font-size:1.5rem}.workaround[data-v-c2d1623c]{padding:1rem;background:#f9ca241a;border-radius:8px;border-left:3px solid #f9ca24;margin-top:1rem}.ability-upgrade[data-v-c2d1623c]{padding:1rem;background:#0003;border-radius:8px}.ability-upgrade h4[data-v-c2d1623c]{color:#a8dadc;margin-bottom:.75rem}.ability-upgrade .verdict[data-v-c2d1623c]{margin-top:.75rem;font-style:italic;color:#b0b0b0}.decision-calculator[data-v-c2d1623c]{margin-bottom:4rem;padding:2rem;background:linear-gradient(135deg,#6366f11a,#3b82f60d);border-radius:15px;border:2px solid rgba(99,102,241,.3)}.calculator-intro[data-v-c2d1623c]{text-align:center;margin-bottom:2rem}.calculator-intro p[data-v-c2d1623c]{font-size:1.1rem;color:#b0b0b0}.calculator-card[data-v-c2d1623c]{background:#ffffff08;border-radius:12px;padding:2rem}.calculator-step[data-v-c2d1623c]{margin-bottom:2rem;opacity:.5;transition:opacity .3s ease}.calculator-step.active[data-v-c2d1623c]{opacity:1}.step-header[data-v-c2d1623c]{margin-bottom:1.5rem}.step-badge[data-v-c2d1623c]{display:inline-block;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;padding:.5rem 1rem;border-radius:999px;font-size:.85rem;font-weight:700;margin-bottom:1rem}.step-header h3[data-v-c2d1623c]{font-size:1.5rem;color:#fff;margin:0}.calculator-options[data-v-c2d1623c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.calc-option[data-v-c2d1623c]{padding:1.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#e4e4e4;text-align:center}.calc-option[data-v-c2d1623c]:hover{background:#6366f133;border-color:#6366f1;transform:translateY(-3px)}.calc-option.selected[data-v-c2d1623c]{background:linear-gradient(135deg,#6366f14d,#3b82f64d);border-color:#6366f1;box-shadow:0 0 20px #6366f166}.option-icon[data-v-c2d1623c]{font-size:2.5rem}.option-label[data-v-c2d1623c]{font-weight:600;font-size:1rem}.calculator-result[data-v-c2d1623c]{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#22c55e1a,#3b82f61a);border-radius:16px;border:2px solid rgba(34,197,94,.3);animation:fadeIn-c2d1623c .5s ease}@keyframes fadeIn-c2d1623c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-header h3[data-v-c2d1623c]{text-align:center;font-size:1.8rem;color:#fff;margin:0 0 1.5rem}.result-recommendation[data-v-c2d1623c]{padding:2rem;border-radius:12px;text-align:center;margin-bottom:2rem}.rec-waterboy[data-v-c2d1623c]{background:#ff6b6b33;border:2px solid #ff6b6b}.rec-phenomanan[data-v-c2d1623c]{background:#4ecdc433;border:2px solid #4ecdc4}.result-choice[data-v-c2d1623c]{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem}.choice-label[data-v-c2d1623c]{font-size:1rem;color:#b0b0b0;text-transform:uppercase;letter-spacing:1px}.choice-name[data-v-c2d1623c]{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#fff,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-confidence[data-v-c2d1623c]{display:flex;flex-direction:column;align-items:center;gap:.75rem}.confidence-bar[data-v-c2d1623c]{width:100%;max-width:400px;height:30px;background:#0000004d;border-radius:999px;overflow:hidden}.confidence-fill[data-v-c2d1623c]{height:100%;background:linear-gradient(90deg,#22c55e,#4ecdc4);transition:width .8s ease}.confidence-text[data-v-c2d1623c]{font-size:1.2rem;font-weight:700;color:#22c55e}.result-reasoning[data-v-c2d1623c]{margin-bottom:2rem}.result-reasoning h4[data-v-c2d1623c],.result-warnings h4[data-v-c2d1623c]{font-size:1.3rem;color:#fff;margin-bottom:1rem}.result-reasoning ul[data-v-c2d1623c],.result-warnings ul[data-v-c2d1623c]{list-style:none;padding:0;margin:0}.result-reasoning li[data-v-c2d1623c],.result-warnings li[data-v-c2d1623c]{padding:.75rem 0 .75rem 2rem;position:relative;color:#e4e4e4;line-height:1.6}.result-reasoning li[data-v-c2d1623c]:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:700;font-size:1.2rem}.result-warnings[data-v-c2d1623c]{padding:1.5rem;background:#ef44441a;border-left:4px solid #ef4444;border-radius:8px;margin-bottom:2rem}.result-warnings li[data-v-c2d1623c]:before{content:"⚠️";position:absolute;left:0;font-size:1.2rem}.reset-button[data-v-c2d1623c]{display:block;margin:0 auto;padding:1rem 2rem;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;border:none;border-radius:999px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.reset-button[data-v-c2d1623c]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.data-grid[data-v-c2d1623c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.data-card[data-v-c2d1623c]{padding:2rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.data-card h3[data-v-c2d1623c]{color:#4ecdc4;margin-bottom:1.5rem;text-align:center}.choice-bars[data-v-c2d1623c]{display:flex;flex-direction:column;gap:1rem}.choice-bar[data-v-c2d1623c]{display:flex;flex-direction:column;gap:.5rem}.bar-label[data-v-c2d1623c]{font-weight:600;color:#b0b0b0}.bar-container[data-v-c2d1623c]{background:#0000004d;border-radius:50px;overflow:hidden;height:30px}.bar-fill[data-v-c2d1623c]{height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;transition:width .5s ease}.bar-phenomanan[data-v-c2d1623c]{background:linear-gradient(90deg,#4ecdc4,#44a3a0)}.bar-waterboy[data-v-c2d1623c]{background:linear-gradient(90deg,#ff6b6b,#ee5a6f)}.data-note[data-v-c2d1623c]{margin-top:1rem;font-size:.85rem;color:#888;text-align:center;font-style:italic}.satisfaction-grid[data-v-c2d1623c],.regret-stats[data-v-c2d1623c]{display:flex;flex-direction:column;gap:1.5rem}.satisfaction-item[data-v-c2d1623c],.regret-item[data-v-c2d1623c]{padding:1rem;background:#0003;border-radius:8px}.satisfaction-label[data-v-c2d1623c],.regret-hero[data-v-c2d1623c]{font-weight:600;color:#b0b0b0;display:block;margin-bottom:.5rem}.satisfaction-percent[data-v-c2d1623c],.regret-rate[data-v-c2d1623c]{font-size:1.5rem;font-weight:700;display:block;margin-bottom:.5rem}.satisfaction-percent.good[data-v-c2d1623c],.regret-rate.good[data-v-c2d1623c]{color:#4ecdc4}.satisfaction-percent.bad[data-v-c2d1623c],.regret-rate.bad[data-v-c2d1623c]{color:#ff6b6b}.satisfaction-reason[data-v-c2d1623c],.regret-reason[data-v-c2d1623c]{font-size:.9rem;color:#888;font-style:italic}.framework-steps[data-v-c2d1623c]{display:flex;flex-direction:column;gap:2rem}.step[data-v-c2d1623c]{display:flex;gap:1.5rem;padding:2rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.step-number[data-v-c2d1623c]{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.step-content[data-v-c2d1623c]{flex:1}.step-content h3[data-v-c2d1623c]{color:#4ecdc4;margin-bottom:1.5rem}.choice-options[data-v-c2d1623c]{display:flex;flex-direction:column;gap:1rem}.choice-options .option[data-v-c2d1623c]{padding:1rem;background:#0003;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.choice-options .option[data-v-c2d1623c]:hover{border-color:#4ecdc4;background:#4ecdc41a}.choice-options input[type=radio][data-v-c2d1623c]{margin-right:1rem}.choice-options label[data-v-c2d1623c]{cursor:pointer;display:flex;align-items:flex-start}.choice-options label strong[data-v-c2d1623c]{color:#fff;display:block;margin-bottom:.5rem}.choice-options label p[data-v-c2d1623c]{color:#b0b0b0;margin:0}.recommend[data-v-c2d1623c]{color:#4ecdc4;font-weight:700}.mistakes-grid[data-v-c2d1623c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.mistake-card[data-v-c2d1623c]{display:flex;gap:1rem;padding:1.5rem;background:#ff6b6b0d;border-radius:12px;border:2px solid #ff6b6b}.mistake-icon[data-v-c2d1623c]{font-size:2rem;flex-shrink:0}.mistake-content h4[data-v-c2d1623c]{color:#ff6b6b;margin-bottom:.75rem}.mistake-content p[data-v-c2d1623c]{margin-bottom:1rem;line-height:1.6}.fix[data-v-c2d1623c]{padding:1rem;background:#4ecdc41a;border-left:3px solid #4ecdc4;border-radius:4px}.fix strong[data-v-c2d1623c]{color:#4ecdc4}.faq-item[data-v-c2d1623c]{margin-bottom:1rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.faq-item summary[data-v-c2d1623c]{padding:1.25rem;cursor:pointer;font-weight:600;color:#4ecdc4;font-size:1.1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .3s ease}.faq-item summary[data-v-c2d1623c]:hover{background:#4ecdc41a}.faq-item p[data-v-c2d1623c],.faq-item ul[data-v-c2d1623c]{padding:0 1.25rem 1.25rem;line-height:1.8;color:#b0b0b0}.faq-item ul[data-v-c2d1623c]{list-style:none;padding-left:2.5rem}.faq-item li[data-v-c2d1623c]{padding:.5rem 0;position:relative}.faq-item li[data-v-c2d1623c]:before{content:"→";position:absolute;left:-1.5rem;color:#4ecdc4}.faq-item strong[data-v-c2d1623c]{color:#fff}.recommendation-box[data-v-c2d1623c]{padding:3rem;background:linear-gradient(135deg,#4ecdc433,#667eea33);border-radius:20px;border:2px solid #4ecdc4;text-align:center}.recommendation-box h3[data-v-c2d1623c]{font-size:2rem;color:#4ecdc4;margin-bottom:1.5rem}.recommendation-box p[data-v-c2d1623c]{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:#e4e4e4}.cta-buttons[data-v-c2d1623c]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.cta-button[data-v-c2d1623c]{padding:1rem 2rem;background:#ffffff1a;color:#fff;text-decoration:none;border-radius:50px;font-weight:600;transition:all .3s ease;border:2px solid rgba(255,255,255,.2)}.cta-button[data-v-c2d1623c]:hover{background:#4ecdc433;border-color:#4ecdc4;transform:translateY(-2px)}.cta-primary[data-v-c2d1623c]{background:linear-gradient(135deg,#4ecdc4,#44a3a0);border-color:#4ecdc4}.cta-primary[data-v-c2d1623c]:hover{background:linear-gradient(135deg,#44a3a0,#3a8f8c);transform:translateY(-2px);box-shadow:0 5px 20px #4ecdc466}@media(max-width:768px){.hero h1[data-v-c2d1623c]{font-size:1.8rem}.subtitle[data-v-c2d1623c]{font-size:1rem}.section-title[data-v-c2d1623c]{font-size:1.5rem}.recommendation-grid[data-v-c2d1623c],.consequences-grid[data-v-c2d1623c],.abilities-grid[data-v-c2d1623c],.data-grid[data-v-c2d1623c],.mistakes-grid[data-v-c2d1623c]{grid-template-columns:1fr}.step[data-v-c2d1623c],.cta-buttons[data-v-c2d1623c]{flex-direction:column}.cta-button[data-v-c2d1623c]{width:100%}}