:root{font-family:Space Grotesk,Segoe UI,sans-serif;color:#f4efe4;background:radial-gradient(circle at top left,rgba(252,139,61,.18),transparent 30%),radial-gradient(circle at top right,rgba(37,110,255,.18),transparent 25%),linear-gradient(160deg,#16110f,#221818 40%,#111820);line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select,input{font:inherit}button{border:0;border-radius:999px;padding:.75rem 1.2rem;cursor:pointer;background:linear-gradient(135deg,#ffd36a,#ff8a3d);color:#23160f;font-weight:700}button.secondary,button.ghost{background:#ffffff14;color:#f4efe4}button:disabled{cursor:not-allowed;opacity:.5}select,input{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#11161eb8;color:#f4efe4;padding:.8rem .9rem}#root{min-height:100vh}.app-shell{width:min(1400px,calc(100vw - 2rem));margin:0 auto;padding:1.2rem 0 2rem}.hero{display:grid;grid-template-columns:1.6fr .9fr;gap:1rem;align-items:end;margin-bottom:1rem}.eyebrow{margin:0 0 .4rem;letter-spacing:.18em;text-transform:uppercase;color:#ffcf75;font-size:.76rem}.hero h1{margin:0;font-size:clamp(2.8rem,7vw,5.5rem);line-height:.94}.hero-copy{max-width:48rem;color:#f4efe4cc}.hero-status,.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0d108f;border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 20px 60px #0000003d}.hero-status{padding:1.2rem 1.4rem;display:grid;gap:.4rem}.hero-status span,.panel-heading span,.dropzone span,small,.empty-copy{color:#f4efe4a8}.dashboard{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.import-panel,.insight-panel,.note-panel{padding:1.2rem}.note-panel{grid-column:1 / -1}.import-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.dropzone{min-height:180px;border-radius:22px;border:1.5px dashed rgba(255,210,106,.35);display:grid;place-items:center;text-align:center;padding:1rem;background:linear-gradient(160deg,#ffa44d1f,#2e71ff14),#ffffff08}.dropzone p{margin:0;font-size:1.1rem;font-weight:700}.dropzone-active{transform:translateY(-2px);border-color:#ffd26acc}.audio-dropzone{background:linear-gradient(160deg,#3fb4ff1f,#ffd05714),#ffffff08}.transport-row,.field-grid,.audio-controls{display:grid;gap:.8rem;margin-top:1rem}.transport-row{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end}.audio-controls input[type=range]{padding:0}label{display:grid;gap:.45rem}label span{font-size:.9rem;color:#f4efe4c7}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.panel-heading h2{margin:0;font-size:1.05rem}.guess-list,.suspicious-list{display:grid;gap:.8rem}.guess-card,.suspicious-item{display:grid;gap:.2rem;padding:.9rem 1rem;border-radius:18px;background:#ffffff0d}.note-table{display:grid;grid-template-columns:1fr .45fr .8fr 1.2fr 1.3fr .9fr 1fr;gap:1px;overflow:hidden;border-radius:18px;background:#ffffff14}.note-row-grid-full{display:contents}.note-table-header,.note-cell,.empty-table{background:#11161eeb;padding:.85rem .9rem}.note-table-header{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#f4efe4a6}.note-cell{display:grid;align-content:center;gap:.2rem}.note-cell.strong{font-weight:700}.note-cell-input{grid-template-columns:1fr auto;align-items:center;gap:.5rem}.note-suggestions{gap:.45rem}.suggestion-button{display:grid;justify-items:start;border-radius:14px;padding:.55rem .75rem}.suggestion-button small{font-size:.75rem}.empty-table{grid-column:1 / -1;color:#f4efe4a8}@media(max-width:1000px){.hero,.dashboard{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{width:min(100vw - 1rem,100%)}.import-grid,.transport-row,.audio-controls,.field-grid,.note-table{grid-template-columns:1fr}.note-row-grid-full{display:grid;grid-template-columns:1fr}.note-table-header{display:none}}
