html{min-width:320px;background:#101722}:root{color-scheme:dark;--bg: #101722;--bg-soft: #121826;--surface: #182232;--surface-high: #1f2b3d;--surface-higher: #263449;--border: #2f3b4f;--border-soft: rgba(169, 180, 194, .12);--text: #e6edf3;--text-soft: #a9b4c2;--text-muted: #6f7d8f;--violet: #a78bfa;--green: #7ddc9a;--amber: #f0b86e;--red: #e07a7a;--blue: #7ab7ff;--shadow: rgba(4, 8, 14, .42);--mono: "JetBrains Mono", "Fira Code", "SFMono-Regular", Consolas, monospace;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--sans);background:linear-gradient(180deg,rgba(122,183,255,.04),transparent 28rem),radial-gradient(circle at 18% 0%,rgba(167,139,250,.08),transparent 18rem),var(--bg)}*{box-sizing:border-box}button,input,textarea{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:17rem minmax(0,1fr) 21rem;min-height:100vh;background-image:linear-gradient(rgba(169,180,194,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(169,180,194,.035) 1px,transparent 1px);background-size:32px 32px}.sidebar,.right-panel{position:sticky;top:0;height:100vh;border-color:var(--border);background:linear-gradient(180deg,#1f2b3df5,#121826f5),var(--surface)}.sidebar{display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem;border-right:1px solid var(--border)}.brand{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding-bottom:1.15rem;border-bottom:1px solid var(--border-soft)}.brand-logo{display:block;width:min(9.75rem,100%);height:auto;filter:drop-shadow(0 1rem 1.35rem rgba(4,8,14,.42))}.brand-subtitle{color:var(--text-muted);font-family:var(--mono);font-size:.78rem;letter-spacing:0}.nav-list{display:grid;gap:.45rem}.nav-item{display:flex;align-items:center;gap:.72rem;width:100%;min-height:2.65rem;padding:.65rem .75rem;color:var(--text-soft);text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer}.nav-item:hover,.nav-item.active{color:var(--text);border-color:var(--border);background:#7ab7ff14}.nav-item.active{box-shadow:inset 3px 0 0 var(--violet)}.nav-marker{display:grid;width:1.8rem;height:1.45rem;place-items:center;color:var(--blue);font-family:var(--mono);font-size:.68rem;border:1px solid var(--border);border-radius:5px;background:#10172299}.sidebar-console{margin-top:auto;padding:.85rem;border:1px solid var(--border);border-radius:8px;background:#101722c7}.console-header{display:flex;align-items:center;gap:.45rem;color:var(--blue);font-family:var(--mono);font-size:.8rem}.console-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--green);box-shadow:0 0 .8rem var(--green)}.sidebar-console p{margin:.75rem 0;color:var(--text-soft);font-size:.9rem;line-height:1.45}.mini-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.mini-meter span{height:.4rem;border-radius:999px;background:var(--border)}.mini-meter span:nth-child(1),.mini-meter span:nth-child(2),.mini-meter span:nth-child(3){background:var(--green)}.workspace{min-width:0;padding:1.4rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.eyebrow{margin:0 0 .28rem;color:var(--amber);font-family:var(--mono);font-size:.78rem}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:2rem;line-height:1.1}.topbar-actions{display:flex;align-items:center;gap:.8rem;min-width:min(46rem,62%)}.search-box{display:flex;align-items:center;gap:.7rem;flex:1;min-width:14rem;height:2.8rem;padding:0 .9rem;color:var(--text-muted);border:1px solid var(--border);border-radius:8px;background:#182232db}.search-box input{width:100%;min-width:0;color:var(--text);border:0;outline:0;background:transparent}.search-box input::placeholder{color:var(--text-muted)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:9.25rem;height:2.8rem;padding:0 1rem;color:#121826;font-weight:700;border:0;border-radius:8px;background:var(--amber);box-shadow:0 .7rem 1.6rem #f0b86e29;cursor:pointer}.primary-button:hover{background:#f4c485}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.62;cursor:not-allowed}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.55rem;padding:0 1rem;color:var(--text);font-weight:700;border:1px solid var(--border);border-radius:8px;background:#101722c7;cursor:pointer}.secondary-button:hover{border-color:#7ab7ff57;background:#7ab7ff14}.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.55rem;padding:0 1rem;color:var(--red);font-weight:700;border:1px solid rgba(224,122,122,.34);border-radius:8px;background:#e07a7a14;cursor:pointer}.danger-button:hover{border-color:#e07a7a85;background:#e07a7a1f}.led-row{display:flex;gap:.38rem;padding:.6rem;border:1px solid var(--border);border-radius:8px;background:#101722b8}.led{width:.55rem;height:.55rem;border-radius:50%;background:var(--text-muted);box-shadow:0 0 .8rem currentColor}.led.green{color:var(--green);background:var(--green)}.led.amber{color:var(--amber);background:var(--amber)}.led.violet{color:var(--violet);background:var(--violet)}.groove-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;margin-bottom:1rem;padding:.9rem;border:1px solid var(--border);border-radius:8px;background:linear-gradient(90deg,#7ab7ff0f,#a78bfa0a),#182232c7}.pad-bank{display:grid;grid-template-columns:repeat(8,minmax(3rem,1fr));gap:.55rem}.pad{display:grid;min-height:3.1rem;place-items:center;color:var(--text-soft);font-family:var(--mono);font-size:.78rem;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#263449f0,#182232f5);box-shadow:inset 0 1px #e6edf30d;cursor:pointer}.pad small{color:var(--text-muted);font-size:.63rem;line-height:1}.pad.active{color:var(--text);border-color:#7ddc9ab8;background:linear-gradient(180deg,#7ddc9a33,#182232f5),var(--surface-high);box-shadow:inset 0 1px #e6edf314,0 0 0 1px #7ddc9a1f}.pad.active small{color:var(--green)}.pad-0{border-color:#7ddc9a6b}.pad-1{border-color:#f0b86e6b}.pad-2{border-color:#7ab7ff61}.pad-3{border-color:#a78bfa61}.knob-bank{display:flex;gap:.8rem;align-items:center}.knob-block{display:grid;gap:.35rem;justify-items:center;min-width:3rem;color:var(--text-muted);font-family:var(--mono);font-size:.7rem}.knob{position:relative;width:2.1rem;height:2.1rem;border:1px solid var(--border);border-radius:50%;background:conic-gradient(from 310deg,var(--amber) 0 66deg,#334158 66deg 360deg),var(--surface-high)}.knob:after{position:absolute;top:.35rem;left:50%;width:2px;height:.6rem;content:"";background:var(--text);transform:translate(-50%)}.knob.level-two{background:conic-gradient(from 280deg,var(--green) 0 112deg,#334158 112deg 360deg),var(--surface-high)}.knob.level-three{background:conic-gradient(from 245deg,var(--red) 0 88deg,#334158 88deg 360deg),var(--surface-high)}.bug-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.bug-card,.panel-block{border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#1f2b3df0,#182232f7),var(--surface);box-shadow:0 1.1rem 2.5rem var(--shadow)}.bug-card{position:relative;min-height:16rem;padding:1rem;overflow:hidden;text-align:left;cursor:pointer}.bug-card:hover,.bug-card:focus-visible{border-color:#7ab7ff6b;transform:translateY(-1px)}.bug-card:focus-visible{outline:3px solid rgba(122,183,255,.24);outline-offset:2px}.bug-card:before{position:absolute;inset:0 auto 0 0;width:3px;content:"";background:var(--blue)}.bug-card.signal-learned:before{background:var(--green)}.bug-card.signal-warning:before{background:var(--amber)}.bug-card.signal-danger:before{background:var(--red)}.bug-card h2{margin:.9rem 0 .8rem;font-size:1.05rem;line-height:1.35}.bug-card p{margin-bottom:1.05rem;color:var(--text-soft);line-height:1.55}.card-topline,.card-footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.language-chip,.status-pill{display:inline-flex;align-items:center;min-height:1.65rem;padding:0 .55rem;white-space:nowrap;border-radius:999px;font-family:var(--mono);font-size:.74rem}.language-chip{color:var(--blue);border:1px solid rgba(122,183,255,.28);background:#7ab7ff14}.status-pill{color:var(--text);border:1px solid var(--border);background:#6f7d8f1f}.status-done{color:var(--green);border-color:#7ddc9a52;background:#7ddc9a14}.status-review{color:var(--amber);border-color:#f0b86e57;background:#f0b86e14}.status-open{color:var(--blue);border-color:#7ab7ff57;background:#7ab7ff14}.status-critical{color:var(--red);border-color:#e07a7a59;background:#e07a7a17}.error-snippet{display:flex;align-items:center;gap:.5rem;min-height:2.4rem;padding:.6rem .7rem;color:var(--amber);border:1px solid rgba(240,184,110,.2);border-radius:8px;background:#101722ad}.error-snippet code{min-width:0;overflow:hidden;font-family:var(--mono);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.card-footer{color:var(--text-muted);font-size:.82rem}.card-footer span{display:inline-flex;align-items:center;gap:.4rem}.card-buttons{display:flex;gap:.35rem}.card-buttons span{width:.65rem;height:.65rem;border:1px solid var(--border);border-radius:3px;background:var(--surface-higher)}.bug-detail-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:1.5rem;background:#04080ebd;backdrop-filter:blur(8px)}.bug-detail-panel{display:grid;gap:1rem;width:min(46rem,100%);max-height:min(42rem,calc(100vh - 3rem));padding:1.1rem;overflow:auto;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#1f2b3dfa,#101722fc),var(--surface);box-shadow:0 1.5rem 4rem #0000006b}.bug-detail-header,.bug-detail-footer,.bug-detail-meta{display:flex;gap:.85rem}.bug-detail-header,.bug-detail-footer{align-items:flex-start;justify-content:space-between}.bug-detail-header h2{margin:.2rem 0 0;font-size:1.35rem;line-height:1.25}.icon-button{display:inline-grid;flex:0 0 auto;width:2.35rem;height:2.35rem;place-items:center;color:var(--text-soft);border:1px solid var(--border);border-radius:8px;background:#101722db;cursor:pointer}.icon-button:hover,.icon-button:focus-visible{color:var(--text);border-color:#7ab7ff6b}.bug-detail-meta{flex-wrap:wrap}.bug-detail-section{display:grid;gap:.45rem}.bug-detail-section h3{margin:0;color:var(--text-muted);font-family:var(--mono);font-size:.76rem;text-transform:uppercase}.bug-detail-section p{margin:0;color:var(--text-soft);line-height:1.65;white-space:pre-wrap}.detail-snippet code{overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word}.bug-detail-dates{display:grid;gap:.35rem;color:var(--text-muted);font-family:var(--mono);font-size:.72rem}.bug-detail-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end}.bug-detail-actions .primary-button,.bug-detail-actions .secondary-button,.bug-detail-actions .danger-button{min-width:0}.bug-edit-form{display:grid;gap:.75rem}.right-panel{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border-left:1px solid var(--border);overflow:auto}.panel-block{padding:1rem}.panel-title{display:flex;align-items:center;gap:.45rem;margin-bottom:.9rem;color:var(--text-soft)}.panel-title h2{margin:0;font-size:.95rem}.auth-panel{display:grid;gap:.85rem}.auth-form{display:grid;gap:.7rem}.auth-field{display:grid;gap:.35rem}.auth-field span{color:var(--text-muted);font-family:var(--mono);font-size:.74rem}.auth-field input{width:100%;min-height:2.55rem;padding:0 .75rem;color:var(--text);border:1px solid var(--border);border-radius:8px;outline:0;background:#101722b8}.auth-field input:focus{border-color:#7ab7ff8c;box-shadow:0 0 0 3px #7ab7ff1a}.auth-action{width:100%;min-width:0}.auth-session{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:center;padding:.75rem;border:1px solid rgba(125,220,154,.2);border-radius:8px;background:#7ddc9a12}.auth-session strong,.auth-session span{display:block}.auth-session strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.auth-session span{margin-top:.12rem;color:var(--green);font-family:var(--mono);font-size:.76rem}.auth-status-dot{width:.62rem;height:.62rem;border-radius:50%;background:var(--green);box-shadow:0 0 .85rem #7ddc9ac7}.auth-muted,.auth-message{margin:0;font-size:.85rem;line-height:1.45}.auth-muted{color:var(--text-muted)}.auth-message{padding:.65rem .75rem;border-radius:8px}.auth-message-error{color:var(--red);border:1px solid rgba(224,122,122,.3);background:#e07a7a14}.auth-message-success{color:var(--green);border:1px solid rgba(125,220,154,.28);background:#7ddc9a14}.create-panel{display:grid;gap:.85rem}.create-toggle,.create-submit{width:100%;min-width:0}.create-form{display:grid;gap:.75rem}.create-field{display:grid;gap:.35rem}.create-field span{color:var(--text-muted);font-family:var(--mono);font-size:.74rem}.create-field input,.create-field textarea{width:100%;min-width:0;padding:.7rem .75rem;color:var(--text);border:1px solid var(--border);border-radius:8px;outline:0;background:#101722b8}.create-field input{min-height:2.55rem}.create-field textarea{min-height:5rem;line-height:1.45;resize:vertical}.create-field input:focus,.create-field textarea:focus{border-color:#f0b86e8c;box-shadow:0 0 0 3px #f0b86e1a}.create-message{margin:0;padding:.65rem .75rem;border-radius:8px;font-size:.85rem;line-height:1.45}.create-message-error{color:var(--red);border:1px solid rgba(224,122,122,.3);background:#e07a7a14}.create-message-success{color:var(--green);border:1px solid rgba(125,220,154,.28);background:#7ddc9a14}.featured-bug h3{margin:.8rem 0 .55rem;font-size:1.08rem;line-height:1.35}.featured-bug p,.learning-panel p{margin-bottom:0;color:var(--text-soft);line-height:1.55}.circuit-line{height:1px;margin-top:1rem;background:linear-gradient(90deg,var(--amber),transparent 52%),var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.stats-grid div{min-height:4.4rem;padding:.75rem;border:1px solid var(--border-soft);border-radius:8px;background:#10172270}.stats-grid strong{display:block;margin-bottom:.25rem;color:var(--text);font-size:1.35rem}.stats-grid span{color:var(--text-muted);font-size:.78rem}.language-panel{display:grid;gap:.75rem}.language-row{display:grid;grid-template-columns:4.5rem 1fr;align-items:center;gap:.7rem;color:var(--text-soft);font-family:var(--mono);font-size:.78rem}meter{width:100%;height:.65rem;border:0;border-radius:999px;background:var(--surface-higher)}meter::-webkit-meter-bar{border:0;border-radius:999px;background:var(--surface-higher)}meter::-webkit-meter-optimum-value{border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--violet))}meter::-moz-meter-bar{border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--violet))}@media (max-width: 1180px){.app-shell{grid-template-columns:15rem minmax(0,1fr)}.right-panel{grid-column:1 / -1;position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;border-top:1px solid var(--border);border-left:0}}@media (max-width: 900px){.app-shell{display:block}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border)}.brand{flex-direction:row;justify-content:flex-start;gap:.85rem}.brand-logo{width:5.75rem}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.topbar-actions{align-items:stretch;flex-direction:column}.topbar-actions{min-width:0}.led-row{width:max-content}.groove-strip,.pad-bank,.bug-grid,.right-panel{grid-template-columns:1fr}.knob-bank{justify-content:flex-start}}@media (max-width: 560px){.workspace,.sidebar,.right-panel{padding:1rem}.nav-list{grid-template-columns:1fr}h1{font-size:1.55rem}.pad-bank{grid-template-columns:repeat(4,minmax(0,1fr))}.search-box,.primary-button{width:100%}.bug-detail-backdrop{padding:.75rem}.bug-detail-header,.bug-detail-footer{align-items:stretch;flex-direction:column}.stats-grid{grid-template-columns:1fr}}