@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";.app-shell{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.hero{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1.75rem;border-radius:28px;background:linear-gradient(135deg,#09032df2,#3f0666e6);border:1px solid rgba(9,251,211,.2);box-shadow:0 0 60px #080a2dcc,inset 0 0 60px #ff00991a;margin-bottom:2.5rem}.hero h1{margin:0;font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:.05em}.hero__eyebrow{text-transform:uppercase;letter-spacing:.4em;font-size:.8rem;color:#f5d300}.hero__subtitle{margin:0;color:#fffc;max-width:520px}.status{padding:1rem 1.25rem;border-radius:12px;background:#ffffff0d;border:1px solid rgba(9,251,211,.2);margin-bottom:1.5rem}.status--error{border-color:#f579;color:#ff8597}.selector-block{margin-bottom:2rem}.selector-title{color:#8efeff;font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}.selector-grid{display:flex;flex-wrap:wrap;gap:.75rem}.selector-chip{border:1px solid transparent;border-image:linear-gradient(120deg,#09fbd3,#f5d300) 1;background:#09fbd314;color:#f4f4f4;padding:.5rem 1rem;border-radius:999px;font-weight:600;letter-spacing:.05em;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;cursor:pointer}.selector-chip:hover{transform:translateY(-3px);box-shadow:0 0 15px #09fbd399}.selector-chip.active{background:linear-gradient(120deg,#09fbd3e6,#f5d300e6);color:#0b0b21;box-shadow:0 0 25px #f5d300b3}.send-block{margin-top:2rem;display:flex;flex-direction:column;gap:.75rem}.send-block__actions{display:flex;flex-wrap:wrap;gap:.75rem}.send-button{align-self:flex-start;padding:.85rem 1.75rem;border-radius:999px;border:none;background:linear-gradient(120deg,#8f00ff,#f5d300);color:#0c0b22;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 20px #8f00ff80,0 0 40px #f5d30066;transition:transform .2s ease,opacity .2s ease}.send-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.send-button:not(:disabled):hover{transform:translateY(-3px) scale(1.01)}.clear-button{padding:.85rem 1.4rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#f5f6ff;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,border-color .2s ease,opacity .2s ease}.clear-button:disabled{opacity:.4;cursor:not-allowed}.clear-button:not(:disabled):hover{transform:translateY(-3px);border-color:#f5d300}.send-status{font-size:.9rem;color:#fff9}.results-table__wrapper{overflow-x:auto;border-radius:16px;border:1px solid rgba(9,251,211,.2);background:#060828cc;box-shadow:inset 0 0 30px #080d3c99;margin-top:.5rem}.results-table{width:100%;border-collapse:collapse;font-size:.95rem}.results-table th,.results-table td{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.results-table th{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:#09fbd3}.results-table tr:last-child td{border-bottom:none}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.input-label{font-size:.9rem;letter-spacing:.08em;color:#8efeff;text-transform:uppercase}.notes-input,.score-input{background:#040c23cc;border:1px solid rgba(9,251,211,.4);border-radius:10px;color:#f7f7ff;padding:.75rem 1rem;font-size:1rem;resize:vertical;font-family:JetBrains Mono,Fira Code,monospace;transition:border .2s ease,box-shadow .2s ease}.notes-input:focus,.score-input:focus{outline:none;border-color:#f5d300;box-shadow:0 0 15px #f5d30066}.notes-input::placeholder,.score-input::placeholder{color:#ffffff80}.topic-panel{margin-top:2rem;padding:1.5rem;border-radius:24px;background:linear-gradient(135deg,#080a23e6,#15042de6);border:1px solid rgba(9,251,211,.2);box-shadow:0 0 30px #0e155499}.topic-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.topic-panel__eyebrow{text-transform:uppercase;font-size:.8rem;letter-spacing:.2em;color:#f5d300;margin-bottom:.2rem}.topic-panel__title{margin:0;font-size:1.5rem;color:#f7f7ff}.topic-panel__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:1.5rem}.topic-panel__list{display:flex;flex-direction:column;gap:.75rem}.topic-card{background:#070e32cc;border:1px solid rgba(9,251,211,.2);border-radius:18px;padding:1rem 1.25rem;text-align:left;color:#fefefe;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:transform .2s ease,border .2s ease,box-shadow .2s ease}.topic-card:hover{transform:translate(4px);border-color:#09fbd380;box-shadow:0 0 20px #09fbd340}.topic-card.active{border-color:#f5d300cc;background:linear-gradient(120deg,#09fbd333,#f5d30033);box-shadow:0 0 30px #f5d30059}.topic-card__name{font-weight:600}.topic-card__count{font-size:.8rem;opacity:.8}.topic-panel__details{background:#040a28e6;border-radius:20px;border:1px solid rgba(9,251,211,.2);padding:1.25rem;box-shadow:inset 0 0 30px #0a0e37b3}.topic-panel__questions h4{margin:0 0 .75rem;color:#fefefe;font-size:1.2rem}.question-list{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.9rem}.question-chip{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;background:#ffffff0d;border-radius:14px;border:1px dashed rgba(9,251,211,.4);color:#e6faff;font-size:.95rem;position:relative;overflow:hidden}.question-chip__glow{width:8px;height:8px;border-radius:50%;background:#09fbd3;box-shadow:0 0 10px #09fbd3cc,0 0 20px #09fbd380}.topic-panel__placeholder{min-height:200px;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:1rem;text-align:center}@media(max-width:960px){.topic-panel__grid{grid-template-columns:1fr}}:root{font-family:Inter,JetBrains Mono,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#f5f6ff;background-color:#05030f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(9,251,211,.15),transparent 40%),radial-gradient(circle at 80% 0%,rgba(255,0,153,.2),transparent 45%),#05030f}#root{min-height:100vh}a{color:inherit}
