:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e2e8f0;background-color:#0a0f1f;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#0a0f1f}a{color:inherit}#root{min-height:100vh}.app{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:4rem 1.5rem;background:radial-gradient(circle at top,#1f2937,#0a0f1f 55%);color:#e2e8f0}.app--classic{align-items:flex-start}.app--steps{align-items:stretch;padding:4rem 2.75rem}.panel{width:min(480px,100%);padding:2.5rem;border-radius:1.25rem;background:#0f172ad9;border:1px solid rgba(148,163,184,.12);box-shadow:0 25px 45px #0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel__top{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start}.panel__header h1{margin:0;font-size:2rem;letter-spacing:-.02em}.panel__header p{margin:.75rem 0 0;color:#cbd5f5}.view-switch{display:inline-flex;padding:.35rem;border-radius:9999px;border:1px solid rgba(148,163,184,.2);background:#0f172a99;gap:.35rem}.view-switch__option{padding:.35rem 1rem;border-radius:9999px;background:transparent;color:#cbd5f5;font-size:.95rem;line-height:1.4;box-shadow:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.view-switch__option:hover{background:#94a3b833}.view-switch__option--active{background:linear-gradient(120deg,#38bdf8,#6366f1);color:#0b1120;box-shadow:0 0 0 1px transparent,0 10px 18px #38bdf84d}.form{display:grid;gap:1.25rem;margin-top:2rem}.form--steps{margin-top:1.5rem}.form__field{display:grid;gap:.5rem}.form__field span{font-weight:600;color:#f8fafc}.form__field input{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.2);background:#0f172acc;color:inherit;font-size:1rem;transition:border-color .2s ease}.form__field input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf840}.form__field--inline{display:grid;gap:1rem}.form__field--inline label{display:grid;gap:.5rem}.form__actions{display:flex;gap:.75rem;flex-wrap:wrap}button{appearance:none;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}button[type=submit]{background:linear-gradient(120deg,#38bdf8,#6366f1);color:#0b1120;box-shadow:0 10px 20px #38bdf859}button[type=submit]:hover{transform:translateY(-1px)}button.secondary{background:#94a3b833;color:#e2e8f0}button.secondary:hover{background:#94a3b84d}button.ghost{background:transparent;color:#cbd5f5;border:1px solid rgba(148,163,184,.35);box-shadow:none}button.ghost:hover{background:#94a3b833}.steps{width:min(1100px,100%);margin:0 auto;display:flex;flex-direction:column;gap:2rem}.steps__top{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.steps__top header h1{margin:0;font-size:2rem;letter-spacing:-.02em}.steps__top header p{margin:.75rem 0 0;color:#cbd5f5;max-width:60ch}.steps__body{display:flex;flex-direction:column;gap:1.5rem}.steps__progress{display:inline-flex;gap:.5rem;color:#94a3b8;font-size:.9rem;font-weight:600}.steps__progress-item{padding:.3rem .85rem;border-radius:9999px;border:1px solid rgba(148,163,184,.25);background:#0f172a8c}.steps__progress-item--active{background:linear-gradient(120deg,#38bdf8,#6366f1);color:#0b1120;border-color:transparent}.steps-card{background:#0f172ad9;border:1px solid rgba(148,163,184,.12);border-radius:1.25rem;padding:2.25rem;box-shadow:0 25px 45px #0f172a59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:1.75rem}.steps-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.steps-card__header h2{margin:0;font-size:1.6rem;letter-spacing:-.02em}.steps-card__header p{margin:.5rem 0 0;color:#cbd5f5;max-width:70ch}.steps-card__actions{display:flex;gap:.75rem;flex-wrap:wrap}.steps-summary{display:grid;gap:.75rem;margin:0}.steps-summary div{display:flex;justify-content:space-between;border-radius:.75rem;padding:.75rem 1rem;background:#0f172a99;border:1px solid rgba(148,163,184,.2)}.steps-summary dt{font-weight:600;color:#bfdbfe}.steps-summary dd{margin:0;color:#e2e8f0}.steps-results__content{display:grid;gap:1.25rem}.form__error{margin:-.5rem 0 0;color:#fca5a5;font-weight:500}.preview{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(148,163,184,.15);display:grid;gap:1.25rem}.preview h2{margin:0;font-size:1.25rem}.preview p{margin:0;color:#cbd5f5}.preview dl{display:grid;gap:.75rem}.preview dl div{display:flex;justify-content:space-between;border-radius:.75rem;padding:.75rem 1rem;background:#0f172aa6;border:1px solid rgba(148,163,184,.15)}.preview dt{font-weight:600;color:#bfdbfe}.preview dd{margin:0;color:#e2e8f0}@media (min-width: 640px){.form__field--inline{grid-template-columns:repeat(2,minmax(0,1fr))}}.results-section{margin-top:2.5rem;border-top:1px solid rgba(148,163,184,.15);padding-top:2rem;display:grid;gap:1.5rem}.results__loading{color:#93c5fd}.results__error{color:#f87171;font-weight:600}.results__empty{color:#cbd5f5}.results{display:grid;gap:1.5rem}.tabs{display:flex;flex-wrap:wrap;gap:.5rem}.app--steps .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.35rem}.app--steps .tabs__trigger{flex:0 0 auto}.app--steps .tabs::-webkit-scrollbar{height:6px}.app--steps .tabs::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:9999px}.tabs__trigger{background:#94a3b82e;color:inherit;border:1px solid rgba(148,163,184,.25);border-radius:9999px;padding:.5rem 1rem;font-size:.95rem;cursor:pointer;transition:background .2s ease,color .2s ease}.tabs__trigger--active{background:linear-gradient(120deg,#38bdf8,#6366f1);color:#0b1120;border-color:transparent}.tab-panel{background:#0f172abf;border:1px solid rgba(148,163,184,.15);border-radius:1rem;padding:1.5rem;display:grid;gap:1.25rem}.tab-panel__header{display:flex;flex-direction:column;gap:.5rem}.tab-panel__header h2{margin:0;font-size:1.3rem}.tab-panel__content{display:grid;gap:1rem}.stats-group{display:grid;gap:.75rem}.stats-summary{margin:0;color:#cbd5f5;font-size:.95rem}.stats-summary strong{color:#e2e8f0}.stats-table{width:100%;border-collapse:collapse;background:#0f172a99;border-radius:.75rem;overflow:hidden}.stats-table th,.stats-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(148,163,184,.12);text-align:left}.stats-table th{background:#47556940;font-weight:600}.stats-table tr:last-child td{border-bottom:none}.open-text{display:grid;gap:1.5rem}.open-text__cloud ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.75rem}.open-text__entries ul{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.open-text__entries li{border:1px solid rgba(148,163,184,.2);border-radius:.75rem;padding:.75rem 1rem;background:#0f172a8c}.open-text__entries span{display:block;margin-top:.35rem;color:#94a3b8;font-size:.85rem}.number-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.number-stats div{background:#0f172a8c;border:1px solid rgba(148,163,184,.2);border-radius:.75rem;padding:.75rem 1rem}.number-stats dt{margin:0;color:#94a3b8;font-size:.9rem}.number-stats dd{margin:.35rem 0 0;font-size:1.2rem;font-weight:600;color:#e2e8f0}@media (max-width: 960px){.app--steps{padding:3rem 1.75rem}.steps__top{flex-direction:column;align-items:stretch}.steps__top header p{max-width:none}.app--steps .view-switch{align-self:flex-start}.steps-card{padding:2rem}}@media (max-width: 640px){.app--steps{padding:2.5rem 1.25rem}.steps__top header h1{font-size:1.75rem}.steps-card{padding:1.75rem}.steps__progress{flex-wrap:wrap;gap:.4rem}.tab-panel__header{align-items:flex-start}}.word-cloud li{margin:0;font-weight:600;color:#bfdbfe}
