#app{width:100%;min-height:100vh}:root{--color-text-primary:#e8f4f8;--color-text-secondary:#b8d4da;--color-text-muted:#8bb4be;--color-bg-primary:#0f1419;--color-bg-secondary:#1a252e;--color-bg-input:#2a3440;--color-accent:#4a9eff;--color-accent-hover:#3d8bef;--color-accent-dark:#2c6bc7;--color-border:#3a4b58;--color-border-input:#4a5b68;--color-glow:#4a9eff4d;--color-glow-soft:#4a9eff26;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:.8rem;--font-size-sm:.9rem;--font-size-base:1rem;--font-size-lg:1.1rem;--font-size-xl:1.2rem;--font-size-2xl:1.4rem;--font-size-3xl:1.8rem;--font-size-4xl:2.2rem;--font-size-5xl:2.8rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:5rem;--spacing-5xl:6rem;--border-radius:8px;--border-radius-lg:12px;--shadow-soft:0 4px 12px #0000004d;--shadow-glow:0 8px 24px var(--color-glow);--shadow-glow-hover:0 10px 28px var(--color-glow);--transition:all .2s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-lg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f1419 0%,#1a252e 50%,#0f1419 100%) fixed;min-height:100vh;margin:0;padding:0;line-height:1.75;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;margin:0;font-weight:600;line-height:1.2}h1{font-size:var(--font-size-4xl);color:var(--color-accent);text-shadow:0 2px 6px var(--color-glow);font-weight:700;line-height:1.2}h2{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);font-weight:600;position:relative}h2:after{content:"";background:linear-gradient(90deg,var(--color-accent)0%,transparent 100%);width:40px;height:2px;box-shadow:0 0 8px var(--color-glow-soft);margin-top:.5rem;display:block}h3{font-size:var(--font-size-xl)}p{margin:0 0 var(--spacing-lg)0;color:var(--color-text-primary);font-size:var(--font-size-lg)}strong{color:var(--color-text-primary);font-weight:600}code{background:var(--color-bg-input);color:var(--color-accent);border:1px solid var(--color-border-input);border-radius:4px;padding:.25rem .5rem;font-family:Monaco,Menlo,monospace;font-size:.9em;font-weight:500}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:var(--color-accent);transition:var(--transition);font-weight:500;text-decoration:none}a:hover{color:var(--color-accent-hover);text-shadow:0 0 8px var(--color-glow-soft);text-decoration:underline}.container{max-width:680px;padding:0 var(--spacing-xl);margin:0 auto}.section{padding:var(--spacing-4xl)var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.glow{box-shadow:0 0 20px var(--color-glow-soft)}.glow-strong{box-shadow:0 0 30px var(--color-glow)}@media (max-width:768px){:root{--font-size-5xl:2.5rem;--font-size-4xl:2rem}.container{padding:0 var(--spacing-md)}.section{padding:var(--spacing-4xl)0}}@media (max-width:480px){:root{--font-size-5xl:2rem;--font-size-4xl:1.75rem}}.cta-button{text-align:center;font-weight:600;font-size:var(--font-size-lg);background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-dark)100%);color:#fff;border-radius:var(--border-radius);margin:var(--spacing-2xl)auto .5rem auto;max-width:320px;transition:var(--transition);box-shadow:var(--shadow-glow);cursor:pointer;border:1px solid #4a9eff4d;padding:1.25rem 1.75rem;font-family:inherit;text-decoration:none;display:inline-block;position:relative;overflow:hidden;transform:translateY(0)}.cta-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cta-button:hover:before{left:100%}.cta-button:hover{background:linear-gradient(135deg,var(--color-accent-hover)0%,var(--color-accent)100%);box-shadow:var(--shadow-glow-hover);color:#fff;text-decoration:none;transform:translateY(-2px)}.cta-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.cta-button--secondary{font-size:var(--font-size-base);color:var(--color-accent);border:1px solid var(--color-border);box-shadow:none;margin:var(--spacing-lg)auto .5rem auto;background:0 0;padding:1rem 1.5rem}.cta-button--secondary:hover{border-color:var(--color-accent);box-shadow:0 0 16px var(--color-glow-soft);color:var(--color-accent);background:#4a9eff1a;transform:none}.difficulty-selector{gap:var(--spacing-sm);margin:var(--spacing-lg)0;flex-wrap:wrap;justify-content:center;display:flex}.difficulty-pill{font-size:var(--font-size-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;border-radius:25px;padding:.75rem 1.25rem;font-weight:600}.difficulty-pill:hover{border-color:var(--color-accent);color:var(--color-text-primary);background:#4a9eff1a}.difficulty-pill.active{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-dark)100%);color:#fff;border-color:var(--color-accent);box-shadow:0 0 16px var(--color-glow-soft)}.input-card{background:linear-gradient(135deg,var(--color-bg-secondary)0%,var(--color-bg-input)100%);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);width:100%;max-width:100%;box-shadow:var(--shadow-soft);border:1px solid var(--color-border);position:relative;overflow:hidden}.input-card:before{content:"";background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.input-card .field{margin-bottom:var(--spacing-lg)}.input-card .field-label{color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.input-card textarea{width:100%;min-height:120px;padding:var(--spacing-md);border:1px solid var(--color-border-input);border-radius:var(--border-radius);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base);resize:vertical;transition:var(--transition);background:#0003;line-height:1.5}.input-card textarea:focus{border-color:var(--color-accent);box-shadow:0 0 16px var(--color-glow-soft);outline:none}.input-card textarea::placeholder{color:var(--color-text-muted)}.char-count{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right;margin-top:var(--spacing-xs)}.char-count.warning{color:#ff9500}.char-count.error{color:#ff453a}.results-card{background:linear-gradient(135deg,var(--color-bg-secondary)0%,var(--color-bg-input)100%);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);margin-top:var(--spacing-xl);position:relative;overflow:hidden}.results-card:before{content:"";opacity:.5;background:linear-gradient(90deg,#0000,#0f8,#0000);height:1px;position:absolute;top:0;left:0;right:0}.results-card .editable-field{margin-bottom:var(--spacing-lg)}.results-card .editable-field label{color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.results-card input,.results-card textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border-input);border-radius:var(--border-radius);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base);transition:var(--transition);background:#0003}.results-card input:focus,.results-card textarea:focus{border-color:#0f8;outline:none;box-shadow:0 0 16px #00ff8826}.results-card textarea{resize:vertical;min-height:100px;line-height:1.5}.loading-container{padding:var(--spacing-4xl)var(--spacing-xl);flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.loading-spinner{border:3px solid var(--color-border);border-top:3px solid var(--color-accent);width:40px;height:40px;margin-bottom:var(--spacing-lg);border-radius:50%;animation:1s linear infinite spin}.loading-text{color:var(--color-text-secondary);font-size:var(--font-size-base);text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:#ff453a;padding:var(--spacing-md);border-radius:var(--border-radius);margin:var(--spacing-lg)0;text-align:center;background:#ff453a1a;border:1px solid #ff453a4d}.status-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs);margin-bottom:var(--spacing-lg);border-radius:15px;font-weight:600;display:inline-flex}.status-badge.ready{color:#0f8;background:#00ff881a;border:1px solid #00ff884d}.status-badge.degraded{color:#ff9500;background:#ff95001a;border:1px solid #ff95004d}.status-badge.down{color:#ff453a;background:#ff453a1a;border:1px solid #ff453a4d}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}@media (max-width:768px){.difficulty-selector{justify-content:stretch}.difficulty-pill{text-align:center;flex:1;min-width:0}}@media (max-width:480px){.input-card,.results-card{padding:var(--spacing-lg)}.difficulty-selector{flex-direction:column}.difficulty-pill{flex:none}}