:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}.app{display:flex;height:100vh;width:100%;background:#1a1a1a}.pdf-container{flex:1;overflow:auto;background:#2a2a2a;display:flex;flex-direction:column}.panel-container{width:400px;min-width:300px;background:#242424;border-left:1px solid #333;display:flex;flex-direction:column}.pdf-viewer{display:flex;flex-direction:column;height:100%}.pdf-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;background:#333;border-bottom:1px solid #444}.pdf-controls button{padding:8px 16px;background:#4a4a4a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.pdf-controls button:hover:not(:disabled){background:#5a5a5a}.pdf-controls button:disabled{opacity:.5;cursor:not-allowed}.pdf-controls span{color:#ccc;font-size:14px}.pdf-canvas-container{flex:1;overflow:auto;display:flex;justify-content:center;padding:20px}.pdf-page-wrapper{position:relative;box-shadow:0 4px 20px #00000080}.pdf-page-wrapper canvas{display:block}.text-layer{position:absolute;inset:0;overflow:hidden;opacity:.2;line-height:1}.text-layer>span{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.text-layer ::selection{background:#0064ff80}.explanation-panel{display:flex;flex-direction:column;height:100%;padding:20px;color:#e0e0e0}.explanation-panel h2{font-size:18px;margin-bottom:16px;color:#fff}.selected-text{background:#333;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px;max-height:150px;overflow-y:auto;border:1px solid #444}.selected-text.empty{color:#888;font-style:italic}.explain-button{padding:12px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:16px;transition:background .2s}.explain-button:hover:not(:disabled){background:#1d4ed8}.explain-button:disabled{background:#4a4a4a;cursor:not-allowed}.error{color:#ef4444;background:#ef44441a;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px}.loading{display:flex;align-items:center;gap:12px;color:#888;font-size:14px}.spinner{width:20px;height:20px;border:2px solid #444;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.explanation{flex:1;overflow-y:auto;background:#333;padding:16px;border-radius:8px;font-size:15px;line-height:1.6}.explanation p{margin-bottom:12px}.explanation ol,.explanation ul{margin-left:20px;margin-bottom:12px}.explanation li{margin-bottom:8px}.explanation .katex{color:#e0e0e0}.explanation .katex-display{margin:16px 0;overflow-x:auto}