*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}#root{width:100vw;height:100vh}.app{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:360px;min-width:360px;height:100%;display:flex;flex-direction:column;border-right:1px solid #e0e0e0;background:#fafafa}.sidebar-header{padding:16px;border-bottom:1px solid #e0e0e0}.sidebar-header h2{margin:0 0 12px;font-size:1.2rem;color:#333}.action-toolbar{display:flex;gap:8px}.btn{padding:6px 14px;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:.85rem;background:#fff;color:#333;transition:background .15s}.btn:hover{background:#eee}.btn-add{border-color:#2196f3;color:#2196f3}.btn-add:hover{background:#e3f2fd}.btn-clear{border-color:#f44336;color:#f44336}.btn-clear:hover{background:#ffebee}.expression-list{flex:1;overflow-y:auto;padding:8px}.expression-item{display:flex;align-items:center;gap:8px;padding:8px;margin-bottom:4px;border-radius:6px;background:#fff;border:1px solid #e8e8e8}.color-toggle{width:20px;height:20px;min-width:20px;border-radius:50%;border:2px solid;cursor:pointer;padding:0;transition:background-color .15s}.math-input{flex:1;font-size:1.1rem;border:1px solid #ddd;border-radius:4px;padding:4px 8px;min-height:36px}.math-input:focus-within{border-color:#2196f3;box-shadow:0 0 0 2px #2196f326}.delete-btn{width:28px;height:28px;min-width:28px;border:none;background:transparent;color:#999;font-size:1.2rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0}.delete-btn:hover{background:#ffebee;color:#f44336}.graph-board{flex:1;height:100%;background:#fff}.graph-board svg{width:100%!important;height:100%!important}