button,.button,select,input{font:inherit}button,.button,select{background:#122031;color:#d8e8f8;border:1px solid #30455d;border-radius:8px;padding:10px 14px}button,.button{cursor:pointer}button:hover,.button:hover{border-color:#36d9ff}button:disabled{opacity:.45;cursor:wait}.primary{background:#36d9ff;color:#04131b;font-weight:700;border-color:#36d9ff}input[type=range]{accent-color:#36d9ff;max-width:100%}input[type=number]{width:76px;background:#080f19;color:#edf5ff;border:1px solid #30455d;padding:6px;border-radius:6px}h2{font-size:12px;letter-spacing:1px;margin:0 0 12px}p{line-height:1.5}.panel{padding:18px;border:1px solid #2b4059;border-radius:12px;background:linear-gradient(140deg,#101a28,#090f17);margin:16px 0;min-width:0}.source-panel{margin-top:25px}.source-panel p,.identity p{color:#91a6bd;font-size:12px}.source-actions,.transport-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.source-actions select{flex:1;min-width:160px;max-width:100%}.upload input{display:none}.source-panel progress{width:100%;height:10px;accent-color:#36d9ff;margin-top:16px}#notice{color:#9db5cc;margin-bottom:0}.identity{display:flex;align-items:center;gap:14px;min-width:0}.identity h2{font-size:18px;letter-spacing:0;overflow-wrap:anywhere}.identity img{width:65px;height:65px;object-fit:cover;border-radius:8px}audio{width:100%;height:42px;margin:10px 0 14px}.transport-tools{font-size:12px}.transport-tools label{display:flex;align-items:center;gap:7px}#volume{width:140px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metrics>div{border:1px solid #2b4059;border-radius:10px;background:#0b1522;padding:17px;min-width:0}.metrics span,.metrics small{display:block;font-size:9px;letter-spacing:1px;color:#859cb6}.metrics strong{display:block;font:28px ui-monospace,monospace;color:#ace7ee;margin:12px 0}.metrics small{letter-spacing:0}.panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.panel-head h2{margin:0}.panel-head span,.panel-head label{font-size:10px;color:#90a8bf}.panel-head>div{display:flex;align-items:center;gap:10px}.panel-head button{padding:6px 10px;font-size:10px}.panel-head input{width:100px}canvas{display:block;width:100%;border-radius:7px;background:#060d16;touch-action:pan-y}.axis{display:flex;justify-content:space-between;font-size:9px;color:#829db8;margin:8px 0;gap:8px}.scroll-label{display:flex;align-items:center;gap:12px;color:#8ea5ba;font-size:10px}.scroll-label input{flex:1}.instruments,.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.instruments .panel,.details-grid .panel{margin:0}.hint,.method{font-size:11px;color:#7e96af}.hint{margin-bottom:0}.spectro-wrap{position:relative;min-height:80px;overflow:hidden}.spectro-wrap img{display:block;width:100%;cursor:crosshair}.spectro-wrap [hidden]{display:none}#spectroCursor{position:absolute;top:0;bottom:0;width:2px;background:#fff9;pointer-events:none}.details-grid{margin:16px 0}.observation{display:block;text-align:left;width:100%;margin:8px 0;font-size:12px;line-height:1.5}.observation.static{color:#a4bbcf;background:#101b29;padding:10px;border-radius:8px}dl{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;font-size:12px}dt{color:#829eb8}dd{margin:0;overflow-wrap:anywhere}.mobile-nav{display:none}[hidden]{display:none!important}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.mobile-nav{display:flex;gap:20px;margin-top:18px;font-size:12px}.instruments,.details-grid{grid-template-columns:1fr}.panel{padding:13px}.source-actions>*{max-width:100%}.source-actions select{width:100%;flex-basis:100%}.transport-tools{gap:8px}.metrics{gap:8px}.metrics>div{padding:12px}.metrics strong{font-size:24px}.panel-head{gap:8px}.source-actions .primary{flex:1}.top h1{font-size:25px}}
@media print{aside,.source-panel,audio,.transport-tools,.mobile-nav{display:none}.app{display:block}body{background:white;color:black}main{padding:0}.panel,.metrics>div{break-inside:avoid}}